/* homepage nav styles */
body.homepage #banner { margin-left: 237px; padding-top: 4px; }

div#maincont            { width: 100%; height: auto; margin: 0; float:left; clear:both; }
div#maincont div.panel  { }
div#maincont div.panel p { color: #fff; font-family: Arial, Sans-Serif;  }
div#maincont div#noFlash { margin-top:10px;  position:relative;}
div.switchPanel  { background-color: transparent; float:left; clear:both; width:600px; padding: 10px; text-align: left; }

div.panel div.trans { width: 770px; 
	height: 141px; 
	position: absolute; 
	top: 0; z-index: 8; 
	background: transparent url(/staticarchive/343c14436d12828a614e5f3ab43ad2090667c65e.png) no-repeat top left; }


div.panel div.intro div { width: 770px; }
div.panel div.intro     { width: 100%; height: 141px; position: relative; top: 0; z-index: 9; }
div.panel div.intro a   { display: block; margin: 5px; }

div.intro img { float: left; margin: 0 10px; }
div#default a { float: right; }
div#whatcanwedo img { float: right; margin: 0 5px 0 10px; }

div.intro p         { margin-left: 10px; float: left; display: inline; }
div#default p       { width: 445px; margin-left: 150px; }
div#theexperiment p { width: 390px; }
div#theresults p    { width: 430px; }
div#whattheymean p  { width: 260px; }
div#whatcanwedo p   { width: 350px; }

div#maincont div#navholder {position:relative; height: 15em;  z-index: 12;}
div.panel ul.homenav    { position: absolute; top: -25px; z-index: 12; }

ul.homenav li           { display: block; float: left; width: 175px; }
ul.homenav li.subnavoff { background-image: url(/staticarchive/0819b26d7f6dc40bf39d645897b3c868f968979f.gif); margin: 23px 5px 10px 10px; }
ul.homenav li.subnavon  { background-image: url(/staticarchive/a8980d0d8ebef029371d15a2192a571cbbace589.gif); margin: 0px 5px 10px 10px; }
ul.homenav li#whatcanwedo_sub { margin-right: 0; }
ul.homenav li h5 { text-indent: -9000px; background-repeat: no-repeat; width: 173px; }
ul.homenav li.subnavoff h5  { height: 24px; background-position: 2 2px; }
ul.homenav li.subnavon h5   { height: 47px; background-position: 2 -25px; }
ul.homenav li ul.homesubnav { display: block; margin-bottom: 10px; }
ul.homenav li ul li { float: none; width: auto; background: transparent; font-size: 0.8em; margin: 7px 5px; list-style-position: outside !important; }
ul.homenav li ul li a { display: block; color: #000; font-size: 10px !important; font-family: verdana !important; height: auto !important; padding: 5px 2px 5px 12px !important; background-repeat: no-repeat; background-color: #d7d7d6; background-position: 3px 8px; background-image: url(/staticarchive/c3d4d51aef027550053c2a804d2fa55d52a34ca2.gif); }
ul.homenav li ul li a:hover  { background-color: #fff; }
ul.homenav li span.footer { display: block; height: 2px; font-size: 0; }
ul.homenav li.subnavoff span.footer { background-image: url(/staticarchive/2b841bdf9158afe1139ded5f03ca96d1d2913c08.gif); }
ul.homenav li.subnavon span.footer { height: 4px; background-image: url(/staticarchive/a48b65a63b9bf15f1ee16425eeb66e59a6c9ddb4.gif); }

ul.homenav li#theexperiment_sub h5  { background-image: url(/staticarchive/079812ff34bcdc294d7657b2f0af78ea602bd4d1.gif); }
ul.homenav li#theresults_sub h5     { background-image: url(/staticarchive/a446e37ca2eafb6aeac61e7f3e2be16112930b44.gif); }
ul.homenav li#whattheymean_sub h5   { background-image: url(/staticarchive/1da2cda89e322af69240bfd1b9ee186bd01e112f.gif); }
ul.homenav li#whatcanwedo_sub h5    { background-image: url(/staticarchive/d468287cbef391b762eda644a1dbc04f5af1bc41.gif); }

ul.homenav li.watchbox { margin-top: 35px; }

ul.helpnav    { clear:both; float:left; margin: 17px 0 10px 20px; }
ul.helpnav li { font-family: Helvetica, Sans-Serif; font-size: 1.2em; color: #fff; list-style: none; }
ul.helpnav li.help { text-indent: -9000px; background-image: url(/staticarchive/371b50788fddfda5c0b085419f2d4b5ed5e0eece.gif); width: 103px; height: 14px; background-repeat:no-repeat; }
ul.helpnav li a { display: block; color: #ccc; font-size: 10px !important; font-family: verdana !important; height: auto !important; width: 200px !important; padding: 3px 2px 3px 12px !important; background-repeat: no-repeat; background-position: 3px 8px; background-image: url(/staticarchive/28d2179a7572f5639e47c562270c977dfb70810d.gif); }
ul.helpnav li a:hover { background-color:#333333 }

#imgPanel { background-image: url(/staticarchive/c0be02c952dffb519c79325275887eedc68e81ea.jpg); }
