#menu {
	margin:0px;
	padding:0px 15px 0;
	float:left;
	width:940px;
	clear:both;
}

#menu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-family:Rockwell;
	font-size:17px;
}

#menu ul li {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-left:1px solid #b91714;
}

#menu ul li.first {
	border: none;
}

#menu ul li.home {
	border: none;
}

#menu ul li a {
	display: block;
	color: #F0FFF0;
	margin: 0px;
	padding:9px 11px 8px;
	text-decoration: none;
}

#menu ul li a.selected {
	background:#f2f2f2;
	color:#000;
	text-decoration:none;
}

#menu li ul li {
	float: left;
	width:100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-left:none;
}

/* if you want to set a "current page item" style, do it here */

#menu ul li.current_page_item a, #menu ul li.current_page_item a:visited {
}

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

#menu ul li a:hover,  #menu li:hover,  #menu li.sfhover {
	color: #FFF;
	background: #9b1917;
	text-decoration: none;
}

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

#menu li ul {
	position: absolute;
	width:250px;
	left: -999em;
	font-family:Rockwell;
	font-size:14px;
	border:1px solid #fff;
	border-top:none;
}

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

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
	display:  block;
	z-index: 1000;
}

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

#menu li:hover ul, #menu li.sfhover ul {
	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.sfhover ul li {
	background: #9b1917;
	width: auto;
	display: block;
	padding: 0px;
	margin: 0px;
	text-align: left;
	border-bottom: 1px solid #dd403e;
}

/* 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: transparent;
	width:240px;
	display: block;
	margin: 0px;
	padding: 5px 5px;
	border: none;
	color: #FFF;
	font-weight: normal;
}

/* 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: 5px 5px;
	color: #FFF;
	font-weight: normal;
	/*background: #dd403e;*/

	background:#c92b29;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0;
	visibility: hidden;
}