/* set up the overall width of the menu div, the font and the margins with a relative position*/
.menu 
{
float:left;
position:relative;

}

.menu A:link {
height:30px;cursor:pointer;
}
.menu A:visited {
height:30px;cursor:pointer;
	
}
.menu A:hover {
height:30px;cursor:pointer;
}	

/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul 
{padding:0px; margin:0px; list-style:none; border:0px;}

/* float the list so that the items are in a line */
.menu ul li
{float:left; width:100px; position:relative;}

/* style the links to be 155px wide by 27px high. Set the background color and the font size. */
.menu ul li a:link,
.menu ul li a:visited
{
color:#ffffff;
font-size:15px;
display:block; 
width:100px; 
height:30px;   
text-decoration:none;
overflow:hidden;
}

.menu ul li a:hover
{
color:#2b76ff;
font-size:15px;
display:block; 
width:100px; 
text-decoration:none;
}



/* make the dropdown ul invisible */
.menu ul li ul
{display:none; position:absolute; top:30px;color:#ffffff;}

/* set the foreground color of the main menu li on hover and the border to trigger IE */
.menu ul li:hover a, 
.menu ul li a:hover
{border:0;}

/* make the sub menu ul visible and position it beneath the first list item */
.menu ul li:hover ul
{display:block;color:#ffffff;} 
.menu ul li a:hover ul
{display:block;color:#ffffff;}

/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
.menu ul li:hover ul li, 
.menu ul li a:hover ul li
{color:#ffffff;}
/* hack the widht for IE5.5 */
* html .menu ul li a:hover ul li 
{color:#ffffff;}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a, 
.menu ul li a:hover ul li a
{
float:left; 
padding-left:15px;
height:20px;
display:block;
text-align:left;
text-decoration:none; 
border:0;
color:#ffffff;
font-size: 11px;
padding-top:3px;
background: #000000;
}

/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover
{
color:#ffffff;
font-size: 11px;
text-decoration:none; 
background: #043faa;
}

.menu_title_select {
cursor:pointer;
color:#2b76ff;
font-size: 15px; 
}