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

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	
	padding:0; margin:0;
	background:url(../images/_redesign/body_bg.jpg) 0 0 repeat-x #FFF;
}

#offLeft {position:absolute; left:-10000px; top:-1px; height:1px;}


#container {width:880px;margin:0 auto;}
#wrap_left {width:100%; background:url(../images/_redesign/container_bg_left.png) 0 0 repeat-y;float:left;}
#wrap_right {width:850px; padding:0 15px; background:url(../images/_redesign/container_bg_right.png) right 0 repeat-y;float:left;}

#banner {width:100%; height:270px; float:left;}
#banner:hover {cursor:pointer;}

#navigation {width:100%;  height:33px; float:left; background:#000; font-family:Arial, Helvetica, sans-serif;font-size:22px; padding:5px 0;}
	ul#cssdropdown {position:absolute; z-index:100;margin:0; padding:0;}
	.headlink, .headlink ul, .headlink li {padding:0; margin:0;list-style:none;} /* */
	#cssdropdown li {float:left; text-align:left;}
	#cssdropdown li li {float:none;}
	
	/* Section Links - Always Visible */
	#cssdropdown .headlink {padding:3px 0; margin:0 15px;} /* More specificity as required to override general padding and margins set above. */
	.headlink {font-family:"league-gothic-1";}
	.headlink a, .headlink a:visited {color:#FFF; text-decoration:none;}
	
	/* Sub Nav Links - Drop Downs */
	.headlink ul {display: none;}
	.headlink:hover ul {display:block;position:absolute; border:1px solid #000; border-top:0; padding:7px 0 7px 0;background:#000;}
	.headlink ul li a, .headlink ul li a:visited {color:#FFF; display:block;}
	.headlink ul li:hover {background:#333;}
		.headlink li {padding:0 10px;font-size:17px; font-family: Arial, Helvetica, sans-serif; color:#000;clear:both; font-weight:bold;}		
			.resourcecentre {font-weight:bold;}
			#cssdropdown .sublink {padding-left:25px;}
				#cssdropdown .subheadlink ul {margin-top:3px;}
		

#main {width:100%; float:left; background:#FFF; padding:10px 0 0;}
	#left_col {width: 200px; margin: 0 10px 0 0; padding:0 0 0 10px; float:left;}
		.box {width:200px; background:#E5E5E5; padding:0 0 10px 0;float:left;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
		.box h3 {background:#CCC; padding:8px 0 0 10px; height:30px;margin:0;font-size:1.3em}
		.box p {margin:0; padding:10px 10px 0;}
		.box a:hover, .box a:active, .box a:focus {text-decoration:underline;}

		.box h3, #toolkit li, #social li {font-size:20px; font-weight:normal;}
		#search {padding-bottom:10px;}
		#toolkit ul {padding:0 10px 0 10px; margin:12px 0 0;}
			#toolkit li {padding:0; margin:0 0 5px; list-style:none;}
			#toolkit li img {float:right;}
			#toolkit a, #toolkit a:visited {color:#000; text-decoration:none; display:block; margin:0; padding:0; height:25px;}
			#toolkit li:hover a, #toolkit a:hover, #toolkit a:active, #toolkit a:focus {text-decoration:underline;}

	#content {width: 610px; float:left;}
		#content h1 {margin:5px 0 .6em; font-size:33px; font-weight:normal;}
		#content h2 {font-size:23px; font-weight:normal;}
		#content h3, #content h4, #content h5, #content h6 {font-size:21px; margin:.5em 0 0; font-family:sans-serif; font-weight:normal; font-color:#900;}
		#content p {margin: .1em 0 1em;}
		
	#right_col {width: 200px; margin: 0; padding:0 10px; float:left;}
		#right_col .box {margin-bottom:10px; width:200px;}
			#right_col .box p {}
	#right_col {display:none;}

/* Paste the following code snippets into a style tag in the header of a page you want to change the layout for. */
	
	/* Display Right Column Features 
		#right_col {display:block;}
		#content {width:410px;}
		*/
	
	/* Extreme Wide Content Layout (hide left and right columns
		#toolkit {display:none;}
		#content {width:830px;padding:0 10px;}
		*/
	
#footer {width:850px; padding:0 0 0 0; float:left; background:#FFF;}
	#social {width:200px;margin:10px 0; padding:0 10px; float:left;}
		#social ul, #social li {list-style:none; padding:0; margin:0;}
		#social li  {height:30px;padding:8px 0 0 48px; margin:0 0 10px;}
			#social li.facebook {background:url(../images/_redesign/icon_social_facebook.jpg) 0 0 no-repeat #B4CDE2;}
			#social li.blogger {background:url(../images/_redesign/icon_social_blogger.jpg) 0 0 no-repeat #F7D3BD;}
			#social li.youtube {background:url(../images/_redesign/icon_social_youtube.jpg) 0 0 no-repeat #F5BCBE;}
			#social li.twitter {background:url(../images/_redesign/icon_social_twitter.jpg) 0 0 no-repeat #C3EEFD;}
			#social li.flickr {background:url(../images/_redesign/icon_social_flickr.jpg) 0 0 no-repeat #CCC;}
		#social a, #social a:visited {color:#000; text-decoration:none;}
		#social a:hover, #social a:active, #social a:focus {text-decoration:underline;}

	#social, #features, #ahh_photos {height:220px;}
	#features {width:620px;padding:0 0 20px 0; float:left; margin:10px 0 0 0}
		#features ul {margin:0; padding:0;list-style:none;}
		#features li {float:left; width:193px;height:86px;padding:0; margin:10px 0 0 10px; background:#FFF;list-style:none;
					font-size:15px;text-align:center;}
#footer #links {height:; padding:20px 0; clear:both;}
#footer #credits { color:#FFF;padding:16px 20px 20px; background:#000; clear:both; text-align:center;}
	#footer #credits a, #footer #credits a:visited {color:#FFF;}

/* Community Partner Organizations Section */

#container_center {width:850px; margin:0 auto;}
#container_color {width:100%; float:left; background:#FFF;margin: 20px;}
#container_center #container_center {width:810px;}
#container_center #container_center #container_color {margin:0;}
#container_center #container_center #footer {width:810px;}

/* Photo Gallery Styles */
#photogallery img {margin-bottom:20px;}

/* Accommodations */

table#accommodations {border-left:1px solid #FFF;border-top:1px solid #FFF; font-size:12px; background:#FFF;}
	table#accommodations td {border-right:1px solid #FFF; border-bottom:1px solid #FFF; padding:3px; text-align:center;font-size:13px}
		#accom_cat {padding:0; vertical-align:bottom;}
		#accom_cat h2 {text-align:left;font-family:Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; color:#000; margin-bottom:; margin-left:1.6em;}
		#accom_cat h1 {text-align:left;font-family:Arial, Helvetica, sans-serif; font-size:35px; margin-top:-.5em; margin-bottom:-.2em;border-bottom:0;}
	table#accommodations td.darkseparator {font-size:15px; text-transform:uppercase; color:#FFF;}
	table#accommodations td.coltitle {font-size:12px; }
	table#accommodations td span.bullet {font-size:2.5em; font-weight:bold;}

	table.bedbreakfast {}
		.bedbreakfast h1 {color:#DBC89C;} /* Same as .coltitle */
		.bedbreakfast .coltitle {background:#DBC89C; padding:15px 5px 5px; border-left:1px solid #FFF; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
		.bedbreakfast .darkseparator {background:#867C63; height:10px;}
		.bedbreakfast .rowLight {background:#F0EADA;}
		.bedbreakfast .rowDark {background:#E8DBBE;}
	
	table.hotels {}
		.hotels h1 {color:#84A9DA;} /* Same as .coltitle */
		.hotels .coltitle {background:#84A9DA; padding:15px 5px 5px; border-left:1px solid #FFF; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
		.hotels .darkseparator {background:#475B75; height:10px;}
		.hotels .rowLight {background:#D4DEF1;}
		.hotels .rowDark {background:#B0C6E7;}
		
	table.campgrounds {}
		.campgrounds h1 {color:#95BC8D;} /* Same as .coltitle */
		.campgrounds .coltitle {background:#95BC8D; padding:15px 5px 5px; border-left:1px solid #FFF; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
		.campgrounds .darkseparator {background:#0E4727; height:10px;}
		.campgrounds .rowLight {background:#D7E6D2;}
		.campgrounds .rowDark {background:#BAD4B4;}