/* Start of Stylesheet */
/* Author: Steve Livingston - Solar Valley Design LLC */


/*******************************/
/*      CSS Defaults           */
/*******************************/

* html, body {
    background: #eeeeee url(../images/bg.jpg) repeat top center;;
	margin: 0; 
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	height: 100%;
	width: 100%;
	color: #000;
}

a:link { font-size: 10pt; text-decoration: none; font-weight: bold; color: #fcb917; }
a:active { font-size: 10pt; text-decoration: none; font-weight: bold; color: #fcb917; }
a:visited { font-size: 10pt; text-decoration: none; font-weight: bold; color: #fcb917; }
a:hover { font-size: 10pt; text-decoration: underline; font-weight: bold; color: #872f1c; }

a.footer {color: white; text-decoration: none; font-style:none; font-weight:none;}
a.footer:hover {text-decoration: underline; font-weight:none;}

.clearfix { clear: both; }
p { padding: 0; margin: 0; }
ul, li { padding: 0; margin: 0; }
hr.underline { height: 2px; background-color: #fdb913; color: #fdb913; border: 0; }

/*******************************/
/*      Layout Structure       */
/*******************************/

#content-container {
	width: 1024px;
	height: auto;
	margin: 50px auto 0 auto;
	min-height: 100%;
	position: relative;
	border: 5px solid #fff;
}

#left-container {
	float: left;
	width: 255px;
	background: #207b88 url(../images/left_side_bg.jpg) no-repeat top center;
	height: 517px;
	z-index: -1;
}

#curly-loop { 
	position: relative; 
	background: #00703c url(../images/curly_img.jpg) no-repeat top center; 
	width: 169px;
	height: 182px;
	float: left;
	z-index: 1;
}

#logo {
	float: right;
	position: relative;
	left: -670px;
	top: 25px;
	height: 202px;
	width: 335px;
	z-index: 2;
}

#header {
	background: #00703c url('../images/bg_top_bottom.jpg') repeat-y top center;
	width: 100%;
	height: 190px;
}

#title { width: 50%; position: relative; top: -445px; left: 450px; }
#header h1 { font-size: 38pt; color: #fff; padding: 0; margin: 0; }
#header h3 { font-size: 18pt; font-weight: normal; letter-spacing: 7px; color: #fff; padding: 0; margin: 0; }

#body-container {
	width: 100%;
	height: auto;
	background: #a4d0a6 url('../images/body_bg.jpg') repeat-y top center;
}

#body {
	width: 72%;
	float: left;
	padding: 40px 0 20px 30px;
	font-size: 8pt;
	/*padding-right: 14%;*/
}

#body h2 { font-size: 18pt; color: #00703c; margin: 0; padding: 0 0 20px 0; }

#body p {
	padding: 8px 0 8px 0;
}

#left-col { float: left; width: 33%; padding-right: 4px; }
#middle-col { float: left; width: 33%; }
#right-col { float: right; width: 33%; }

#navigation {
	width: 100%;
	height: 37px;
	//background: #872f1c url('../images/nav_bg.jpg') repeat-y top center;
	background: #225633;
}

#navigation ul {
	list-style-type: none;
	float: right;
	width: 75%;
	position: relative; 
	top: -4px;
}

#navigation ul li {
	display: inline;
}

#navigation ul li.first-nav-item a { margin-left: 100px; }	
#navigation ul li.last-nav-item a { border-right: 0px; }

#navigation ul li a {
	color: #ffffff;
	border-right: 1px solid #fff;
	padding: 9px 15px 10px 15px;
	margin-right: -4px;
}	

#navigation ul li a:hover {
	/*color: #872f1c;*/
	/*background: #fcb917;*/
}

#specials { position: relative; top: 250px; text-align: center; }
#specials h1 { font-size: 26pt; color: #fdb913; padding: 0; margin: 0; }

#footer {
	width: 100%;
	height: 84px;
	background: #00703c url('../images/bg_top_bottom.jpg') repeat-y top center;
	font-size: 12pt;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

#footer p { position: relative; left: 390px; top: 20px; width: 50%; }
#secondary-footer { clear: both; width: 1024px; height: auto; }

/*********************************/
/*   Entertainment Page Styles   */
/*********************************/

h3.ent {font-weight:bold; font-size: 12pt; color: #00703c; margin: 0; padding: 20px 0 0 0; }
label.ent_date_list {font-size: 9pt; color: #000000; width: 200px; display:block; float: left;}
.ent_placeholder {width: 550px; font-size: 9pt;}
/*********************************/
/*   Global: Forms   */
/*********************************/
#contact-form { float: left; width: 48.5%; background: #eeeeee; padding: 20px 0px 0 20px; border: 1px solid #c0c0c0; margin-right: 10px; }
#contact-form label { float: left; width: 36%; }
#contact-form div.row-data { clear: both; padding: 5px 0 5px 0; }
.center { text-align: center; }