body {
font-family: Verdana,Arial,Helvetica,sans-serif; 
font-size: 12px;
margin: 0;
padding: 0;
background: #FFFFEE;
}

a { color: #669966; }
img { padding: 0; margin: 0; }
#wrap { 
width: 800px;
background: #336633;
}

#header { 
background: #336633 url(odilogo.gif) no-repeat left;
color: #fff;
padding: 20px;
text-align: right;
font-size: 27px;
font-family: Helvetica;
letter-spacing: -2px;
}

#content { 
background: #FFFFEE;
float: right;
width: 600px;
padding: 20px;
}

#menu {
font-family: Helvetica;
font-size: 14px;
color: #FDFDFD;
margin: 20px 0 0 0;
float: left;
width: 140px;
font-weight: bold;
}

#menu ul { padding: 0 0 0 20px; margin: 0; list-style-type: none; }
#menu ul li { padding: 0 0 10px 0; }
#menu ul li a { color: #fdfdfd; text-decoration: none; }
#menu ul li a:hover { color: #fffaae; }

#footer { 
background: #669933;
font-size: 12px;
padding: 3px 20px;
color: #fff;
}
#footer a { color: #fff; }

h3 { color: #336633; }

.clear { clear: both; }