*{ padding:0 auto; margin:0 auto; }


html, body { background-color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px;

}

#header{background:url(../images/header.png) repeat-x; height:157px;}
#headercontainer{margin:0 auto; width:850px; height:0 auto;}
#menu{width:850px; margin-top:15px;}


#middle{background:#FFFFFF; height:100%;}
#container{margin:0 auto; width:850px; height:0 auto; }
#container table{clear:both;}
#container table h1{color:#772a31; font-size:21px; font-family:Georgia, "Times New Roman", Times, serif;  text-align:right; margin-bottom:5px; margin-right:8px; margin-top:5px;}
#container table img{text-align:right; margin-top:5px;}



#text{ font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:45px 0 15px 10px; width:500px;}
#text a{color:#155510;font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none;}
#text a:hover{color:#772a31; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none;}

 
#text2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:45px 0 15px 0px; width:550px;}
#text2 a{color:#155510;font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none;}
#text2 a:hover{color:#772a31; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none;}
#text2 p{background-color:#eeeeee; border:solid 1px #e9eaea; padding:8px; width:530px; line-height:1.4em; margin-bottom:8px;}

#text3{ font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:45px 0 15px 0px; width:550px;}
#text3 a{color:#155510;font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none;}
#text3 a:hover{color:#772a31; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none;}
#text3 p{background-color:#eeeeee; border:solid 1px #e9eaea; padding:8px; width:530px; line-height:1.4em; margin-bottom:8px; text-align:left;}
#text3 p img {border:1px solid #000000;}
#text3 h2 {font:Arial, Helvetica, sans-serif; font-size:14px; color:#cc8e32; margin-bottom:8px;}


#crossslide{width:825px; height:370px; position:relative; clear:both; z-index:1;}
#slideshow {
    position:relative; width:825px; height:370px      }
	
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}




#formbackground{background-color:#eeeeee; border:solid 1px #e9eaea; width:549px; height:721px; margin-top:40px;}




/******* bottom of page *******/

#footer{background:url(../images/footer.png) repeat-x; height:195px;}
#footercontainer{margin:0 auto; width:850px; height:0 auto;}
#footercontainer p{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:14px; padding:20px 0 0 0;}

#wells{width:850px;}
#well1{background:url(../images/bottom1.png) no-repeat; width:263px; height:121px; }
#well1 p{width:159px; padding:35px 0 0 59px; text-align:left;}
#well1 a{ color:#79552b; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; }
#well1 a:hover{ color:#7d2f36; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; }
#well2{background:url(../images/bottom2.png) no-repeat; width:263px; height:121px;}


#dateform{width:250px;}
#dateform h1{color:#3f2c0c; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; padding-top:5px;}
#dateform p{color:#000; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-top:-15px;}
#chooseDateForm{width:250px; padding:9px 0 0px 15px; font-size:10px;}
#chooseDateForm input {width:90px;}
#chooseDateForm #send2{margin-left:60px; margin-top:2px;}





#well3{background:url(../images/bottom3.png) no-repeat; width:263px; height:121px;}
#well3 p{ padding:15px; margin-left:22px; text-align:left; color:#000000;}
#well3 h1{color:#3f2c0c; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; padding-top:5px;}
#well3 a{ color:#79552b; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; }
#well3 a:hover{ color:#7d2f36; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; }


img{border:none;}


/******* FROMCONTAINER *******/
#formcontainer{
	width: 450px;
	margin: 10px auto;
	text-align: left;
}


/******* /CONTAINER *******/
/******* FORM *******/
#customForm{
	padding: 10px 0 10px 0px;
}
#customForm label{
	display: block; font:Arial, Helvetica, sans-serif; font-size:11px;
	color:#000;
	font-weight: 400;
	line-height: .9em;
}
#customForm input{
	width: 220px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cc8e32;
}
#customForm input.error{
	background: #f8dbdb;
	border-color: #772A31;
}



#customForm select{
	width: 70px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cc8e32;
}


#customForm textarea{
	width: 300px;
	height: 80px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cc8e32;
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #772A31;
}


#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	
	color: #772A31;
	font-size: 11px;
	
}
#customForm div span.error{
	color: #772A31;
}
#customForm #send{
	
	font-family:Verdana, Geneva, sans-serif;
	
	border:1px solid #aba8a8; 
	background:#DBA534; 
	text-transform:uppercase; 
	color:#fff; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
}
#customForm #send:hover{
	background: #79a7f1;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}
/******* /FORM *******/

/******* /scroll *******/

/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
} 	




/* main vertical scroll */
	#main {
		position:relative;
		overflow:hidden;
		height: 500px; margin-top:52px; margin-left:10px; margin-bottom:20px; width:580px;
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.page {
		
		height: 540px;
		background-color:#eeeeee; border:solid 1px #e9eaea;
		width:580px;
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 540px;
		height: 500px;  margin-left:5px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:540px;
		position:absolute;
		clear:both; 
	}
	
	/* single scrollable item */
	.item {
		float:left;
		
		width:540px;
		height:500px;
		padding:10px;
	}
	
	.items ul{ margin-top:10px;}
	.items ul li{  list-style:disc; padding:3px; margin-left:16px; }
	.items h2{color:#aa6f17; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif;  text-align:left; margin-bottom:5px; }	
	
	/* main navigator */
	#main_navi {
		float:right;
		padding:0px !important;
		margin:0px !important;
	}
	
	#main_navi li { 
		background-color:#fff;
		
		clear:both;
		color:#000; font-family:Georgia, "Times New Roman", Times, serif; text-align:right;
		font-size:14px;
		height:20px;
		list-style-type:none;
		padding:10px;
		width:170px;
		cursor:pointer;
	}
	
	#main_navi li:hover {
		background-color:#ECECEC;
	}
	
	#main_navi li.active {
		background-color:#aa6f17; color:#FFFFFF;
	}
	
	
	#main_navi strong {
		display:block;
	}
	
	#main div.navi {
		margin-left:250px;
		cursor:pointer;
	}


	