#sub_menu{
height: 26px;
margin-top: 0px;
width:151px;
}

#sub_menu a{
font:normal 90%/205% tahoma,arial,helvetica,sans-serif;
background-image: url(../images/button_1.jpg);
color:#0e2b3b;
display:block;
white-space:nowrap;
margin:0;
padding:0 15px;
height: 25px;
border-right: #fff solid 1px;
border-top: #fff solid 1px;
/*border-bottom: #31180f solid 1px;*/
}

#sub_menu h2{
font:bold 90%/205% tahoma,arial,helvetica,sans-serif;
color:#fff;
display:block;
white-space:nowrap;
margin:0;
padding:0 15px;
height: 25px;
}


#sub_menu h2{
color:#fff;
text-transform:uppercase;
height: 25px;
padding:0 5px;
}

#sub_menu a{
font-family: Arial;
font-size: 12px;
text-decoration:none;
background-color:#003567;
height: 25px;
background-repeat: repeat;

}

#sub_menu a:hover{
color:#0e2b3b;
background:#003567;
height: 25px;
padding:0 15px;
background-image: url(../images/button_2.jpg);
}

#sub_menu a:active{
color:#0e2b3b;
background:#003567;
background-image: url(../images/button_2.jpg);
background-position: 1px;
}

#sub_menu ul{
list-style:none;
margin:0;
padding:0;
width:100.1%;
height: 26px;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#sub_menu li
{
	position:relative;
	height: 25px;
}
div#sub_menu li:hover
{
	position:relative;
	height: 25px;
}

div#sub_menu li ul
{
	position:absolute;
	top:0;
	left:100.1%;
	display:none;
}

div#sub_menu ul ul,
div#sub_menu ul ul ul,
div#sub_menu ul li:hover ul ul,
div#sub_menu ul li:hover ul ul ul
{
	display:none;
	padding:0;
	height: 20px;
}

div#sub_menu ul li:hover ul,
div#sub_menu ul ul li:hover ul,
div#sub_menu ul ul ul li:hover ul
{
	display:block;
	height: 20px;
}

/* End non-anchor hover selectors */

/* Styling for Expand */

#sub_menu a.x, #sub_menu a.x:visited{
/*background:#eee url(/css/images/expand3.gif) no-repeat bottom right;*/
}

#sub_menu a.x:hover{
color:#000;
background:#FFF;

}

#sub_menu a.x:active{
color:#060;
background:#FFF;

}