#menu {
clear:both;
position:relative;
width:960px;
margin:0;
padding:0;
background-color: #283744;  
font-family: "Lucida Sans", "Lucida Grande", "ucida Sans Unicode";
font-size: 14px;  
height: 28px;  
line-height: 27px;  
border-bottom:1px solid #fff;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
}

#menu ul li {
float:left;
line-height:28px;
height:28px;
width:190px;
border-right: 1px solid #fff;  
text-align:center;
vertical-align:middle;
}

#menu a {
width:190px;
display:block;
color:#fff;
text-decoration:none;
}

#menu ul li:hover, #menu ul li.sfhover {
color: #fff;
text-decoration:none;
background-color: #7B8784;
}

#menu ul li#toplink2  {
width:192px;
background-color:#7B8784;
}

#menu ul li.last {
border-right:none;
}

#menu ul li#toplink2:hover, #menu ul li#toplink2.sfhover {
color: #fff;
text-decoration:none;
background-color: #283744; 
}


.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background-color: #283744; 
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
font-size:14px;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background-color: #283744;
color:#fff;
width: 192px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
border-left:1px solid #fff;
border-right:1px solid #fff;
}


.anylinkmenu ul li a{
padding: 6px 4px 6px 4px;
color:#fff;
display: block;
text-decoration: none;
text-align:center;
font-family: "Lucida Sans", "Lucida Grande", "ucida Sans Unicode";
font-size: 14px;  
border-bottom: 1px solid #fff;

}

.anylinkmenu a:hover{ /*hover background color*/
color: #fff;
text-decoration:none;
background-color: #7B8784;
}

