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


#mainNav {
	float: left;
	background: url(/wp-content/themes/hatfield/images/nav/navbar-bg.png) 0 0 no-repeat #0c2b41;
	width: 710px;
	font-family: 'FoundrySterling-LightRegular', Arial, sans-serif;
}

#mainNav li {
	float: left;	
}

#mainNav li a {
	display: block;	
	width: 122px;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	color: #fff;
	padding-top: 10px;
	height: 20px;
	height: "30px" ;
	text-shadow: 1px 1px 1px #000;
}

#mainNav li a#navVisit {
	width: 100px;
}

#mainNav li a#navVisit:hover, #visitHatfield #mainNav li a#navVisit {
	background: url(/wp-content/themes/hatfield/images/nav/visit-over-s1.png) 0 0 no-repeat;
}

#mainNav li a#navWhatson:hover, #whatsOn #mainNav li a#navWhatson {
	background: url(/wp-content/themes/hatfield/images/nav/nav-over-s2.png) 0 0 no-repeat;
}

#mainNav li a#navRent:hover, #rentProperty #mainNav li a#navRent {
	background: url(/wp-content/themes/hatfield/images/nav/nav-over-s3.png) 0 0 no-repeat;
}

#mainNav li a#navHire:hover, #hospitality #mainNav li a#navHire {
	background: url(/wp-content/themes/hatfield/images/nav/nav-over-s4.png) 0 0 no-repeat;
}

#mainNav li a#navShop:hover, #shopOnline #mainNav li a#navShop {
	background: url(/wp-content/themes/hatfield/images/nav/nav-over-s5.png) 0 0 no-repeat;
}

#mainNav li a#navContact:hover, #contactUs #mainNav li a#navContact {
	background: url(/wp-content/themes/hatfield/images/nav/nav-over-s6.png) 0 0 no-repeat;
}








/* Left Nav Bar 
-----------------------------------------------*/
#subNav {
	margin: 0;
	background: url(/wp-content/themes/hatfield/images/nav/subnav-bg.png) center top repeat-y;
	width: 100%;
}

#subNav h2 a {
	font-family: 'FoundrySterling-LightRegular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin: 20px 20px 10px 20px;
	color: #fff;
	padding-left: 20px;
	text-decoration: none;
	display: block;
}

#subNav #subNavList {
	background: url(/wp-content/themes/hatfield/images/nav/subnav-bg-bottom.png) center bottom no-repeat;	
	padding-bottom: 50px;
}

#subNavList li {
	padding: 0 20px;
}

#subNavList a:hover {
	background-color: #888;	
}

#subNavList li a {
	display: block;
	margin: 0 20px;
	padding: 3px 0 4px 5px;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	border-bottom: 1px dotted #2f5067;
	font-weight: normal;
}

#subNavList li ul li a {
	font-size: 13px;
	margin: 0 0 0 5px;
	padding-left: 9px;
	background: url(/wp-content/themes/hatfield/images/nav/subnav-arrow-small.png) 0 7px no-repeat;	
}

#subNavList li.active {
	background: url(/wp-content/themes/hatfield/images/nav/subnav-arrow.png) 20px 6px no-repeat;	
}

#subNavList li ul li.active, #subNav h2.active a {
	background: url(/wp-content/themes/hatfield/images/nav/subnav-arrow.png) 0 6px no-repeat;	
}

#subNavList li ul {
	display: none;
}

#subNavList .current_page_parent ul, #subNavList .current_page_ancestor ul, #subNavList .current_page_item ul {
	display: block;
}


/* Left Plan Your Visit 
-----------------------------------------------*/

#planVisitNav {
	background: url(/wp-content/themes/hatfield/images/nav/tertiarynav-bg.png) center top repeat-y;
	width: 100%;
}

#planVisitNav h2 {
	font-family: 'FoundrySterling-LightRegular', Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 20px 20px 10px 20px;
	color: #191919;
	padding-left: 20px;	
}

#planVisitNav ul {
	background: url(/wp-content/themes/hatfield/images/nav/tertiarynav-bg-bottom.png) center bottom no-repeat;	
	padding: 0 35px 30px 35px;

}

#planVisitNav ul li a {
	display: block;
	margin: 0 20px 0 5px;
	padding: 3px 0 4px 9px;
	font-size: 12px;
	text-decoration: none;
	border-bottom: 1px dotted #848484;
	background: url(/wp-content/themes/hatfield/images/nav/tertiarynav-arrow-small.png) 0 7px no-repeat;	
	color: #414141;
}