/* Winkler Bible Camp Web CSS Document by William Knelsen of Pixels - www.pixelsonline.ca */

/* UNIVERSAL STYLES */

* {margin:0; padding:0;} /* clears all margins and padding, do not modify */

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:62.5%;
	background:url(../../images/bodybgd.jpg);
}

#header img {
	border:none;
}

/* FONT STYLES */

p {
	font-size:1.4em;
	line-height:1.5;
	font-family:"Helvetica Neue", Helvetica, Verdana, Arial, Helvetica, sans-serif;
	color:#463017;
	margin-bottom:15px;
}

span.red {
	color:green;
	font-weight:bold;
	text-style:italic;
	text-decoration:underline;
}

span.new {
	color: #B12D27;
	font-size:85%;
} 

#contentleft h2 {
	color:#B51C16;
	font-size:1.8em;
	margin-bottom:.5em;
}

h3 {
	font-size:1.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#453118;
}

h4 {
	font-size:1.4em;
}

h3.upcomingevents {
	background:url(../../images/upcomingeventsbgd.jpg) no-repeat top left;
	width:293px;
	height:38px;
	line-height:38px;
	font-size:2.2em;
}

a {
	color:#463017;
}

a:hover {
	text-decoration:none;
}

/* LAYOUT STYLES */

#wrap {
	width:815x;
	width:960px;
	background:url(../../images/contentbgd.jpg) repeat-y;
}

/* HEADER STYLES */

#header {
	height:147px;
	background:url(../../images/headerbgd.jpg) no-repeat top left;
}

#header img {
	float:left;
}

/* NAVIGATION STYLES */

#navigation {
	text-align:right;
	padding-top:50px;
	padding-right:20px;
	padding-right:165px;
}

ul.mainnav {
	font-size:1.6em;
}

ul.subnav {
	font-size:1.6em;
}

ul.mainnav, ul.subnav {
	list-style:none;
}

ul.mainnav li, ul.subnav li {
	display:inline;
	line-height:37px;
}

ul.mainnav li a, ul.subnav li a {
	color:#322C1F;
	text-decoration:none;
	padding:0 10px;
	text-transform:lowercase;
	font-weight:bold;
	color:#574733;
}

#navigation p {
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:20px;
	padding-right:15px;
	color:#483F2D;	
}

#navigation a {
	text-decoration:none;
	color:#483F2D;
}

#navigation a:hover {
	text-decoration:underline;
	color:#000;
}

/* CONTENT STYLES */


#content {
	background: url(../../images/banner.jpg) no-repeat;
}

body#homePage #content {
	background:url(../../images/banners/home.jpg) no-repeat;
}

body#mainsitePage #content {
	background:url(../../images/banners/mainsite.jpg) no-repeat;
}

body#missionpointPage #content {
	background:url(../../images/banners/missionpoint.jpg) no-repeat;
}

body#outdooredPage #content {
	background:url(../../images/banners/outdoored.jpg) no-repeat;
}

body#oeactivitiesPage #content {
	background:url(../../images/banners/outdooredactivities.jpg) no-repeat;
}

body#oefacilitiesPage #content {
	background:url(../../images/banners/outdooredfacilities.jpg) no-repeat;
}

body#facilitiesPage #content {
	background:url(../../images/banners/rentalfacilities.jpg) no-repeat;
}

body#rentalsPage #content {
	background:url(../../images/banners/rentals.jpg) no-repeat;
}

body#activitiesPage #content {
	background:url(../../images/banners/scactivities.jpg) no-repeat;
}

body#summercampPage #content {
	background:url(../../images/banners/summercamp.jpg) no-repeat;
}

body#teepeevillagePage #content {
	background:url(../../images/banners/teepeevillage.jpg) no-repeat;
}

#contentnav {
	width:250px;
	float:right;
	padding-top:245px;
	
}

#contentnav ul {
	list-style:none;
	text-align:right;
	padding-right:40px;
}

#contentnav ul li a {
	display:block;
	height:25px;
	width:200px;
	text-decoration:none;
	font-size:1.6em;
	line-height:25px;
	padding:5px;
}

#contentnav h3 {
	text-align:right;
	padding:5px 40px 5px 5px;
}

.contentright {
	width:350px;
	float:right;
	padding-top:141px;
}

p.more {
	text-align:right;
	font-style:italic;
}

#contentleft {
	margin-right:200px;
	margin-left:60px;
	padding:250px 2em 3em 2em;
}

#contentleft .home {
	margin-right:95px;
}

.eventlisting {
	width:300px;
	padding-right:35px;
	color:#3B3327;
}

#clearall {
	clear:both;
	height:1px;
}

#camperapplicationForm {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.5;
}

#camperapplicationForm p {
	font-size:100%;
	margin-top:10px;
	margin-bottom:5px;
}

.label {
	float:left;
	border:none !important;
	margin: 0 !important;
	width:185px;
}

#camperapplicationForm div {
	padding-top:5px;
	padding-bottom:5px;
	clear:left;
}

.fText, .fTextArea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
	background-color:#e5efff;
	border:1px solid #a5acb2;
	width:400px;
}

.fTextArea {
	height:60px;
}



.prev a:hover , .next a:hover {
	background:#43301A;
	color:#F7F5DD;
}

/* FOOTER STYLES */

#footer {
	background: url(../../images/bottombgd.jpg) no-repeat top left;
	height:238px;
	text-align:right;
	color:#AD956A;
	font-size:.9em;
	margin-right:135px;
}

#footer a {
	color:#AD956A;
}

#footer p {
	padding:175px 30px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#AD956A;
}
		
ul#stepForm, ul#stepForm li{
	margin:0;
	padding:0;
}
ul#stepForm li{
	list-style:none;
}

div.requiredNotice{
	width:140px;
	float:right;
	margin:0 24px 0 0;
	padding:0;
}

#stepForm label.warning{
	text-align: left;
	width:auto;
	padding:0;
	margin:0 0 0 10px;
	float: none;
	clear: none;
	display: inline;
	color:#CC3366;
	font-size:10px; 
	border:none;
	border-top:1px dotted #CC3366;
}

div.buttonWrapper{
	margin:28px 0 14px 0;
	clear:both;
	text-align:center;
}





label { width:200px; float:left; }
label.error { float:none; color:red; padding-left:.5em; vertical-align:top; font-size:10px; }
p { clear:both; margin:5px; }
.submit { margin-left: 300px; }
em { font-weight:bold; padding-right:1em; vertical-align:top; }

.formnav {
	text-align:left;
	display:block;
}
a.prev_next {
	padding:2px 5px;
	border:1px solid #43301A;
	margin:0 10px 0 0;
	background: #F7F5DD;
	text-decoration:none;
}
label.error { display: none; }	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	ORDER PROGRESS CONTROL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.OrderProgress
{
	height: 40px;
	margin: 0 auto;
	text-align: center;
	border-bottom: solid 2px #f3f3f3;
	border-bottom: solid 2px #463017;
	margin-top:25px;
}
.OrderProgress ul
{
	padding: 0;
	margin: 0;
}
.OrderProgress ul li
{
	list-style: none;
	display: inline;
	padding: 5px 20px 0 10px;
}
.OrderProgress ul li .ActiveStep
{
	xcolor: #6a6a6a;
	xcolor:green;
	background: url('../images/progress-step-active.gif') no-repeat 50% 50%;
	padding-bottom: 40px;
	padding-right: 1px;
}
.OrderProgress ul li .InactiveStep
{
	background: url('../images/progress-step-inactive.gif') no-repeat 50% 50%;
	padding-bottom: 40px;
	padding-right: 1px;
}

#campselection {
	font-size: 12px;
	font-family: sans-serif;
}
#campselection div {
	margin-left:20px;
	margin-top:10px;
	float:clear;
}
#xcampselection span {
	float:left;
	display:block;
	width:250px;
}
#xcampselection ul {
	list-style:circle;
	display:block;
}

#login {text-align:right;position:absolute;top:10px;left:730px;}
#login a:link {color:#ffffff;text-decoration:none;}
#login a:visited {color:#ffffff;text-decoration:none;}
#login a:active {color:#ffffff;text-decoration:none;}
#login a:hover {color:#ffffff;text-decoration:underline;}