/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #003333;
	text-align				: center;
	margin					: 15px 0px 15px 0px;
	padding 				: 0px 0px 0px 0px;
	background-color		: #333333;
	background-image		: url(../images/bkgrnd.png);
	background-repeat		: repeat-x;
}


/*###################
##### CONTAINER #####
###################*/ 


#container{
	width					: 920px;
	min-height				: 600px;
	margin					: 0px auto 0px auto;
	text-align				: left;
	display					: block;
	
}

*html #container{
	height					: 600px;
	
}


#borderBottom{
	display					: block;
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
}

/*###############
##### FONTS #####
###############*/ 

 
 
p{
	padding					: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 110%;
	line-height				: 1.4em;
}


h1{  /*  Page Titles */
	padding		 			: 5px 0px 0px 0px;
	margin					: 0px 0px 10px 0px;
	line-height				: 1.2em;
	font-size 				: 150%;
	font-weight				: normal;

}


h2{  /*  Teaser Titles */
	padding		 			: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 130%;
	font-weight				: bold;
}

h3{  /*  Offer details */
	padding		 			: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 120%;
	font-weight				: bold;
}


a{
	color					: #407A51;
	text-decoration			: underline;
}

a:hover {
	color					: #2A5237;
	text-decoration			: underline;
}


#contentInner ul{
	margin					: 5px 0px 5px 10px;
	padding		 			: 0px 0px 0px 15px;
}

#contentInner ul li{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 5px 0px;

}

/*################
##### HEADER #####
################*/ 


#header{
	width					: 920px;
	height 					: 185px;
	display					: block;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background-image		: url(../images/header.jpg);

}



/*################
### NAVIGATION ###
################*/ 

ul#headerNav{
	margin 					: 0px 0px 0px 37px;
	padding					: 144px 0px 0px 0px;
	display 				: block;
	clear					: both;
	list-style 				: none;
	width					: 848px;
	height					: 38px;
}


ul#headerNav li{
	display 				: inline;
}


ul#headerNav li a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 26px 0px 26px;
	display 				: block;
	float 					: left;
	color					: #FFCC33;
	text-decoration 		: none;
	font-size 				: 13px;
	line-height				: 3.0em;
	height 					: 38px;
	text-transform			: uppercase;
	border-left				: 1px solid #295236;
	border-right			: 1px solid #427F54;
	
}


#headerNav li a:hover{
	text-decoration 		: none;
	color					: #FFF;
	background-image		: url(../images/navHover.gif);
}

#headerNav li a.selected{
	text-decoration 		: none;
	color					: #FFF;
	background-image		: url(../images/navOver.gif);
}




/*###############
#### CONTENT ####
###############*/ 
	
#contentOuter{
	display 				: block;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 37px 0px 37px;
	width					: 846px;
	min-height				: 450px;
	background-color		: #FFFFFF;
	background-image		: url(../images/bkgrndContent.jpg);
	background-repeat		: repeat-y;
}

*html #contentOuter{
	height					: 450px;

}

#contentInner{
	display 				: block;
	float					: left;
	margin					: 0px 0px 0px 0px;
	padding					: 15px 15px 15px 15px;
	height					: auto;
	width					: 816px;
	min-height				: 430px;
/*	background-color		: #1C2F20;*/
}

*html #contentInner{
	height					: 430px;

}


#contentLeft{
	display 				: block;
	float					: left;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height					: auto;
	width					: 445px;
}

#contentRight{
	display 				: block;
	float					: right;
	margin					: 0px 0px 0px 0px;
	padding					: 10px 15px 10px 15px;
	height					: auto;
	width					: 370px;
}


.pageHeader{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 10px 0px;
}


/*#################
##### TEASERS #####
#################*/ 

.teaser{
	display					: block;
	float					: left;
	margin					: 15px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 395px;
	height					: 164px;
	background-color		: #427E53;
	border					: 1px solid #333333;
}

.teaser img{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

.teaser p{
	margin					: 0px 0px 8px 0px;
	padding					: 10px 5px 0px 10px;
	float					: left;
	font-size				: 11px;
	width					: 220px;
	color					: #FFFFFF;
	line-height				: 1.4em;
}



/*################
##### FOOTER #####
################*/ 

#footer{
	margin					: 0px auto 0px auto;
	padding					: 0px 15px 0px 15px;
	height					: 38px;
	width					: 816px;
	line-height				: 1.4em;
	font-size				: 11px;
	color					: #FFFFFF;
	border-bottom			: 1px solid #252525;
	border-top				: 3px solid #000000;
	background-image		: url(../images/bkgrndNav.gif);
	background-repeat		: repeat-x
}


#footer a {
	text-decoration			: none;
	color					: #FFCC33;
}


#footer a:hover {
	color					: #FFFFFF;
	text-decoration			: underline;
}


#copyright{
	margin					: 0px;
	padding		 			: 10px 10px 0px 0px;
	float					: left;
	text-align				: left;
	
}


#footerLinks{
	float					: right;
	margin					: 0px;
	padding		 			: 10px 0px 0px 5px;
	text-align				: right;
}





/*################
##### OFFERS #####
################*/ 

.offers{
	display					: block;
	margin					: 10px 10px 10px 0px;
	padding		 			: 5px 5px 5px 5px;
	min-height				: 250px;
	border					: 1px solid #666;
	background-color		: #EFEFEF;
}

*html .offers{
	height					: 250px;
}

.offersImg{
	float					: right;
	display					: block;
}

.offersImg img{
	border					: 1px solid #333333;
	margin					: 5px 5px 5px 5px;
}



/*##############
##### FORM #####
##############*/ 

.table{
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;

}

.table td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 10px 5px 0px;	
	vertical-align			: top;

}


.textField{
	width					: 230px;
	height					: 16px;
	font-size				: 13px;
	font-family				: Arial, Helvetica, sans-serif;
}

.textArea{
	width					: 230px;
	height					: 80px;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}

input.submitBtn{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	font-weight				: normal;
	text-align				: center;
	color					: #FFF;
	text-decoration 		: none;
	text-transform			: uppercase;
	font-size 				: 10px !important;
	height					: 28px;
	width					: 100px;
	border					: 1px solid #999999;
	background-image		: url(../images/navHover.gif);
	background-position		: bottom;
	cursor					: pointer
}

input.submitBtn:hover{
	background-image		: url(../images/navOver.gif);
	background-position		: bottom;
}



/*###############
##### MISC. #####
###############*/ 

.img, .imgLeft, .imgRight{
	border					: 1px solid #333333;
}

.imgLeft{
	float					: left;
	margin					: 0px 15px 0px 0px;
}

.imgRight{
	float					: right;
	margin					: 0px 0px 0px 15px;
}

.btn a{
	margin					: 7px 0px 0px 318px;
	padding		 			: 0px 0px 0px 0px;
	position				: absolute;
	display					: block;
	background-image		: url(../images/bkgrndNav.gif);
	background-position		: bottom;
	height					: 18px;
	width					: 70px;
	text-decoration			: none;
	text-transform			: lowercase;
	text-align				: center;
	font-size				: 11px;
	line-height				: 1.8em;
	color					: #FFCC33;
	border					: 1px solid #333333;
		
}

.btn a:hover{
	background-image		: url(../images/navOver.gif);
	background-position		: bottom;
	color					: #FFFFFF;
	text-decoration			: none;

		
}



/* GOOGLE MAP */
#mapHolder{
	width					: 321px;
	height					: 405px;
	display					: block;
	margin					: 0px 0px 0px 50px;
	padding					: 6px 6px 6px 6px;	
	border					: 1px solid #999999;
	float					: right;
	background-color		: #FFFFFF;

}

#map{
	width					: 320px;
	height					: 380px;
	border					: 1px solid #999999;

}