/*
This Stylesheet was created by Eli Kirk (www.elikirk.com) for Strawberry Water Users Association (www.strawberrywater.com)
*/

/******************/
/**** Elements ****/
/******************/

body {
	background-color: #021A32;
	margin: 0;
	font-family: Georgia, san-serif;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
input.textInput {
	border: 1px solid #b6bac1;
	margin-bottom: 15px;
}
textarea {
	margin-bottom: 15px;
}




/*****************/
/**** Classes ****/
/*****************/
.clear {
	clear: both;
}
.center {
	text-align: center;
}
.left {
	float: left;
}

.rssfeed ul {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
.rssfeed ul li {
padding-bottom: 10px;
}
.rssfeed-title, .rssfeed-date {
font-weight: 900;
}
.rssfeed ul li a {
color: #000000;
text-decoration: none;
}

.aboutUs { 
	background: transparent url(/img/1aboutus.jpg) top left no-repeat;
}
.photoGallery { 
	background: transparent url(/img/2photogallery.jpg) top left no-repeat;
}
.events { 
	background: transparent url(/img/3events.jpg) top left no-repeat;
}
.maps { 
	background: transparent url(/img/4maps.jpg) top left no-repeat;
}
.memberLogin { 
	background: transparent url(/img/5memberlogin.jpg) top left no-repeat;
}
.contactUs { 
	background: transparent url(/img/6contactus.jpg) top left no-repeat;
}



/*******************/
/**** Divisions ****/
/*******************/

#thePage {
	margin: 0 auto 25px auto;
	width: 740px;
}

#pageHeader{
	background: transparent url(/img/header_logo.jpg) top left no-repeat;
	margin-bottom: 5px;
	width: 740px;
	height: 165px;
}

#pageBodyMain {
	background: transparent url(/img/bkg_pattern.jpg) repeat;
	/*background: transparent url(/img/body_bg.jpg) top left no-repeat;*/
	width: 740px;
	height: 390px;
}
#pageBody {
	background: transparent url(/img/bkg_pattern.jpg) repeat;
	width: 740px;
}
#bodyMenu {
	background: transparent url(/img/body_menu_bg.jpg) top left no-repeat;
	width: 740px;
	height: 40px;
	font-family: georgia;
	font-size: 9px;
}
#bodyMenu ul {
	margin: 0;
	padding: 0;
	position: relative;
	top: 18px;
	text-align: center;
}
#bodyMenu ul li {
	border-right: 1px solid #a0a7aa;
	display: inline;
	letter-spacing: 1px;
	padding: 0 15px 0 15px;
}
#bodyMenu ul li a {
	color: #021a32;
	text-decoration: none;
	font-weight: 900;
}
#bodyMenu ul li a:hover {
	color: #67594b;
}
#bodyImageWrapper {
	background: transparent url(/img/body_image_border.jpg) top left no-repeat;
	position: relative;
	top: 0px;
	left: 4px;
	width: 731px;
	height: 346px;
}
#bodyImage {
	background: transparent url(/img/body_image1.jpg) top left no-repeat;
	position: relative;
	top: 0px;
	left: 1px;
	width: 729px;
	height: 345px;
}

#topImageWrapper {
	background: transparent url(/img/topimage_bg.jpg) top left no-repeat;
}
#topImage {
	position: relative;
	top: 1px;
	left: 5px;
	width: 729px;
	height: 126px;
}

#bodyContentWrapper {
	background: transparent url(/img/bdr_pattern.gif) repeat;
	position: relative;
	top: 0px;
	left: 4px;
	width: 731px;
}
#bodyContent {
	background-color: #ffffff;
	margin: 0 1px 0 1px;
/*	padding: 45px 65px 45px 65px;*/
	padding: 45px 45px 45px 45px;
	font-size: .9em;
	/*letter-spacing:1px;*/
}
#bodyContent h1 {
	color: #587993;
	font-size: 1.5em;
	font-weight: 300;
	margin-bottom: 50px;
}

#bodyContent h2 {
	color: #021a32;
	font-size: 1.1em;
}
#bodyContent h3 {
	color: #021a32;
	font-size: .8em;
	letter-spacing: 2px;
	margin-top: 40px;
	text-transform: uppercase;
}
#bodyContent p {
	line-height: 30px;
}
#copyright {
	background: transparent url(/img/copyright.jpg) top left no-repeat;
	font-size: .7em;
	width: 740px;
	height: 27px;
}

#pageFooter{
	background: transparent url(/img/footer_bg.jpg) top left no-repeat;
	margin-top: 5px;
	padding-left: 5px;
	width: 740px;
	height: 200px;
	font-size: .7em;
}
#pageFooter a {
	color: #021a32;
}
#footerLogin {
	/*background-color: #44aaff;*/
	position: relative;
	top: 6px;
	left: 0px;
}
#footerLoginInner {
/*	width: 204px;
	height: 165px;*/
}
#footerEvents {
	color: #021a32;
	/*background-color: #aaff44;*/
	position: relative;
	top: 20px;
	left: 15px;
}
#footerEventsInner {
	width: 195px;
	height: 165px;
}
#footerPicture {
	color: #021a32;
	/*background-color: #ff44aa;*/
	position: relative;
	top: 20px;
	left: 57px;
}
#footerPictureInner {
	width: 244px;
	height: 170px;
}
#picOfTheMonthBg {
	background: transparent url(/img/picofthemonth_bg.jpg) top left no-repeat;
	width: 244px;
	height: 127px;
	margin-top: 5px;
}
#picOfTheMonth {
	margin: 8px 0 0 7px;
}