/* Menu Styling */

#menu-box {
background: #323232; /* bg of top level menu */
border-bottom: 1px solid #3B3B3B;
}

#menu{
width: 900px;
margin: 0 auto;
background: #464646; /* #323232 */
}

#menu ul li{
display: inline;
}

#menu li {
display: inline;
list-style-type: none;
text-align: center;
}

#menu li a {
font-size: 1.1em;
color: #0099FF;
font-weight: bold;
text-decoration: none;
float: left;
display: block;
padding: 0 1em;
line-height: 35px;
background: url('.img/li-border.gif') no-repeat 100% center;
}

#menu li a:hover, #menu li a.active {
background: #DCDCDC;
font-weight: bold;
color: #0099FF;
}

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

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #000000;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #323232;
width: 900px; /* default width for menu */
}

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

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #000000;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: #DCDCDC;
color: #0099FF;
}

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