@charset "utf-8";
/* CSS Document */

/* Main navigation bar styles */
.menu_dropdown{
	width:950px;
	height:49px;
	margin:0 auto;
	background-image:url(../images/menubg.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size: 12px;
	color: #ffffff;
	position:relative;
}
.menu_dropdown .item5{width:152px;text-align:center;}
.menu_dropdown .item6{width:162px;text-align:center;}
.menu_dropdown .item10{width:141px;text-align:center;}
.menu_dropdown .item9{width:100px;text-align:center;}
.menu_dropdown .item11{width:125px;text-align:center;}
.menu_dropdown .item13{width:158px;text-align:center;}
.menu_dropdown .item12{width:104px;text-align:center;}

.menu_dropdown ul { padding:0; margin:0; list-style-type:none;} 
.menu_dropdown ul li {float:left;position:relative; z-index:100; text-align:right; padding:0; margin:0;border-left:1px solid #235186;}
.menu_dropdown ul li a {float:left;height:49px;line-height:49px;padding:0px 0 0 15px;}
.menu_dropdown a:link, .menu_dropdown a:visited{color:#dceeff;text-decoration:none;float:left;}
/* for IE6 IE5.5 to show the dropdown if not using .rollover*/
.menu_dropdown a:hover,{color:#ffff;background:url(../images/menuhover.jpg) repeat-x;}
.menu_dropdown ul :hover {color:#ffff;background:url(../images/menuhover.jpg) repeat-x;}
/* float the top list items to make it horizontal */ 

.menu_dropdown ul ul { width:190px; visibility:hidden; position:absolute; top:49px; left:-1px;} 
.menu_dropdown ul ul li {display:block; width:190x; height:31px;position:relative; background-color:#071F40;color:#FFFFFF;text-align:center;padding:0;margin:0;border:1px solid #235186;border-width:0px 1px 1px 1px;font-size:9px;}
/* rollover styles */
.menu_dropdown ul ul a {width:190px;height:15px;padding:8px 0;line-height:15px;} 
.menu_dropdown ul ul a:hover {color:#FFF; background:#00498e;} 
.menu_dropdown ul ul :hover > a {color:#FFF; background:#00498e;}
* html .menu_dropdown ul ul a {width:190px; w\idth:190px;}/*for IE5.5 and IE6*/


/* style the table so that it takes no part in the layout - required for IE to work */ 
.menu_dropdown table {position:absolute; left:0px; top:0px; font-size:1px;border-collapse:collapse;}
* html .menu_dropdown li a:hover {position:relative; text-decoration:none;}
 
/* Style the second level flyouts level background and rollovers */ 
.menu_dropdown ul ul ul{left:145px; top:0; width:165px; border:solid #8F855B; border-width:1px 0 0 0 }

/* position the third level flyout menu */ 
.menu_dropdown ul ul ul a {background:#DAC788 } 
.menu_dropdown ul ul ul a:hover {background:#BDAB6E;} 
.menu_dropdown ul ul ul :hover > a {background:#BDAB6E;}

/* Style the third level flyouts level background and rollovers */ 
.menu_dropdown ul ul ul ul {left:181px; top:0; width:160px;}

/* position the third level flyout menu */ 
.menu_dropdown ul ul ul ul a {background:#277BC7;} 
.menu_dropdown ul ul ul ul a:hover {background:#0F5DA4;} 
.menu_dropdown ul ul ul ul :hover > a {background:#0F5DA4;}

/* Styles for the right side drop down */ 
.right ul ul { left:-105px;} 
.right ul ul ul{left:-175px; top:0; width:160px; border:solid #8F855B; border-width:1px 0 0 0 }

/* make the second level visible when hover on first level list OR link */ 
.menu_dropdown ul :hover ul{visibility:visible; height:auto; padding-bottom:3em; background:transparent url(../images/trans.gif);}

/* keep the third level hidden when you hover on first level list OR link */ 
.menu_dropdown ul :hover ul ul{visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */ 
.menu_dropdown ul :hover ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */ 
.menu_dropdown ul :hover ul :hover ul{visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */ 
.menu_dropdown ul :hover ul :hover ul :hover ul {visibility:visible;}