<!--

.leftmenu { 
border: 0px solid #ffffff;  
border-left-width: 0px; /* Left margin of the menu */ 
background-color: #cceeff; 
text-decoration: none;
} 

.leftmenu a{ 
text-decoration: none;  
border: 0px solid #ff0000;  
background-color: #cceeff;
font-weight: bold;
color: #333399;
} 

.leftmenu a:hover{ 
text-decoration: none;
border: 0px solid #000000;  
background-color: #eeeeee;  
} 

 
.leftmenu a:visited{ 
text-decoration: none;
color: #333399;   
} 
 

#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

/* Main menu items and border */
.mainitems{
border: 0px solid #ffff00;  
border-left-width: 0;
background-color: #ffffff;
}

/* Main menu text */
.headerlinks a{
/* margin: auto 20px; */
margin: auto 20px;
font-weight: bold;
color: #333399;
}

.headerlinks a:hover{
/* margin: auto 20px; */
/* margin: auto 20px;
font-weight: bold; */ 
color: #333399;
background-color: #cceeff;
border: 0px solid #333399;
}

/* Sub menu background */
.submenus{
display: none; /* When setting it to "block", the all of the SubMenus are displayed at all times. */ 
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #cceeff;
border: 1px solid #333399; 
}

.submenus li{
width: 100%;
}

.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
position: absolute;
left: 200px;
background-color: #cceeff;
border: 1px solid #333399; 
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: #ff0000;
color: #00ff00;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}

-->