html, body { 
margin:0; 
padding:1px; 
border:medium solid #000066; 
}
body{ background-color:#FFFF66; }
#container { 
width: 90%; 
margin: 3em auto 0 3em; 
padding: 0;
background-color: #fff; 
}
#container h1 { margin: 0 0 .5em 0; font: 2.5em Lucida Sans Unicode, Lucida Grande, sans-serif; 
color: #000066; border: 3px solid #000; padding: .2em; background:#FFFFCC; }

#container h2 { 
width: 72.4%; 
padding: .4em;
float: left;
border-right: thin double blue;/* remove this line to remove the border */
border-top: medium double blue;
border-bottom: thin double blue;
border-left: medium double blue;
background-color:#FFFFCC;
}
#container h3 {font: 2em Arial, Helvetica, sans-serif; color: #039; }
#thick-col { 
width: 73%; 
padding: .5em;
float: left; /* switch this to left and below to right to change the column locations */
background-color:#FFF;
border: medium double black; /* remove this line to remove the border */
}
#thin-col {
width: 24%; 
float: right; /* switch this to right and above to left to change the column locations */
}
ul#navigation { width: 10em; }
ul#navigation li {
list-style: none;
background-color: #039;
border-top: solid 1px #039;
text-align: left;
margin: 0;
}
ul#navigation li a {
display: inline-block; 
display: block;
text-decoration: none;
border-top: 2px solid #3399FF;
border-left: 2px solid #3399FF;
border-right: 2px solid #3399FF;
}
a:link, a:visited { color: #ffffff; }
a:hover, a:active { color: #000000; } 
a:hover { background-color: #fff; } 
p a:link, p a:hover, p a:visited { color: #000; }
b a:link, b a:hover, b a:visited { color: #000; }
ul#nav { width: 16.6em; }
ul#nav li {
list-style: none;
background-color: #039;
border-top: solid 1px #039;
text-align: left;
margin: 0;
}
ul#nav li a {
display: inline-block; 
display: block;
text-decoration: none;
border-top: 2px solid #3399FF;
border-left: 2px solid #3399FF;
border-right: 2px solid #3399FF;
}