/* CSS Document */

body{margin:0; padding:0; font: 76% arial,sans-serif;text-align:center; background-color:#7da2ba;}
a{color:#003366;}
a:hover {font-weight:bold;}
a:visited {color:#000000;}

div#container{width:700px; background:#ffffff; text-align:left; margin:10px; border:5px solid #003366;}

div#header {width:100%; height:150px;}  

div#navigation{wdith:100%; background-color:#003366; height:60px; padding:5px 0; text-align:center; vertical-align:bottom; }

/* all lists */ 
#nav, #nav ul {list-style:none;}
#nav a {display:block; font-weight: bold; color:#ffffff; text-decoration:none; text-align:center;}
#nav a:hover { text-decoration:underline;}
/* all list items */
#nav ul {width:100%; }
#nav li {float:left; width:110px; text-align:center; padding-top:3px; padding-bottom:3px; background:#003366; /* width needed or else Opera goes nuts */ }
/* second-level lists */
#nav li ul {float:left; position: absolute; width: 11px; left: -300em; } 
/* using left instead of display to hide menus because display: none isn't read by screen readers */
#nav li ul li a:hover {background:#ffffff; color:#003366; border:2px solid #003366;}
/* lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul {left:auto; }

div#content{padding:10px 5px;}
div#content p{line-height:1.25;}
.floatleft {float: left; clear:right; margin: 0 10px 5px 0; border-right: 3px solid #003366; padding: 5px;}


div#footer{clear:both;width:100%; border-top: 1px solid #003366; background-color:#339900; font-size:90%; font-weight:bold; text-align:center;}
div#footer p{margin:0;padding:5px 10px}