html, body { background: #F1E1D3; margin: 0; padding: 0; }
.clear { clear: both; }

body { text-align: center; }
body { font-family: arial, sans-serif; font-size: 12px; }

#container { margin: 0 auto; width: 800px; }

#header { width: 800px; height: 225px; position: relative; }
#header .hdhome img { border: none; }

#header #nav { margin: 0; padding: 0; position: absolute; top: 200px; left: 0; width: 800px; height: 25px; background: url('images/nav_back.gif'); }
#header #nav { list-style: none; }
#header #nav li { margin: 0; padding: 0; position: absolute; top: 0; height: 17px; }
#header #nav li a { display: block; text-decoration: none; height: 17px; width: 100%; }
#header #nav li a span { visibility: hidden; font-size: 8px; }
#header #nav li a:hover { background-image: url('images/nav_back_hover.gif'); }
#header #nav #item1 { left: 0px; width: 189px; }
#header #nav #item1 a:hover { background-position: 0 0; }

#header #nav #item2 { left: 191px; width: 69px; }
#header #nav #item2 a:hover { background-position: -191px 0; }

#header #nav #item3 { left: 262px; width: 86px; }
#header #nav #item3 a:hover { background-position: -262px 0; }

#header #nav #item4 { left: 350px; width: 58px; }
#header #nav #item4 a:hover { background-position: -350px 0; }

#header #nav #item5 { left: 410px; width: 52px; }
#header #nav #item5 a:hover { background-position: -410px 0; }

#header #nav #item6 { left: 464px; width: 78px; }
#header #nav #item6 a:hover { background-position: -464px 0; }

#header #nav #item7 { left: 544px; width: 68px; }
#header #nav #item7 a:hover { background-position: -544px 0; }

#header #nav #item8 { left: 614px; width: 165px; }
#header #nav #item8 a:hover { background-position: -614px 0; }

#content { margin: 15px 0 10px 0; padding: 0; width: 800px; }

#accountBar{ margin: 15px 0; }

#content #content-main, #accountBar{ margin: 0px auto; width: 728px;  text-align: left; }

#content #content-main #pageimage { float: left; margin: 0 10px 0 0; }

#content #content-main #content-cnt { width: 325px; float: left; }

#content .content-box { width: 500px; text-align: left; margin: 0px auto; }

#content .content-box h1 { text-align: center; }

#footer { background: url('images/footer-top.gif') top no-repeat; padding: 4px 0 0 0; }
#footer { font-size: 10px; color: #BAAEA3; }
#footer a { color: #BAAEA3; }
#footer a:hover { color: #91887F; }


table.grower { margin: 0; }

table.growers { text-align: left; margin: 0 0 0 200px; }

table.growers tr td { padding: 3px 15px; }

/* Pages */

a#login{ position: absolute; top: 0; right: 0; color: #666 !important; }
#content{ position: relative; }
#content a{ color: #FF0000; }
#content-main.donate ol li{ margin: 10px 0; }
#content-main address{ margin-top: 10px; font-size: 10px; margin-left: 2em; }

#content-main.rules ol li{ margin: 10px 0; }

#content-main dl{
	list-style: none;
	margin: 0;
	padding: 0;
}
#content-main dt{
	color: #FF6B7C;
	font-weight: bold;
}
#content-main dd{ margin: 0 0 15px 0; padding: 0; }

#content-main.calendar ol li{ margin: 10px 0; }

/* User Account Pages */

p#message{ color: #000; font-weight: bold; margin: 0 0 18px 0; padding: 1em 1em 1em 2em; border: 2px solid #00AB53; background: #FFF; }
	p#message a{ color: #00AB53; }
ul#errors{ margin: 0; padding: 1em 1em 1em 2em; border: 2px solid #D90000; background: #E39EA0; }

form.accountForm fieldset{ margin: 0 0 15px 0; padding: 10px 15px 15px 15px; border: 1px solid #999; background: #F8F0E9; }
form.accountForm legend{
	border: 1px solid #999;
	background: #FFF;
	padding: 5px 10px;
	font-weight: bold;
}
form.accountForm label{ display: block; margin: 5px 0; }
form.accountForm textarea{ width: 400px; height: 100px; }
form.accountForm input.text{ width: 250px; }
span.req{ color: red; }

#accountBar{ text-align: right; }

/* Growers List */

ul#growers{
	clear:both;
	display: block;
	list-style: none;
	margin: 0 0 36px 0;
	padding: 0; 
	zoom: 1;
}
ul#growers:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
ul#growers li{
	float: left;
	width: 50%; 
	height: 50px;
	margin: 18px 0 0 0;
	line-height: 50px;
}
	ul#growers li h3{ margin: 0; padding: 0; }
	ul#growers li img{ vertical-align: middle; margin: 0 9px 0 0; }

/* Growsers - Profile */

#profile-picture{
	float: left;
	width: 138px;
}

dl#profile{
	float: right;
	width: 590px;
}
dl#profile dt{ clear: left; width: 35%; padding-right: 5%; float: left; text-align: left; margin-bottom: 2em; }
dl#profile dd{ width: 60%; float: left; margin-bottom: 1em; color: #444;  }

ul#profile-pictures{
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul#profile-pictures li{
		float: left;
		margin: 0 18px 18px 0;
	}
	
/* Growsers - Pictures */

table#pictures{ border-collapse: collapse; }
table#pictures td{
	border-bottom: 1px solid #999;
	padding: 18px 0;
}
table#pictures .thumbnail{
	width: 138px;
	vertical-align: top;
}
table#pictures .content p{ margin: 0 0 9px 0; }
#upload-picture label{
	display: block;
}
table#pictures .content input, .accountForm input.text, .accountForm textarea, table#pictures .content textarea{
	border: 1px #999 solid;
	margin: 0;
	padding: 4px;
	-webkit-appearance: none;
	
	color: #444;
	font-size: 13px;
}
table#pictures .content textarea, table#pictures .content input{ width: 80%; }
table#pictures .content input{ margin: 0 0 9px 0; }
table#pictures .options{ font-weight: bold; }

/* Front Page Buttons */
#buttons { display: block; position: relative; margin-bottom: 20px; top: 20px; left: 30px; clear: both; width: 586px; height: 88px; background: url('images/buttons.gif'); }
#buttons a { display: block; position: absolute; top: 0; height: 88px; text-decoration: none; }
#buttons a:hover { background: url('images/buttons_hover.gif'); }
#buttons a span { visibility: hidden; }

#sponsors_but { left: 0px; width: 116px; }
#sponsors_but:hover { background-position: 0 0; }

#beer_but { left: 125px; width: 167px; }
#buttons #beer_but:hover { background-position: -125px 0px; }

#ice_but { left: 297px; width: 167px; }
#buttons #ice_but:hover { background-position: -297px 0px; }

#donate_but { left: 472px; width: 115px; }
#buttons #donate_but { background-position: -472px 0px; }