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

.menu1 {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #0f4f78;
border-bottom-width: 0;
font-size:14px;
font-family:Helvetica, Arial, Verdana, sans-serif;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #FFF;
width: 170px; /* default width for menu */
text-align:left;
}

.menu2 {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #0f4f78;
border-bottom-width: 0;
font-size:14px;
font-family:Helvetica, Arial, Verdana, sans-serif;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #FFF;
width: 155px; /* default width for menu */
text-align:left;
}

.menu1 ul, .menu2 ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.menu1 ul li a {
width:152px;
display: block;
color:#006aaf;
border-bottom: 1px solid #0f4f78;
padding:0 0 0 18px;
text-decoration: none;
}

.menu2 ul li a {
width:137px;
display: block;
color:#006aaf;
border-bottom: 1px solid #0f4f78;
padding:0 0 0 18px;
text-decoration: none;
}

.menu1 li:hover, .menu2 li:hover { /*hover background color*/
background:url(images/sublinkBg.jpg) repeat-x top left;
}

.menu1 a:visited, .menu2 a:visited { 
color: #006aaf;
text-decoration:none;
}

.menu1 a:hover, .menu2 a:hover { /*hover background color*/
background:url(images/subArrow.jpg) no-repeat 5% 50%;
color: #FFFFFF;
}


/* ######### 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;
}