.mainmenu ul{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
padding: 0px;
margin: 0px;
height: 32px;
width: 840px;
background: url(../images/mainmenu_bg.gif) repeat-x left top;
}

.mainmenu ul li{
list-style: none;
list-style-type: none;
display: inline;
}

.mainmenu ul li a{
padding: 11px 0px 10px 0px;
width: 140px;
color: #666;
background: url(../images/menuitem_bg.gif) no-repeat left top;
text-align: center;
text-decoration: none;
float: left;
font-size: 11px;
line-height: 11px;
}

.mainmenu ul li a:link, .mainmenu ul li a:visited {
color: #666;
background: url(../images/menuitem_bg.gif) no-repeat left top;
text-decoration: none;
}

.mainmenu ul li a:hover, .mainmenu ul li a:active {
color: #333;
background: url(../images/menuitem_bga.gif) no-repeat left top;
text-decoration: none;
}



/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #f0eaf2;
border-bottom-width: 0;
z-index: 100; /* zIndex should be greater than that of shadow's below */
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
color: #666;
background-color: #f7f0fa;
width: 138px; /* default width for menu */
text-align: center;
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
border-bottom: 1px solid #f0eaf2;
background-color: #f7f0fa;
padding: 7px 0px;
text-decoration: none;
color: #666;
font-size: 11px;
line-height: 11px;
}

.anylinkcss a:link, .anylinkcss a:visited {
color: #666;
text-decoration: none;
}

.anylinkcss a:hover, .anylinkcss a:active { /*hover background color*/
background-color: #f0eaf2;
color: #333;
text-decoration: none;
}


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}