@import url("./whitespace-reset.css");

body{ 
	background: #b5987a;
	font-family: "Palatino", "Palatino Linotype", "Book Antiqua", Times, serif;
	font-size: 12px;
	line-height: 120%;}
	
p { 
	padding: 0 0 20px 0;
	line-height: 140%; }
	
address,
#hours { 
	clear: both;
	color: #3c0405;
	line-height: 24px;
	padding: 0 0 30px 0;
	text-align: center; }

#sitewrapper { 
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 0; }

#col_left { 
	width: 178px;
	float: left;
	padding: 0 12px 0 0; }
	#col_left > h1 { 
		display: block;
		position: relative;
		width: 178px;
		height: 178px;
		float: left;
		padding: 0 0 26px 0;
		background: transparent url("../images/logo.png") 0 0 no-repeat;}
		#col_left > h1 a,
		#col_left > h1 a:visited { 
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 178px;
			height: 178px;
			outline: none;
			text-indent: -8420px; }

#col_right { 
	width: 810px;
	float: left; }
	
#nav { 
	width: 100%;
	float: left;
	padding: 16px 0;
	background: #000000; }
	#nav li { 
		float: left;
		padding-left: 45px; }
	#nav li a { 
		display: block;
		overflow: hidden;
		height: 18px;
		float: left;
		color: #FFFFFF;
		text-indent: -8420px;
		background-image: url("../images/navigation.png");
		background-repeat: no-repeat; }
		#nav li.home { width: 46px; }
		#nav li.home a { 
			width: 46px;
			background-position: 0 0; }
		#nav li.home a:hover,
		#nav li.home a.active { background-position: 0 -18px ; }
		
		#nav li.menu { width: 46px; }
		#nav li.menu a { 
			width: 46px;
			background-position: -46px 0; }
		#nav li.menu a:hover,
		#nav li.menu a.active { background-position: -46px -18px; }
		
		#nav li.about { width: 51px; }
		#nav li.about a { 
			width: 51px;
			background-position: -92px 0; }
		#nav li.about a:hover,
		#nav li.about a.active { background-position: -92px -18px; }
		
		#nav li.location { width: 72px; }
		#nav li.location a { 
			width: 72px;
			background-position: -143px 0; }
		#nav li.location a:hover,
		#nav li.location a.active { background-position: -143px -18px; }
		
		#nav li.press { width: 46px; }
		#nav li.press a { 
			width: 46px;
			background-position: -215px 0; }
		#nav li.press a:hover,
		#nav li.press a.active { background-position: -215px -18px; }
		
		#nav li.pics { width: 36px; }
		#nav li.pics a { 
			width: 36px;
			background-position: -261px 0; }
		#nav li.pics a:hover,
		#nav li.pics a.active { background-position: -261px -18px; }
		
		#nav li.events { width: 57px; }
		#nav li.events a { 
			width: 57px;
			background-position: -297px 0; }
		#nav li.events a:hover,
		#nav li.events a.active { background-position: -297px -18px; }
		
		#nav li.links { width: 46px; }
		#nav li.links a { 
			width: 46px;
			background-position: -354px 0; }
		#nav li.links a:hover,
		#nav li.links a.active { background-position: -354px -18px; }
		
		#nav li:first-child a { padding-left: 0; }
		
#subnav { 
	float: left;
	margin: 0 0 0 -12px;
	padding: 0 0 30px 10px; }
#subnav li { 
	float: left;
	padding: 0 12px;
	font-size: 18px;
	background: transparent url("../images/bg_subnav.png") 0 5px no-repeat; }
	#subnav li:first-child {
		padding-left: 0;
		padding-right: 12px;
		background: none;}
	#subnav li a,
	#subnav li a:visited { 
		display: block;
		color: #5a4125;
		padding: 5px 8px;
		text-decoration: none; }
		#subnav li a.active,
		#subnav li a.active:visited { 
			color: #d3b493;
			background: #000000;}
		#subnav li a:hover { text-decoration: underline; }
		
#hdr_image { float: left;}
		
#content { 
	color: #5a4125;
	background: #a98962;
	padding: 46px 20px 40px;
	width: 770px;
	clear: both; }	
	#content.homepage { padding-top: 36px; }
	#content > h2,
	#content .col1 > h2,
	#content.press h3 { 
		display: block;
		width: 100%;
		height: 34px;
		padding: 0 0 40px 0;
		float: left;
		line-height: 100%;
		text-indent: -8420px;}
		#content.homepage .col1 > h2 { 
			padding-bottom: 13px;
			height: 43px;
			background: transparent url("../images/ttl_home.png") 0 0 no-repeat; }
		#content.location > h2 { background: transparent url("../images/ttl_location.png") 0 0 no-repeat; }
		#content.press > h2 { 
			padding-bottom: 30px;
			background: transparent url("../images/ttl_press.png") 0 0 no-repeat; }
			#content.press  h3 { 
				padding-bottom: 30px;
				background: transparent url("../images/ttl_diy.png") 0 0 no-repeat; }
		#content.pics > h2 { background: transparent url("../images/ttl_pics.png") 0 0 no-repeat; }
		#content.events_new > h2 { background: transparent url("../images/ttl_events.png") 0 0 no-repeat; }
		#content.links > h2 { background: transparent url("../images/ttl_links.png") 0 0 no-repeat; }
		#content.menu > h2,
		#content.about > h2 { 
			float: none;
			padding: 13px 0 30px 0;
			text-indent: 0;
			height: auto;
			text-transform: uppercase;
			font-size: 50px;
			font-weight: normal;}
		#content.menu { text-align: center; }
		#content.menu ul.menu_list li { 
			padding-top: 22px;
			font-size: 18px; }
			#content.menu ul.menu_list li:first-child { padding-top: 0; }
			#content.menu ul.menu_list li h3 { padding-bottom: 5px; }
		#content.press { padding-bottom: 0; }
		#content.press .press_list { 
			float: left;
			width: 740px;
			padding: 0 0 40px 0;
			clear: left; }
			#content.press .press_list li { 
				float: left;
				width: 740px;
				padding: 15px;
				margin: 0 0 20px 0;
				background: #b8966c; }
				#content.press .press_list li div.logo { 
					float: left;
					width: 200px;
					padding: 0 20px 0 0;}
				#content.press .press_list li div.copy { 
					float: left;
					width: 520px;
					line-height: 140%;
					font-size: 18px; }
				#content.press .press_list li div.press p { 
					padding-bottom: 0px;}

		#content.links .link_list { float: left; }
			#content.links .link_list li { 
				float: left; }
				#content.links .link_list li li { 
					width: 335px;
					padding: 12px;
					color: #5a4125;
					clear: both;
					background: #b8966c;
					margin: 13px 0 0 50px; }
					#content.links ul.link_list li:first-child li { margin-left: 0; }
					#content.links .link_list li li h3 { 
						padding: 0 0 5px 0;
						font-size: 18px; }
					#content.links ul.link_list li li:first-child { margin-top: 0; }
					#content.links .link_list li li a,
					#content.links .link_list li li a:visited { 
						color: #5a4125;
						text-decoration: underline; }
	#content h3 { 
		font-size: 18px; }
	#content a,
	#content a:visited { 
		color: #5a4125;
		text-decoration: none;}
		#content a:hover { text-decoration: underline; }
	#content p { 
		clear: left;
		font-size: 18px; }
		#content p.intro { padding-bottom: 40px; }
	#content .col1 { 
		width: 492px;
		padding: 0 50px 0 0;
		float: left; }
	#content .col2 {
		width: 225px;
		float: left;
		clear: right; }
	#content.about .col1,
	#content.events .col1 { 
		width: 370px;
		padding: 0 50px 0 0;
		float: left; }
	#content.about .col2,
	#content.events .col2 { 
		width: 350px;
		float: left; }
		/* ----------------------------------------------------------------------------
			IE7 was being a big ol jerk. the hack below is to prevent extra 
			whitespace below the subnav on the abaout page. this may need to 
			be removed if an h2 is used above the subnav in the future, as
			the events page laods as it should and the h2 aboe the subnav was 
			the only difference.
		---------------------------------------------------------------------------- */
		*+html  #content.about #subnav { 
			padding: 0;
			margin-bottom: -15px; }
	#content.location .col1 { 
		float: left;
		width: 180px;
		padding: 0 50px 0 0;}
	#content.location .col2 { 
		float: left;
		width: 540px; }
		
#slideshow { 
	width: 700px;
	height: 586px;
	clear: both;
	position: relative; }
	#slide { 
		width: 540px;
		margin: 0px auto -1px auto;	}
		
#footer { 
	width: 810px;
	padding: 10px 0 20px 0;
	color: #3c0405;
	font-size: 12px;
	text-align: center;}
	#footer p a,
	#footer p a:visited { 
		text-decoration: none;
		color: #3c0405; }
		#footer p a:hover { text-decoration: underline; }
	#footer p { padding-bottom: 3px; }
	#footer p.by_line,
	#footer p.by_line a,
	#footer p.by_line a:visited { 
		font-size: 10px;
		color: #a5855e; }

a.button{ 
	display: block;
	margin: 0 auto 14px;
	text-indent: -8420px;
	outline: none;
	clear: both;}
	a.facebook{ 
		width: 87px;
		height: 32px;
		background: transparent url("../images/sym_facebook.png") 0 0 no-repeat; }
	a.ssb{ 
		width: 88px;
		height: 42px;
		background: transparent url("../images/sym_ssb.png") 0 0 no-repeat; }
		
.video { 
	float: right;
	height: 225px;
	position: relative; }
	.video object { 
		float: left;
		border: 1px solid #878077; }
	.video #more_video { 
		display: block;
		position: absolute;
		width: 92px;
		height: 22px;
		bottom: 0;
		right: 1px;
		outline: none;
		background: transparent url("../images/btn_more_video.png") 0 0 no-repeat;
		text-indent: -8420px; }
	
.clearer { clear: both; }

/* mce classes for font sizes */

#content p.font-size-50, #content p span.font-size-50 {
	font-size: 50px;
	}

#content p.font-size-40, #content p span.font-size-40 {
	font-size: 40px;
	}

#content p.font-size-32, #content p span.font-size-32 {
	font-size: 32px;
	}

#content p.font-size-24, #content p span.font-size-24 {
	font-size: 24px;
	}

#content p.font-size-18, span.font-size-18 {
	font-size: 18px;
	}
	
#content p.font-size-16, #content p span.font-size-16 {
	font-size: 16px;
	}

#content p.font-size-14, #content p span.font-size-14 {
	font-size: 14px;
	}