body {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 12px;
	background: #FFFFFF;
	color: #614D3A;
	margin: 0px;
}

#wrapper {
	margin: 30px auto;
	width: 799px;
}

h1 {
	font-size: 14px;
	font-weight: bold;	
	margin: 0.5em 0 0.3em 0;
}

h3 {
	font-size: 12px;
	font-weight: bold;	
	margin: 0.5em 0 0.1em 0;
}

a {
	color: #0078C1;
}

a:hover {
	text-decoration: none;
}

#title {
	width: 799px;
}

#topspacerbrn {
	height: 18px;
	background: #614D3A;
}

#topspacergrn {
	height: 18px;
	background: green;
}

#toprightbrn {
	float: right;
	width: 186px;
	height: 18px;
	background: #614D3A;
	border-left: 1px dotted silver;
	background-image: url(../../gfx/brntop.jpg);	
	background-repeat: no-repeat;	
	background-position:	top right;
	
}

#toprightgrn {
	float: right;
	width: 186px;
	height: 18px;
	background: green;
	background-image: url(../../gfx/grntop.jpg);	
	background-repeat: no-repeat;	
	background-position:	top right;
	border-left: 1px dotted silver;
	
}

#water {
	position: relative;
	height: 92px;
	background: #1b63b5;
}

#water img {
	position: absolute;
	border: none;
}

#water .line {
	position: absolute;
	left: 612px;
	height: 92px;
	border-right: 1px dotted silver;
}

#banner {

}

#banner .line {
	position: absolute;
	width: 612px;
	height: 66px;
	border-right: 1px dotted silver;
}

#bannerhome {

}

#bannerhome .line {
	position: absolute;
	width: 612px;
	height: 144px;
	border-right: 1px dotted silver;
}

#logo {
	position: absolute;
	z-index: 100;
	top: 15px;
	left: 30px;
	width: 142px;
	height: 59px;
}

#logoprint {
	display: none;
}

.clear {
	clear: both;
}

#raspberries {
	position: absolute;
	z-index: 1;
	left: 0;
	width: 217px;
	height: 144px;
	bottom: -30px;
	background:url(../../gfx/raspberries.png) no-repeat bottom left;	
}

#now {
	position: relative;
	top: 0;
	right: 20px;
	text-align: right;
}

* html #now {height:1%;}


#now #future {
	color: #005A93;
	font-size: 16px;
	font-weight: bold;	
}

#now #difference {
	color: #54B948;
	font-size: 10px;
}

#watertip {
	position: relative;
	margin: 0 auto;
	width: 146px;
	background: #C7D8F0;
	border: 1px solid #62A0D6;
}

#watertip #watercan {
	position: absolute;
	bottom: -10px;
	right: 3px;
	width: 108px;
	height: 67px;
	background:url(../../gfx/watercan.png) no-repeat bottom right;	
	
}

#watertip #tipnum {
	display: block;
	width: 100%;
	height: 23px;
	line-height: 23px;
	font-size: 11px;
	color: white;
	background:url(../../gfx/tipheader.png) no-repeat top left;	
}

#watertip #tip {
	display: block;
	font-size: 10px;
	color: #0078C1;
	padding: 2px;
}

#watertip a {
	text-decoration: none;
}

#newsflash {
	position: relative;
	margin: 0 auto;
	width: 146px;
	background: #C7D8F0;
	border: 1px solid #62A0D6;
}

#newsflash #heading {
	display: block;
	width: 100%;
	height: 23px;
	line-height: 23px;
	font-size: 11px;
	color: white;
	background:url(../../gfx/tipheader.png) no-repeat top left;
}

#newsflash #flash {
	display: block;
	font-size: 10px;
	color: #0078C1;
	padding: 2px;
}


#homepagemap {
	float: right;
	border: 1px solid white;
	padding: 2px;
	width: 146px;
	margin: 10px 0 10px 10px;
	text-align: center;
	font-size: 10px;
		
}

#homepagemap a {
	text-decoration: none;
}

#homepagemap:hover {
	border: 1px solid #005A93;
}

#homepagemap a img {
	border: 0px;
}



#mapthumb {
	width: 146px;
	height: 97px;

}

#mapthumb a img {
	border: 0px;
}

#sidetip {
	color: #005A93;
	font-size: 16px;
	line-height: 40px;
	padding: 40px 5px 5px 5px;
}

.grnpic {
	text-align: center;
}

.grnpic img {
	border-top: 10px solid green;	
}

.brnpic {
	text-align: center;
}

.brnpic img {
	border-top: 10px solid #614D3A;	
}

.bluepic {
	text-align: center;
}

.bluepic img {
	border-top: 10px solid #005A93;	
}

#tips li {
	margin-bottom: 10px;
}


#wheat {
	position: absolute;
	z-index: 1;
	bottom: -90px;
	right: -596px;
	width: 222px;
	height: 163px;
	background:url(../../gfx/wheat.png) no-repeat bottom right;	
}

#photos {
	margin: 0 auto;
}

.gallerypic {
	border: 1px solid silver;
	margin: 10px;
	text-align: center;
}

.galleryimage {
	border: 1px solid black;
	background: white;
	padding: 3px;
	margin: 5px;
}

.gallerycaption {
	padding: 3px;
}

.gallerypic a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.gallerypic a:hover {
	background: #CCCCCC;
}

#pageit {
	text-align: center;
}


#sow {
	background: #C7D8F0;
	border: 1px solid #62A0D6;
	color: #0078C1;
	text-align: center;
	padding: 10px 20px;	
}


/*============================= Footer ====================================*/



#footer {
	position: relative;
	width: 769px;
	line-height: 30px;
	background: #614D3A;
	text-align: right;
	padding-right: 30px;
	color: white;
	
}

#footer a {
	position: relative;
	z-index: 99;
	color: white;
}

#footer a:hover {
	text-decoration: none;
}

.swf li {
	margin-bottom: 6px;
	font-size: 12px;
	list-style-type: none;
	margin-left: -40px;
}

#disclaimer a {
	color: #585858;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 14px 8px 8px 9px;
	background-color: #ddedf8;
	width: 162px;
	height: 22px;
	border: solid #ccc 1px;
}

#disclaimer a .selected, #disclaimer a:hover {
	background-color: #eef3f5;
	height: 22px;
}


/*============================= Navigation ====================================*/

#nav_horiz {
	position: absolute;
	top: 50px;
	right: 190px;
	color: #fff;
	font-size: 10px;
}

#nav_horiz ul {
	padding: 0;
	margin: 0;
}


#nav_horiz li {
	float: right;
	list-style: none;
	white-space: nowrap;
	line-height: 30px;
}

#nav_horiz li a {
	background: inherit;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 0 10px;

}

* html #nav_horiz a {width:1%;}

#nav_horiz .selected
{
	background: #005A93;
	color: #fff;
	text-decoration: none;
}

#nav_horiz a:hover, #nav_horiz .selected:hover {
	background: #005A93;
	color: #fff;
	text-decoration: none;
	-moz-opacity:.8;
	filter:alpha(opacity=80);	
	
}


/*============================= 3 Column Layout ====================================*/


#main {
	padding: 0 186px 0 200px;
	border-right: 1px solid silver;
}



#content {
	float: left;
	width: 100%;
	border-left: 1px solid silver;	
	padding-left: 200px;
	padding-right: 186px;
	margin-left: -200px;
	margin-right: -186px;
	display: inline; /* So IE plays nice */
}


#leftcol {
	position: relative;
	float: left;
	width: 200px;
	margin-left: -200px;
	color: white;
	min-height: 360px;
}

#centercol {
	float: left;
	width: 100%;
	margin-right: -100%;
	border-right: 1px dotted silver;
	min-height: 360px;
}

#rightcol {
	position: relative;
	float: right;
	width: 186px;
	margin-right: -186px;
	color: white;
	min-height: 360px;
}

#leftpad {
	padding: 60px 0 40px 0;
}

#centerpad {
	padding: 60px 20px 40px 20px;
}

#rightpad {
	padding: 50px 5px 40px 5px;
}

.stupidie {
	position: relative; 
	width: 100%; 
	height: 1px; 
	border: 1px solid white;
}


/*============================= Maps ====================================*/

#mapnav {
	width: 100%;
}

#mapnav td {
	vertical-align: top;
}

#mapnav ul {
	margin: 0;
	padding: 0;
}

#mapnav li {
	margin: 0;
	padding: 0;
	list-style: none;
}


#mapnav li a {
	display: block;
	color: #666666;
	background: #e5eae5;
	text-decoration: none;
	padding: 5px;
	margin: 0 2px 2px 0;	
}

#mapnav li a:hover {
	background: #d9e1d9;
}

/*============================= Map BG intro ====================================*/

#mapnav2 {
	width: 100%;
}

#mapnav2 td {
	vertical-align: top;
}

#mapnav2 ul {
	margin: 0;
	padding: 0;
}

#mapnav2 li {
	margin: 0;
	padding: 0;
	list-style: none;
}


#mapnav2 li a {
	display: block;
	color: #666666;
	background: #cce4f3;
	text-decoration: none;
	padding: 5px;
	margin: 0 2px 2px 0;	
}


#mapnav2 li a:hover {
	background: #e5f1f9;
}
