/* Body Works *//*	Works as expected in:		Mozilla 1.6 Mac		Safari 1.0 Mac		Firefox 0.8 Mac	Small loss of effects in:		IE 5.2 Mac		IE 5.0 PC	Errors in:		Opera 6.03 Mac - link colors incorrect			       - overline instead of underline (??)			*//* Basic Default Styles */body {	font: 12px Verdana;	color: #000;	background: #DFE3BA; margin: 5px 0 5px 50%;}a:link, a:visited {	font: 12px "Trebuchet MS", Verdana;	text-decoration: underline;	color: #000;}a:hover, a:active {	font: 12px "Trebuchet MS", Verdana;	text-decoration: none;	color: #A03E19;}/* I probably would have left off the border on the container, but   Safari puts some sort of weird top margin on the div if there's   no border. Silly, really. */#container {	position: relative;	width: 700px;	background: #ADB583 url(../images/home-anime.gif) no-repeat top left;	margin: 0 0 0 -350px;	/* Could also use margin-left and -right: auto		but IE 5 PC doesn't like that */	border: 5px solid #FFF;}h3 {	color: #A03E19;	font: 22px "Trebuchet MS", Verdana;	margin: 0;	text-transform: lowercase;}acronym {	border: 0;	font-style: normal;}/* Header - just provides space */#pageHeader {	height: 650px;}#pageHeader span {	display: none;}/* Content */#quickSummary {	margin-top: 50px;	width: 430px;	margin-left: 250px;	color: #42443A;}#quickSummary a:link, #quickSummary a:visited {	color: #42443A;}#quickSummary a:hover, #quickSummary a:active {	color: #42443A;}/* This .p1 info is in the header image... */#quickSummary .p1 {	display: none;}#preamble, #supportingText {	width: 430px;	margin-left: 250px;	margin-top: 15px;}#footer { 	position: relative; 	left: -250px; 	width: 600px;	height: 20px; 	padding: 78px 0 0 50px; 	background: #ADB583 url(../images/footer_2.jpg) no-repeat top left; }#footer a:link, #footer a:visited {	color: #61A7BC;	text-decoration: none;}#footer a:hover, #footer a:active {	color: #61A7BC;	text-decoration: underline;}#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {	display: none;}/* Left Bar */#container #linkList {	position: absolute;	left: 18px;	top: 670px;	width: 198px;	font: 10px "Trebuchet MS", Verdana;}#linkList h3 {	width: 198px;	height: 18px;	margin-top: 20px;}#linkList h3 span {	display: none;}/* left header images */#linkList h3.select {	background: url(../images/top-home.gif) no-repeat top left;}#linkList h3.archives {	background: url(../images/left_archive.gif) no-repeat top left;}#linkList h3.resources {	background: url(../images/left_resources.gif) no-repeat top left;}#linkList h3.favorites {	background: url(../images/left_favorites.gif) no-repeat top left;}#linkList ul {	list-style: none;	padding: 0 0 18px 0;	margin: 0;	background: url(../images/leftfooter.gif) no-repeat bottom left;}#linkList ul li {	padding: 5px 10px 5px 10px;	background: url(../images/li_bg.png) bottom left;	border-bottom: 1px solid #1A4861;	margin: 0;}/* li:hover style... have to replace the BG so the color will show up. */#linkList ul li:hover {	background: #A03E19 url(../images/spacer.gif);	color: #FFF;}/* bunch of crazy styles... so IE will still look ok when it   doesn't parse :hover. */#linkList #lselect {	color: #666;}#linkList ul li a {	/* this would be block, save for the nbsp at the end of the		link for "accessibility" purposes. :P */	display: inline;	color: #000;	text-transform: lowercase;}#linkList #lselect ul li a {	font: 14px "Trebuchet MS", Verdana;	display: block;	color: #000;	text-transform: lowercase;}#linkList #lselect ul li a.c, #linkList ul li a.c {	display: inline;	font: 10px "Trebuchet MS", Verdana;	color: #666;	text-transform: none;}/* if the browser doesn't read the :hover pseudoclass, this	shouldn't render and the text shouldn't change color */#linkList ul li:hover a, #linkList #lselect ul li:hover a {	color: #FFF;}/* Crazy :Hovers Experimentation	uncomment for fun *//*#preamble p, #explanation p, #participation p, #benefits p, #requirements p {	display: none;}#preamble:hover p, #explanation:hover p, #participation:hover p, #benefits:hover p, #requirements:hover p {	display: block;}#lselect ul, #larchives ul, #lresources ul {	display: none;}#lselect:hover ul, #larchives:hover ul, #lresources:hover ul {	display: block;}*/