/*Mass Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	text-align: left;
	vertical-align: baseline;
}	
a img {border:none;}
table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}



h1 { font-size: 140%; border-bottom: 2px solid #DEE7EC; margin-bottom: 2px;  }
#info { float: right; font-size: 80%; padding: 10px 5px; background-color: #DEE7EC; border: 1px solid #8CACBB; }
#heading { padding: 10px 5px; }
#nav 	 { height: 20px; background-color: #DEE7EC; border-top: 1px solid #8CACBB; border-bottom: 3px solid #8CACBB; margin-bottom: 20px; }
#footer   { font-size: 80%; text-align: center; margin-top: 20px; padding: 10px 5px; background-color: #DEE7EC; border-top: 1px solid #8CACBB; border-bottom: 1px solid #8CACBB; }
#container { margin: 0px auto; width: 800px;}
#container_fullscreen { margin: 0px auto; width: 95%;}


#contents {padding: 20px 0px; }
.notes {background-image: url('notes.gif'); background-repeat: no-repeat; padding: 10px 20px; padding-left: 60px; margin-bottom: 20px;  border: 3px dashed #EE5500;  }
pre {
	white-space: pre;
	font-family: monospace ; 
}
#raw_fames {
	width: 100%; 
}