/* CSS Document */

body { margin: 0; padding: 0; font: normal 12px/14px verdana, arial, helvetica, sans-serif; color: #666; background:url(./images/bg.gif) top center no-repeat #fff; text-align: center; }
#site { width: 855px;  padding: 0; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align:left; width: 855px; voice-family: "\"}\""; voice-family:inherit; width: 855px; }
html>body #site { width: 855px; }
a {color:#66CC33;}
#leftcol { float:left; width:255px; margin:140px 0 0 0;}
#menu { background:url('./images/sidemenubg_2.png') bottom center no-repeat; margin:0; height:250px;}
#menu2 { background:url('./images/sidemenubg.png') no-repeat; margin:10px 0 0 0; padding:20px 0 0 0; height:170px;}
#menu p { margin:0; padding: 0 20px 10px 20px;}
#menu2 p { margin:0; padding: 0 20px 10px 20px;}
#rightcol { float:right; width:590px; margin:0; padding:105px 0 0 0;}
#topmenu { margin:0 0 10px 0;}
#nav, #nav ul { /* all lists */ padding: 0 0 25px 0; margin: 0; list-style: none; line-height: 1; }
#nav a { display: block; width: 90px; height:25px; background:url('./images/menubg.png') no-repeat; color:#fff; text-decoration:none; padding:5px 0 0 0; font-size:12px; }
#nav a:hover { text-decoration:underline; color:#CCCCFF;}
#nav li { /* all list items */ float: left; width: 90px; margin:0 0 0 5px; text-align:center; }
#nav li ul { /* second-level lists */ position: absolute; background: orange; width: 10em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
#content { background:url('./images/contentbg.png') no-repeat; margin:0;}
#content h1 { font-size:18px;}
#content h1, p { margin:0; padding: 15px 20px 0 20px;}
#footer {clear:both; text-align:right; color:#66CC33;}