/* LAST UPDATED 02.25.2010 */

/*

	Table of Contents

	I.	 GENERAL
	II.	 NAVIGATION
	III. STRUCTURE & TYPOGRAPHY
	IV.	 TABLES
	V.	 FORMS
	VI.	 HEADINGS
	VII. CLEARFIX

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* { margin: 0; padding: 0; }

html, body, #wrapper { height: 100%; }

body > #wrapper { height: auto; min-height: 100%; }

#content {
	width: 100%;
	padding-bottom: 122px;
	overflow: hidden;
}

#footer {
	clear: both;
	position: relative;
	margin: -122px auto 0 auto;
	height: 122px;
}

body {
	text-align: center;
	background: #c0c0c0 url(../images/bg.gif) center top repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}

.noshow { display: none; }

a { 
  color: #06c;
	/* get rid of link outlines in firefox */
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
}
a:hover { color: #666; }

a img { border: 0; }

p { padding-bottom: 16px; }

hr { margin: 0 0 7px; }

img.left {
	display: block;
	float: left;
	margin: 0 10px 3px 0;
	padding: 0;
}

img.right {
	display: block;
	float: right;
	margin: 0 0 3px 10px;
	padding: 0;
}

.small { font-size: 90%; }

p, ul, ol { padding: 0; }

ul, ol { margin: 0; list-style: none; }

.alignLeft {
	float: left;
	margin: 1px 25px 0 0;
}

.alignRight {
	float: right;
	margin: 1px 0 0 25px;
}


/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

/* LEVEL ONE */

#header ul {
	float: right;
	height: 28px;
	line-height: 28px;
	width: 650px;
	padding: 0;
}

	#header li {
		float: left;
		height: 28px;
		padding: 0 9px 0 0;
	}

	#header li a {
		display: block;
		height: 28px;
		text-transform: uppercase;
		font-size: 10px;
		color: #fff;
		text-decoration: none;
	}

	#header li a:hover { text-decoration: underline; }

/* LEVEL TWO */

#header ul ul {
	float: none;
	position: absolute;
	width: 158px;
	height: auto;
	padding: 0;
	left: -999em;
}

	#header li li {
		display: block;
		width: 158px;
		height: 28px;
		line-height: 27px;
		margin: 0;
		padding: 0;
		text-indent: 10px;
	}

	#header li li a {
		background: #791400;
		border-bottom: 1px #570e00 solid;
		width: 158px;
		height: 27px;
		margin: 0;
		padding: 0;
	}

	#header li li a:hover {
		background: #9c1a00;
		text-decoration: none;
	}

/* LEVEL THREE */

#header ul ul ul { margin: -23px 0 0 158px; }

#header li:hover ul ul, #header li.sfhover ul ul { left: -999em; }

#header li:hover ul, #header li li:hover ul, #header li.sfhover ul, #header li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

#header li:hover, #header li.hover { position: static; } /* fixes IE7 sticky issue */

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */


#wrapper {
  margin: 0 auto;
  text-align: left;
  width: 1080px;
  padding: 0 20px;
  background: url(../images/main_bg.png) 20px 0 repeat-y;
}

#top {
  width: 1080px;
  height: 30px;
  background: #8b0000;
}

#subscribe_content {
  float: right;
  width: 386px;
  height: 30px;
  background: url(../images/top_bg.png) right top no-repeat;
}

#subscribe_content p {
  float: left;
  width: 150px;
  padding: 6px 11px 0 150px;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  line-height: 1;
}
#subscribe_content a {
  margin: 8px 0 0 0;
  width: 59px;
  height: 15px;
  float: left;
  background: url(../images/top_subscribe.png) no-repeat;
  font: normal 9px/13px Verdana, Helvetica, sans-serif;
  color: #000;
  text-decoration: none;
  text-align: center;
}

#content {
  width: 100%;
  overflow: hidden;
}

	#header {
	  height: 254px;
	  background: #fff url(../images/header_bg.jpg) no-repeat;
	}

		#header form {
		  float: right;
		  width: 352px;
		  height: 29px;
		  margin: 54px 0 0;
		}

		#header form label {
		  float: left;
		  font: bold 11px/19px Arial, Helvetica, sans-serif;
		  color: #fff;
		  padding: 0 8px 0 0;
		}

		#header form input#CAT_Search { 
		  float: left;
		  background: #fff;
		  height: 15px;
		  width: 189px;
		  padding: 2px 0 0 3px;
		  border: 1px solid #896255;
		  font: 11px Arial, Helvetica, sans-serif;
		  margin: 0 9px 0 0;
		}

		#header form input#submit {
		  float: left;
		  text-indent: -4440px;
		  font-size: 0;
		  background: url(../images/form_submit.png) no-repeat;
		  width: 56px;
		  height: 19px;
		  border: none;
		  cursor: pointer;
		}

	#main_content {
	  float: left;
	  width: 547px;
	  padding: 53px 0 0 57px;
	  font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif;
	  color: #000;
	}

		#main_content .item {
		  float: left;
		  position: relative;
		  z-index: 5;
		  background: #fff url(../images/main_separator.png) bottom left no-repeat;
		  padding: 0 0 12px; 
		}

		#main_content .item.last { background: none; }

		#main_content p.activities a {
		  padding: 0 15px 0 0;
		  color: #0081ba;
		}

	#sidebar {
	  float: right;
	  width: 426px;
	  background: url(../images/sidebar_bg.jpg) no-repeat;
	  padding-top: 153px;
	}

		#sidebar h3 {
			color: #fff;
			padding-top: 0;
		}

		#sidebar p {
			margin: 0;
			padding: 0 0 16px 0;
		}

		#sidebar a { color: #1f6ada; }

		#sidebar a:hover { color: #000; }

		#attractions {
		  float: left;
		  padding: 20px;
		  width: 190px;
		}

			#attractions ul {
			  float: left;
			  width: 109px;
			}

			#attractions ul li { height: 18px; }

		#news_events {
		  float: right;
		  width: 158px;
		  margin-right: 20px;
		  padding: 0 0 0 18px;
		  font: normal 11px/13px Arial, Helvetica, sans-serif;
		  color: #fff;
		}

		.post p.date { font-weight: bold; }
		.post p a { color: #fff; }
		.post p a:hover { text-decoration: none; }

#footer {
  width: 1062px;
  height: 62px;
  padding: 60px 18px 0 0;
  background: url(../images/footer_bg.png) no-repeat;
}

	#footer p {
	  text-align: right;
	  font: normal 10px/17px Arial, Helvetica, sans-serif;
	  color: #fff;
	  padding-bottom: 0;
	}

	#footer p span { text-decoration: underline; }
	#footer p.designer a { color: #fff2c8; }
	#footer p.designer a:hover { text-decoration: none; }


/* -----------------------------------------------------------
		IV. HEADINGS
----------------------------------------------------------- */

h1 a {
  float: left;
  width: 410px;
  height: 254px;
  display: block;
  text-indent: -9999px;
}

h2 {
  font: normal 50px/1em Arial, Helvetica, sans-serif;
  color: #000;
  padding-bottom: 11px;
}

h3 {
  font: normal 22px/1em "Arial Narrow", Arial, Helvetica, sans-serif;
  color: #000;
  padding: 33px 0 18px;
  letter-spacing: -1px;
}

h4 {
  font: bold 20px/1em Arial, Helvetica, sans-serif;
  color: #1e1f22;
  padding: 21px 0;
}

h5 {
  font: bold 18px/24px "Arial Narrow", Arial, Helvetica, sans-serif;
  color: #fff;
  padding: 27px 0 25px;
}

h6 {
  text-align: right;
  font: bold 12px/17px Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: underline;
}



/* -----------------------------------------------------------
		V. CLEARFIX
----------------------------------------------------------- */

.clear { clear: both; }

/* -----------------------------------------------------------
		a. Splash
----------------------------------------------------------- */ 

a#splash {
  float: left;
  display: block;
  width: 1080px;
  height: 691px;
  background: url(../images/splash_image.jpg) no-repeat;
  text-indent: -9999px;
}

/* -----------------------------------------------------------
		b. Action Images
----------------------------------------------------------- */

#main_content .action_images {
  float: left;
  padding: 7px 0 0;
} 

#main_content .action_image {
  float: left;
  width: 244px;
  height: 140px;
  overflow: hidden;
  margin: 0 17px 0 0;
}

#ai_01 { background: url(../images/action_image.jpg) no-repeat; }
#ai_02 { background: url(../images/action_image.jpg) no-repeat; }

#main_content .action_text {
  width: 244px;
  height: 140px;
  background: url(../images/action_text_bg.png) no-repeat;
  margin-top: -140px;
}

#main_content .action_text p {
  width: 235px;
  padding: 0 0 18px 9px;
  color: #fff;
  line-height: 16px;
}

#main_content .action_text p.at_title {
  height: 29px;
  padding: 0 0 0 9px;
  margin-bottom: 19px;
  background: url(../images/action_text_bg.png) no-repeat;
}

#main_content .action_text p.at_title a {
  font: normal 18px/29px Arial, Helvetica, sans-serif;
  height: 29px;
  color: #fff;
  text-decoration: none;
}

#main_content .action_text p a { color: #fff; }
#main_content .action_text p a:hover { text-decoration: none; }