body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size:11px;
	/*  font-size: 82%;font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
	background-color: #fff;
	background-image: url(/images/_.gif);/*these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.*/
	background-repeat: no-repeat;
	background-position: top left;
	}
		
/*typography*/
a { text-decoration:none; color:#444; font-weight:bold; }
a:hover { color: #F00; }

/* both margins and padding set to zero and padding in header div is used instead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
/*
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;  }

*/

h2 { font-size: 1.5em; margin: 1.0em 0em 1.0em 0em; font-weight: bold; color:#000066; }
h3 { font-size: 1.3em; margin: 1.0em 0em 1.0em 0em; font-weight: bold; color:#000066; }
h4 { font-size: 1.1em; margin: 1.0em 0em 1.0em 0em; font-weight: bold; color:#000066; }
h5 { font-size: 1.0em; margin: 1.0em 0em 1.0em 0em; font-weight: bold; color:#000066; }
h6 { font-size: 0.8em; margin: 1.0em 0em 1.0em 0em; font-weight: bold; color:#000066; }
img { border: 0; }
ol, ul, li { list-style: none; font-size: 11px; line-height: 1.5em; margin-top: 0.2em; margin-bottom: 0.2em; padding:0; }
ul { list-style-type:none; margin:0; padding:0; }
p { font-size: 1.0em; line-height: 1.5em; margin: 1.0em 0em 1.0em 0em; }
li > p { margin-top: 0.2em; }
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b { font-weight: bold; }
table { border-collapse:collapse; }

/* 
* sre styles
*/

body { background:#FFF; font-family: verdana, arial, helvetica, sans-serif; text-align:center; }

.centered { text-align:center; }
.clear { clear:both; }
table.noborder { border:0; }
table.noborder td { border:0; }

div.imgright { float:right; clear:right; margin: 5px 0px 5px 10px; }
div.imgleft { float:left; clear:left; margin: 5px 10px 5px 0px; }
div.imgright img, div.imgleft img { padding:4px; }
div.imgright p.caption, div.imgleft p.caption { padding: 0px 5px; margin:0px; font-size:11px; font-style:italic; }

.button, input.button { color:black; font-size:11px; padding:3px; font-weight:bold; background:#F5F5DC; border:1px black solid; }

ul.bullets { list-style-type:disc; margin:0 0 0 20px; }
ul.bullets li { list-style: disc;  margin:0 0 0 20px; }

#page { text-align:left; width:780px; margin:5px auto; padding:0px; background:#FFF; position:relative; }

#header { margin:0 0 10px 0; padding:0; height:120px; /* width:927px; */ background-image:url(/images/shc_header_bg.jpg); background-repeat: repeat-x; position:relative; }
#header_logo { position:absolute; top:25px; left:0px; }

#menu_box { float:left; padding:5px; margin:5px 10px 10px 0; border:1px #CCC solid; }

#footer { margin: 10px 0; padding:10px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; text-align:center; }

#credits { color:#AAA; text-align:right; }
#credits a { color:#AAA; text-decoration:underline; font-weight:bold; }
#credits a:hover { text-decoration:none; }