html, body { margin:0; padding:0; }
body { text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; }
body div { text-align:left; }

div.topnavlogo { width:100%; background-color:#000; }

ul.navlist { white-space:nowrap; list-style-type:none; border-bottom:1px solid #BBB; margin:1em; margin-top:.5em; margin-bottom:0; padding:0 0 0 1em; }

ul.navlist li { display:inline; }
ul.navlist li a { background-color:#ddd; border:1px solid #bbb; border-bottom-style:none;
height:auto; margin-right:0.5em; padding:0 1em; text-decoration:none; }
ul.navlist li a:hover { background-color:#FFF; }
ul.navlist li.current a { background-color:#ccf; border-bottom:1px solid #ccf; color:#000; }

div.breadcrumbs { background-color:#ccf; margin:0 1em 1em 1em; }

ul.navlistsub { list-style-type:none; border-bottom:1px solid #CCC; background-color:#CCF; }
ul.navlistsub li { display:inline; }

div.betanotice { border:2px dashed #F66; background-color:#FCC; text-align:center; margin-bottom:1em; }

div.container { width:770px; margin-left:auto; margin-right:auto; padding:0; }

div.content { float:left; width:636px; margin:0 -130px 0 0; border-right:130px solid #fff; background-color:#fff; padding:2px; }
@media print { div.content { margin:0; border-right:none; } }

div.content h1 { text-align:center; }

div.side1 { width:130px; padding:2px 0; float:left; text-align:center; background-image:url(/projects/testbg02.png); }
@media print { div.side1 { display:none; } }

div.ad01 { text-align:center; }

div.valid_icon { margin-top:3em; text-align:center; }
div.valid_icon img { border:0; }

div.footer { width:100%; background-color:#000; clear:both; color:#CCC; }
ul.footer { list-style-type:none; margin-bottom:0; padding:.5em 0; white-space:nowrap; }
ul.footer li { display:inline; }
ul.footer li a { color:#CCC; padding: 0 .5em; }

/* With tall floated images, the next h2 or li needs to be cleared to be below img */
/* "ul.layout > li" doesn't work in IE */
ul.layout li, h2 { clear:both; }
ul.layout li li { clear:none; }

pre.code { max-height:400px; border:1px solid #000000; overflow:auto; color:#000; background-color:#EEE; padding:1px; font-size:90%; }
pre.shell { max-height:400px; color:#BBB; background-color:#000; padding:1px; font-size:90%; }
* html pre.code { width:100%; } /* IE Hack */
* html pre.shell { width:100%; } /* IE Hack */
@media print {
    pre.code { max-height:none; }
    pre.shell { max-height:none; }
}

acronym, abbr { border-bottom:1px dotted; }
acronym:hover, abbr:hover {cursor: help}
/*acronym:after, abbr:after { content:" (" attr(title) ")"; }*/