/* This handles the hover state for the top-level LI items */

#menu {

	color:#FFFFFF;

	display:block;

	font-size:15px;

	font-weight:bold;

	margin:0;

	padding:0;

	text-align:left;

       /* background-color:#24400d;*/
	   background-color:#a60328;

}

/*#menu ul {

	background: #213d0b url(images/menu-bg.png) repeat-x scroll 0 0 !important;

	margin: 0px;

	padding: 0px;

}*/
#menu ul#mi_nav {

	/*background: #213d0b url(images/menu-bg.png) repeat-x scroll 0 0 !important;*/
	background:url(images/menu-bg.png) repeat-x!important;
	background-color:#a60328!important;

	margin: 0px;

	padding: 0px;
	width:100%;
	height:28px;

	}

#menu ul li {

	display: block;

	float: left;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	}

#menu ul li a {

	display: block;

	color: #FFF;

	padding:5px;

	margin: 0px;

	text-decoration: none;

	text-transform:uppercase;

	}

#menu ul li a:hover {

	color: #FFFFFF;

	text-decoration: none;

	background: #A60328 none repeat scroll 0 0;

	}

/* This hides the nested UL before you hover */

#menu li ul {

	display:none;
	position:absolute;
	z-index: 2000;
}

/* This shows the nested UL when you hover */

#menu li:hover ul, #menu li.over ul {

	display:  block;
z-index: 2000;


}



/* This is the style for the nested UL */

#menu li:hover ul, #menu li.over ul {

	background: #333;

	display: block;

	margin: 0px; padding: 0px;

}

/* This is the style for the LI items within the nested UL */

#menu li:hover ul li,

#menu li.over ul li {

	background: #333;

	width: 180px;

	display: block;

	padding: 0px; margin: 0px;

	height: 30px; line-height: 30px;

	text-align: left;

	border-top: 1px solid #FFF;
	clear:both;

}

/* This is the style for the links withing the LI items within the nested UL */

#menu li:hover ul li a,

#menu li:hover ul li.current_page_item a,

#menu li.sfhover ul li a,

#menu li.sfhover ul li.current_page_item a {

	background: #333;

	width: 170px;

	display: block;

	margin: 0px; padding: 0px 5px;

	height: 30px; line-height: 30px;

	border: none;

	color: #AAA;

	font-weight: bold;

}

/* This is the style for the hover state on the links within the LI items within the nested UL */

#menu li:hover ul li a:hover, #menu li.sfhover ul li a:hover {

	margin: 0px; padding: 0px 5px;

	height: 30px; line-height: 30px;

	color: #000;

	font-weight: bold;

	background: #ddd;

}