.MainMenu
{
	background-color: #000000;
	color: #FFFFFF;
	height: 25px;
}

.MainMenu a:link {color:#FFFFFF}
.MainMenu a:visited {color:#FFFFFF}
.MainMenu a:active {color:#000000}
.MainMenu a:hover {color:#000000;}
   
.level1 /*top menu*/
{
	color: #FFFFFF;
	background-color: #000000;
    font-size: 8pt;
    font-weight: normal;
    text-align: left;
    margin: 0px 0px 0px 0px;
    height: 25px;
    padding: 5px 5px 0px 5px;
    width: 100px;
    border: 1px solid #000000; /*Avoid flicker by havin this invisible but matching hover style*/
    
}

    .level2 /*Drop menu*/
{
    background-color: #FFFFFF;
    color: #676767;
    font-size: 9pt;
    padding: 2px 2px 0px 2px;
    
    height: 25px;
    line-height: 25px;
    
    width: 140px;
    display: block;
    
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    text-align: left;
    

}

.DropMenuStyle
{
	
	border: 1px solid #dcdce9;
	z-index: 99;

}

/*Look of top menu when hovered over*/
.hoverstyle /* - becomes active when we hover over top menu*/
{
	
    font-weight: bold;
    border: 1px solid #dcdce9;
    background-color: #FFFFFF;
    color: #000000;
}

.hoverstyle a:link {color:#000000}
.hoverstyle a:visited {color:#000000}
.hoverstyle a:active {color:#000000}
.hoverstyle a:hover {color:#000000;}
      
.dropDownHoverStyle
{
	background-color: #EEEEEE;
	color: #555555;
    
}

.dropDownHoverStyle a:link {color:#555555}
.dropDownHoverStyle a:visited {color:#555555}
.dropDownHoverStyle a:active {color:#555555}
.dropDownHoverStyle a:hover {color:#555555;}