body {
 background-color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, san-seirf;
 color: #000033;
 margin: 0;
 padding: 0;
}

.dropcap {
 color: #502904;
 font-size: 1.5em;
 float: left;
 padding-right: 2px;
}
  
#top {
 margin: 20px;
 padding: 5px;
 background: #D9D8D8;
 height: 100px;
 border: double; 
 border-color: #000033;
}

#left {
 background: #D9D8D8;
 color: #CCCCFF;
 float: left;
 margin-left: 10px;
 top: 150px;
 width: 120px;
 padding: 5px;
 border: double; 
 border-color: #000033;
 font-size: .75em;
 color: #02028D;
}

#center {
 background: #F0F0F0;
 margin-left: 180px;
 margin-right: 20px;
 margin-top: 10px;
 padding: 5px;
}

#clear {
 clear: both;
}

#footer {
 background: #D9D8D8;
 margin: 20px;
 text-align: center;
}

a { 
 color: #000033; 
 font-family: verdana, arial, helvetica, sans-serif;  
 text-decoration: none; 
} 
 
a:visited { 
 color: #333366; 
} 
a:hover { 
 color: #333333; 
}
	
ul#navi {
 list-style: none;
 margin: 0px;
 padding: 0px;
 background-color: #D9D8D8;
}
		
ul#navi li {
 display: block;
 border-top: 1px solid #A5B5C6;
}

ul#navi li a {
 display: block;
 margin: 0px 0px 0px 0px;
 padding: 6px 6%;
 font: bold 0.9em /1.5 arial, sans-serif
 color: #FFFFFF;
 text-decoration: none;
 width: 88%;
}

ul#navi li a:hover {
 background-color: #5C9ACC;
 color: #EEEEEE;
}