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

/*-- Navagation --*/

#nav {
	border-right: 1px solid #23376D;
	position: absolute;
	left: 10px;
	font-size: 0.75em;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
	#nav li {
		float:left;
		border-left: 1px solid #23376D;
	}
		
	
	#nav a {
		display: block;
		height: 30px;
		line-height: 30px;
		text-align: center;
	}	
	
	#nav a:hover {
		background: #FFF2B1;
		text-decoration: none;
		color: #23376D;
	}
		
	#nav a.home {width:51px;	}
	#nav a.about {width:85px;}
	#nav a.weddings {width:73px;}
	#nav a.functions {width:73px;}	
	#nav a.menu {width:56px;}	
	#nav a.bookings {width:71px;}
	#nav a.events{width:97px;}	
	#nav a.contact{	width:117px;}
	#nav a.employment { width:95px;}
		
	#nav li ul { /* second-level lists */
		position: absolute;
		background: #175EAE;
		width: 150px;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		border: #1D2D59 1px solid;
		border-top: 0;
		margin-left: -2px;
	}
	
		#nav li ul li{
			width: 100%;
		}
		
			#nav li ul li a {
				height: 20px;
				line-height: 20px;
				text-align: left;
				text-indent: 1em;
			}
	
	#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#nav li:hover, #nav li.hover {
		position:static;
	}

/*-- menuNav--*/
	
	#menuNav, #menuNav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		width:227px;
		}
		
	#menuNav li {
		height:36px;
		background:url(../images/weather_bg.gif) no-repeat;
		line-height:33px;
		padding:0;
		margin:0;
		width:227px;
		display:block;
		}
		
	#menuNav a {
		text-align:center;
		width:227px;
		display:block;
		font-size:12px;
		color:#23376D;
		letter-spacing: 0.1em;
		}