/*

Belle Plaine
September 2008

*/

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 70%;
	line-height: 150%;
	background: #26211b;
	}

#main-back {
background: url(bkg.jpg) top center repeat-y;
margin:20px auto;
width: 1087px;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 160%;
	color: #c48a00;
	margin: 10px 0px;
	}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
	color: #c48a00;
	margin-bottom: 15px;
	}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-weight: bold;
	color: #2A261A;
	margin-bottom: 15px;
	}
	
p {
	margin-bottom: 15px;
	font-size: 110%;
	}

a {
	color: #164741;
	}

ul.main {list-style-type:disc; margin-left: 20px;margin-bottom: 10px;}
ol.main {margin-left: 20px; padding-left: 20px; margin-bottom: 10px;}


img.boxes {float:right; width: 65px; height: 67px; padding: 5px;}
	
#container {
	width: 780px;
	padding: 10px 10px 0;
	margin: 20px auto 0;
	background: #fff;
	}

ul#header-nav {	position: absolute; top: 5px; right: 0; }

ul#header-nav li { display: inline; float: left; }

ul#header-nav li a { display: block; margin-left: 20px; color: #000; font-size: 110%; text-indent: 21px; }

ul#header-nav li a.login { background: url(/assets/belleplaine/icon-key.gif) top left no-repeat; }
ul#header-nav li a.logout { margin-left: -15px; }
ul#header-nav li a.contact { background: url(/assets/belleplaine/icon-contact.gif) left 1px no-repeat; }					


ul#nav {
	position: absolute;
	top: 105px;
	right: -30px;
	padding: 5px;
	background: transparent url(nav-back.png) no-repeat;
	}

ul#nav li {
	display: inline;
	}

ul#nav li a {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #fff;
	font-size: 140%;
	background: transparent url(nav-back.gif) repeat-x;
	height: 39px;
	line-height: 39px;
	padding: 0 5px;
	float: left;
	}

ul#nav li a:hover {
	background: transparent url(nav-back-hover.gif) repeat-x;
	}

ul#nav dl { position: absolute; display: none; white-space: nowrap; background: transparent url(nav-back-hover.gif) repeat-x; width: 413px; height: 30px; }

ul#nav li:hover dl { display: block; top: 43px;}

ul#nav dd a { height: 30px; line-height: 30px; display: block; font-weight: normal; font-size: 105%; color: #000; background: transparent url(nav-back-hover.gif) repeat-x; text-transform: capitalize; text-decoration: none; padding: 0px; margin-right: 18px; margin-left: 5px; }

ul#nav dd a:hover { display: inline; float: left; text-decoration: underline; color: #000; background:transparent url(nav-back-hover.gif) repeat-x;}

ul#nav dd ul{ position: absolute; display: none; white-space: nowrap; background: transparent url(nav-back-hover.gif) repeat-x; width: 413px; height: 30px; }

ul#nav dd:hover ul { display: block; top: 30px;}

ul#nav dd ul li a { height: 30px; line-height: 30px; display: block; font-weight: normal; font-size: 105%; color: #000; background: transparent url(nav-back-hover.gif) repeat-x; text-transform: capitalize; text-decoration: none; padding: 0px; margin-right: 18px; margin-left: 5px; }

ul#nav dd ul li a:hover { display: inline; float: left; text-decoration: underline; color: #000; background:transparent url(nav-back-hover.gif) repeat-x;}


ul#mininav {
	position: absolute;
	top: 75px;
	right: 0;
	}
	
ul#mininav li {
	display: inline;
	float: left;
	margin-left: 10px;
	}

ul#mininav li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 120%;
	color: #000;
	}
	
ul#mininav li a:hover {
	text-decoration: underline;
	}

#header {
	position: relative;
	height: 129px;
	}
	
#header h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 211px;
	height: 119px;
	overflow: hidden;
	}
	
#header h1 a {
	display: block;
	width: 193px;
	height: 119px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(logo.gif) no-repeat;
	}

#header h1.christmas a {
	display: block;
	width: 211px;
	height: 119px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(christmas-logo-sm.gif) no-repeat;
	}
	
#hero {
	height: 175px;
	margin-bottom: 10px;
	background: url(hero.jpg) no-repeat;
	}

#christmas-hero {
	height: 175px;
	margin-bottom: 10px;
	background: url(/assets/belleplaine/garland-hd.jpg) no-repeat;
	}

#main {
	float: left;
	width: 530px;
	margin: 0 10px 0 0;
	}

#login-form { width:380px; padding: 5px; float: left;}
#register-form { width:380px; padding: 5px; float: left;}

#sidebar {
	float: left;
	width: 240px;
	}
	
#sidebar h2 {
	color: #000;
	}

#signup, #login {
	width: 220px;
	padding: 10px;
	background: #d2c8a4;
	margin-bottom: 10px;
	}

#create {
	width: 260px;
	padding: 10px;
	border: 1px solid #d2c8a4;
	background: #d2c8a4;
	margin-bottom: 10px;
	}

#login {
	width: 220px;
	padding: 10px;
/*	border: 1px solid #d2c8a4; */
	margin-bottom: 10px;
	}

#startsignup {
	width: 500px;
	height: 80px;
	padding: 10px;
	background: #d2c8a4;
	margin: 10px 0px;
}

#startsignup p {
	width: 240px;
	padding-right: 10px;
	text-align: left;
	float: left;
}

#startsignup h2 { margin-top: 0px;}

p.startsignup {
	width: 240px;
	height: 50px;
	margin: 0px;
	background: url(/assets/belleplaine/newSite/b-account.gif) no-repeat;

	}

p.startsignup a {
	display: block;
	width: 240px;
	height: 50px;
	text-indent: -5000px;
	}

#footer {
	background: #26211b;
	}

#footer p {
	padding: 15px 0;
	text-align: center;
	color: #fff;
	font-size: 90%;
	}

p.b-signup {
	width: 220px;
	height: 39px;
	margin: 0;
	background: url(b-account.gif) no-repeat;
	}

p.b-signup a {
	display: block;
	width: 220px;
	height: 39px;
	text-indent: -5000px;
	}
p.b-resources {
	width: 230px;
	height: 39px;
	margin: 0;
	background: url(/assets/belleplaine/resources.gif) no-repeat;
	}	

p.b-resources a {
	display: block;
	width: 230px;
	height: 39px;
	text-indent: -5000px;
	}

p.b-marketing-materials {
	width: 230px;
	height: 39px;
	margin: 0;
	padding-bottom: 5px;
	background: url(/assets/belleplaine/b-marketing-materials.gif) no-repeat;
}	

p.b-marketing-materials a {
	display: block;
	width: 230px;
	height: 39px;
	text-indent: -5000px;
}

p.b-create-fundraiser {
	width: 230px;
	height: 39px;
	margin: 0;
	padding-bottom: 5px;
	background: url(/assets/belleplaine/b-create-fundraiser.gif) no-repeat;
}	

p.b-create-fundraiser a {
	display: block;
	width: 230px;
	height: 39px;
	text-indent: -5000px;
}

p.b-product-catalog {
	width: 230px;
	height: 39px;
	margin: 0;
	padding-bottom: 5px;
	background: url(/assets/belleplaine/b-product-catalog.gif) no-repeat;
}	

p.b-product-catalog a {
	display: block;
	width: 230px;
	height: 39px;
	text-indent: -5000px;
}

input#pagecode {
	width: 110px;
	padding: 4px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 180%;
	line-height: 39px;
	}

#btnSubmit {
	border: none;
	text-indent: -5000px;
	background: url(b-login.gif) no-repeat;
	display: block;
	width: 86px;
	height: 39px;
	margin: 10px 0px 0px 10px;
	float: left;
	}

#LoginPanel #frmLogin input { width: 215px; display: block; margin-bottom: 0.5em; }
#LoginPanel #frmLogin input#btnSubmit { font-size: 0px; text-decoration: none; text-indent: -9999px; width: 90px; display: block; margin-bottom: 0.5em; float: right; }


p.nopad label { display: none; }	
	
.nopad { margin: 0; padding: 0; }	

/* Registration Form */
.formErrors { padding: 2em; font-weight: bold; color: #FF0000; }
form#registration { margin-bottom: 2em; }
form#registration label { width: 150px; float: left; }
form#registration .checkbox label { width: 250px; }
form#registration .formItem { margin-bottom: 1em; }
form#registration .submit { margin: 0px; padding: 0px; }
form#registration .error { padding: 0px; }


form#comments .formItem label {
margin-left: 20px;
}

form#comments .radiogroup {
margin-top: 15px;
}

form#comments .textarea {
margin-top: 15px;
}


form#comments .contact label {
float:left;
margin-right:1em;
text-align:right;
width:120px;
}

form#comments .contact {margin-bottom: 8px;}

/* Photos page */
#photos .photo { margin-left: 15px; width: 250px; float: left; }

#photos .photo img { width: 250px; display: block; }
#photos .photo span { margin : 15px 0px; text-align: center; display: block; width: 250px;  }