body { font-family: Arial, Helvetica, sans-serif; background-color:#00BFFF; color:#000;}

h1{font: Arial, Helvetica, sans-serif;color:#360; }

#logo {float: left; width: 18%; padding: 0; margin: 0;} 
#logo img{width: 150px;}

#banner{ margin: 2% 0% 1% 18%; width:72%; padding: 0% 0% 1% 0%; }

#main {float: right; margin: 0; width:76%; background-color:#fff;  padding: 0.3em 5% 2% 2%; font-family: Arial, Helvetica, sans-serif; border-top: 1px solid #600; border-left: 1px solid #600; border-bottom: 1px solid #600; font-size: 85%; margin:0 -1% 0 0; }
#main img{float: right; padding-left: 1%; padding-top: 1%;}

#nav {float: left; width: 14%;  color:#003; margin-left: 0.5em;}
#nav ul{ list-style-type: none; margin-left: -0.3em;}
#nav ul li{padding: 5px 0px;  width: 100%;}
#nav a{ display: block; padding: 2px 3px; text-decoration:none; color: #600; background-color: #ffc; font-weight: 600;}
#nav a.current{ color: #000; background-color: #fff;}

#nav a:hover {background-color:#C5F1DB; color: #fff; text-decoration:underline;}
#nav a:visited {color:#360; text-decoration: none;}


.leftbox {font-size:smaller; text-align: center; margin-left: 0;}
.leftbox a {border: none; text-decoration: none; width: 104%; margin: 0.3em 0.3em 0.3em -0.3em;}
.leftbox img {margin-top: -0.5em; margin: 0.3em 0.3em 0.3em -0.3em;}

table img{margin-bottom: 0.5em;}
#footer {clear: both; width: 100%; background-color: #9cc; color: #ffc; padding-top: 1%; font-size: 0.9em;}
#footer p{float: right;}