body {
margin: 0;
font-family: verdana, arial, sans-serif; 
font-size: 10px; 
}
#head1 {
background-color: #ffcc00;
width: 1060px;
height: 100px;
}

#head2 {
position: absolute;
background-color: #0912f3;
width: 860px;
height: 30px;
left: 200px;
} 
#logo {
float: right; 
margin-right: 0px;  
margin-top: 0px;
border: 0;
}
#left {
position: absolute;
left:0; 
background-color: #ffcc00;
width: 140px;
height: 337px;
}

h1 {
font-size: 140%;
text-align: center;
height: 70px;
}

h2	{
font-size: 100%;
text-align: center;
height: 70px;
}
#center {
margin-left: 250px; 
width: 800px;

}
.menu { 
margin-top: 30px;
width: 100px;


border: 1px solid #060C6F;
background-color: #B7D3F0;
font-family: verdana, arial;
font-size: 110%;
text-align: center;
}


#left
{
background: #ffcc00;
width: 17%;
margin: 0 auto;
padding: 5em 0;
font-family: verdana, serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
}

ul#menu
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 70%;
}

ul#menu li
{
display: block;
margin: 0;
padding: 0;
}

ul#menu li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #ffffff;
text-decoration: none;
background: #0912f3;
}

#left>ul#menu li a { width: auto; }

ul#menu li#active a
{
background: #0912f3;
color: #ffffff;
}

ul#menu li a:hover, ul#navlist li#active a:hover
{
color: #a00; 
background: #fff; 
border-color: #aaab9c #fff #fff #ccc;
}


#head2
{
background: #ffcc00;
margin: 0 auto;
padding: 1em 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
}


#head2:after
{
content: ".";
display: block;
line-height: 3px;
font-size: 6px;
clear: both;
}

ul#topmenu, ul#topmenu ul { 
list-style: none; 
margin: 0; 
padding: 0; 
} 
ul#topmenu li { 
float: left; 
position: relative; 
width: 140px; 
} 
ul#topmenu li ul { 
display: none; 
position: absolute; 
top: 19px;  
left: 0; 
} 
ul#topmenu li > ul { 
top: auto; 
left: auto; 
} 
ul#topmenu li a { 
font: verdana, arial; 
display: block; 
border-width: 1px; 
border-style: solid; 
border-color: #ffe #aaab9c #ccc #fff;
font-size: 12px;
margin: 0; 
padding: 0.5em; 
color: #ffffff;
text-align: center;
background: #0912f3;
text-decoration: none; 
} 
ul#topmenu li a:hover { 
color: #a00; 
background: #fff; 
} 
ul#topmenu li:hover ul { display: block; } 
startList = function() { 
if (document.all&&document.getElementById) { 
navRoot = document.getElementById("topmenu"); 
for (i=0; i<navRoot.childNodes.length; i++) { 
node = navRoot.childNodes[i]; 
if (node.nodeName=="LI") { 
node.onmouseover=function() { 
this.className+=" over"; 
} 
node.onmouseout=function() { 
this.className=this.className.replace(" over", ""); 
} 

window.onload=startList;}
ul#topmenu li:hover ul, ul#topmenu li.over ul{ display: block; }