
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	background: #2b1b09 url('../images/base/body-bg.jpg') repeat-x center top;
	font: 75%/1.8em Verdana, Tahoma, Arial, Geneva, sans-serif;
	color: #666666; 
	text-align: center;
	margin: 0 0 50px 0;
	padding:0;
}



/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	background: #ffedd7 url('../images/base/wrap-bg.gif') repeat-y center;
	width: 900px;	
	margin: 0 auto 0 auto;
	text-align: left;
	padding:0;
}

#header {
	position: relative;
	background: #fff url('../images/base/header.jpg') no-repeat center top;
	width: 940px;	
	height: 233px;	
	padding: 0;	
	margin: 0px auto;
}

#header .pics 
{
	position:absolute;
	top:0px;
	right:75px;
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	width:363px;
	height:188px;
	}

#header .pics img 
{
	border:none;
	padding:0;
	}

.content-wrap {
	margin:0 10px 50px 40px; 		
}

/* footer */
#footer 
{
	clear:both;
	background:#b87323;
	padding:10px;	
	text-align:center;
	color:#ffedd7;
}

#footer a, #footer a:visited
{
	color:#fcd049;
	border-bottom-color:#fcd049;
}

#footer a:hover
{
	color:#2b1b09;
	border-bottom-color:#2b1b09;
}

/***********************************/
/******  NAVIGATION ****************/

#nav ul
{
	background: url('../images/base/navbar.gif') no-repeat;
	width: 900px;	
	height: 70px;
	margin:0;
	padding:0;
	}
	
#nav ul span 
{
	display:none;
	}
	
#nav ul li, #nav ul a 
{
	height:70px;
	display:block;	
	padding:0;
	margin:0;
	border:none;
	}

#nav ul a 
{
	height:70px;
	background-repeat:no-repeat;
	}
	
#nav ul li 
{
	float:left;
	list-style:none;
	background-image:none;
	display:inline;
	}

#nav li .current:hover 
{
	cursor:default;
	}

#nav-home {	width:151px;}
#nav-camps {width:331px;}	
#nav-about {width:195px;}
#nav-contact {width:222px;}

#nav-home a:hover
{
	background:url(../images/base/navbar.gif) 0px -140px;
	}
	
#nav-camps a:hover
{
	background:url(../images/base/navbar.gif) -152px -140px;
	}
#nav-about a:hover
{
	background:url(../images/base/navbar.gif) -482px -140px;
	}
#nav-contact a:hover
{
	background:url(../images/base/navbar.gif) -675px -140px;
	}

#nav-home .current, #nav-home .current:hover
{
	background:url(../images/base/navbar.gif) 0px -70px;
	}
	
#nav-camps .current, #nav-camps .current:hover
{
	background:url(../images/base/navbar.gif) -152px -70px;
	}

#nav-about .current, #nav-about .current:hover
{
	background:url(../images/base/navbar.gif) -482px -70px;
	}

#nav-contact .current, #nav-contact .current:hover
{
	background:url(../images/base/navbar.gif) -675px -70px;
	}


.button.register, .button.register:visited, .button.register:link
{
	display:block;
	text-indent:-9999px;
	border-bottom:solid 0px white;
	text-decoration:none;
	padding:0;
	margin:0;
	float:left;
	}

.button.register 
{
	width:238px;
	height:25px;
	margin-top:3px;
	background:url(../images/gui/button-register-sprite.gif) no-repeat 0px 0px;
	}
.button.register:hover 
{
	background-position: 0px -25px;
	}


/* links */
a, a:visited {	
	color: #478bcf; 
	text-decoration: none;	
	border-bottom: dotted 1px #478bcf;
	background: inherit;
}
a:hover {
	color: #895F30;
	background: inherit;
	border-bottom: dotted 1px #895F30;
}

a.noborder 
{
	border-bottom:none;
	}

/* headers */
h1, h2, h3 {
	font-family: 'Tahoma', 'Trebuchet MS', Tahoma, Sans-serif;
	color: #444;
}

h1, h2, h3, p {
	padding: 0 0px;		
	margin: 0;
}

h1 {
	font-size: 2.5em;
	color:#2b1b09;
	font-weight: bold;
	line-height:1em;
		
	}
	
h2 
{
	margin-top:0px;
	font-size: 170%;
	color: #117a25;
}
h3 {
	font-size: 140%;	
	font-weight: bold;	
	color:#5a431e;
}

h2 a 
{
	cursor:pointer;
	color: #0f6938;
	border-bottom-color: #0f6938;
	}

ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}
ul 
{
	list-style: none;
	}

ul li 
{
	background: url('../images/bullet-circlearrow-green.gif') no-repeat 0px 6px;
	padding-left:16px;
	
	}



/* images */
img {
	background: #fafafa;
   border: 1px solid #ccbea6;
	padding: 5px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

img.noborder 
{
	border:none;
	padding:none;
	background:transparent;
	}

.slideshow img
{
	border:none;
	padding:0px;
	}




/* form elements */
form.form {
	margin:10px; padding: 0 5px;
	border: 1px solid #f1f1f1; 
	background-color: #f5f5f5; 	
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	font-weight: normal;
	font-size:1.2em;
	display:block;
	margin-top:10px;
	padding: 10px 20px; 
	color: white;
	background: #8EB50C;
	border: 1px solid #88AD0C;
	}

input.button:hover, input.button:focus
{
	background: #c39e2f;
	border-color: #655218;
	cursor:pointer;
}

input.text 
{
	width:250px;
	font-size:1.4em;
	padding:5px;
}



.camp 
{
	margin-top:40px;
	background: url(../images/base/camp-bg.jpg) repeat-y left top;
	padding: 15px 0;
	}

.camp .content 
{
	padding-right:30px;
	margin-left:340px;
	}
	
.camp .description, .camp .cost, .camp .church
{
	color:#4c3010;
	}

.camp .speaker, .camp .church 
{
	margin:0;
	padding:0;
	line-height:1.2em;
	margin-left:20px;
	}

.camp .speaker 
{
	font-weight:bold;
	color:#2b1b09;
	}
.camp .church 
{
	font-size:.9em;
	}
	
.camp .date-details 
{
	color:#117a25;
	font-size:.9em;
	}
.camp h2.date 
{
	margin-top:5px;
	}



.camp .cost 
{
	font-size:1.2em;
	font-weight:bold;
	}
	
.camp .preregistration 
{
	font-size:.7em;
	font-weight:normal;
	}

.camp.first 
{
	margin-top:0px;
	}

.camp .picture 
{
	float:left;
	
}

.camp .picture img 
{
	border:solid 2px #2b1b09;
	border-left:none;
	padding:0px;
	margin-bottom:10px;
	}


#bottom-border 
{
	clear:both;
	background: url('../images/footer-bg.gif') repeat-x;
	height:7px;
	width:100%;
	margin-top:20px;
	}

#home-wrap {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	position: relative;
	background: #fff url('../images/campPhoto.jpg') no-repeat;
		clear: both;
		float: left;	
		width: 900px;	
		padding-bottom: 30px; 			
		margin-left: 0px;	
		display: inline;
		padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

#home-wrap #home 
{
	margin: 0 auto;
	margin-top: 170px;
	width: 500px;
	height: 400px;

	padding:10px;
	}




#home-header 
{
	background: #fff url('../images/header-bg.gif') no-repeat;
	height: 290px;
	
	}

#header h1#logo-text, #home-header h1#logo-text
{
	background-image:none;
	}

#header h1#logo-text a, #home-header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 42px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1.5px;
	color: #111;
	text-transform: none;
	text-decoration: none;
	
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 22px; left: -9999px;	
}
#header p#slogan, #home-header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	color: #5b4a29;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 67px; left: 25px;		
}

/* header links */
#header #header-links, #home-header #header-links {
	position: absolute;
	top: 25px; right: 10px;	
	color: #5b4a29;
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	
}
#header #header-links a, #home-header #header-links a {	
	color: #5b4a29;
	text-decoration: none;	
	padding: 0 2px;
	font-weight: bold;
}
#header #header-links a:hover, #home-header #header-links a:hover {
	color: #111;		
}

/* header-photo */
#header-photo {
	clear: both;
	background: #fff;
	margin: 5px auto;
	padding: 0;		
	height:206px; 
	width: 870px;
}
#header-photo img {
	border: none;
	margin: 0; padding: 0;
} 



/* Main Column */
#main {
	float: left;
	width: 550px;
	padding: 15px 0 0 0; margin: 0 0 0 10px;
	display: inline;	
}
#main h2 {
	margin-top: 10px;
	padding-bottom: 3px;
	font: normal 2.3em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #895F30; 
	letter-spacing: -1px;	
	text-transform: none;
}

#main ul li {
	list-style-image: url('../images/bullet.gif');
}



/* Sidebar */	
#sidebar {
	float: right;
	width: 280px;
	padding: 25px 0 0 0; margin: 0;		
	display: none;
}	
#sidebar h3 {
	margin-top: 10px;
	padding: 5px 5px; 
	font: normal 1.6em 'Trebuchet MS', Tahoma, Sans-serif;	
	color: #899B0D; 			
}
#sidebar ul.sidemenu {
	text-align: left;
	margin: 7px 10px 8px 0px; padding: 0;
	text-decoration: none;		
	border-top: 1px solid #EBEBEB;
}
#sidebar ul.sidemenu li {
	list-style: none;
	border-bottom: 1px solid #EBEBEB;
	padding: 5px 0 5px 5px;
	margin: 0 2px;		
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	text-decoration: none;	
	background-image: none;	
	color: #895F30; 		
}
#sidebar ul.sidemenu li a:hover {	
	color: #1773BC;	
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }




/* postmeta */
.postmeta {	
	padding: 5px; margin: 20px 10px 15px 10px;	
	font-size: 95%;	
	color: #99997D;
	border: 1px solid #EAE7DB;
	background: #FAFAE7;
}
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}

.post-info { font-size: .95em;	padding-top: 0; margin-left: 5px;	}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


.hidden {display:none;}

.smaller-text 
{
	font-weight:normal;
	font-size:80%;
	}


ul.check-green li
{
	background: url('../images/check-green.png') no-repeat 0px 3px;
}
	
ul.crossbox-red li
{
	background: url('../images/crossbox-red.png') no-repeat 0px 2px;
}




#theform {
	background-color: #2b1b09;
	width: 500;
	padding:20px;
	margin-bottom:30px;
	color:#dca604;
	}
#theform fieldset {
	border: 0;
	margin: 0;
	padding: 1em;
		
	}
#theform fieldset legend, #theform h2 {
	font-size: 4em;
	line-height:1em;
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#dca604;
	}
#theform h2 
{
	font-size: 2.5em;
}
	
#theform fieldset legend span {
	display: none;
	}
#theform h3 {
	height: 4em;
	font-weight:normal;
	font-size: 1.3em;
	color:#dca604;
	}
#theform fieldset div.help {
	color: #FFFF99;
	font-size: 0.7em;
	font-weight: bold;
	height: 5em;
	}
#theform fieldset label {
	font-size: .9em;
	display: block;
	line-height: 1em;
	}
	
#theform fieldset label span 
{
	font-style:italic;
	font-weight:normal;
	}

#theform fieldset input {
	font-size: .9em;
	height: 1.6em;
	width:100%;
	}
	
 #theform fieldset select 
 {
 	font-size:1em;
 	height:2em;
 }
	
#theform .element 
{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	width:14em;
}
	
/* Error Styling */
#theform fieldset.error,
#theform fieldset.error legend,
#theform fieldset.error div.help {
	color: #FFCC33;
	}
#theform fieldset strong.error {
	color: #fff;
	background-color: #CC0000;
	padding: 0.2em;
	font-size: 0.7em;
	font-weight: bold;
	display: block;
	}

#theform .submitButton {
	height: 4em;
	font-size: 1.2em;
	width: 18em;
	color: #666666; 
	background: #f3f3f3;
	font-weight: bold;
	border-bottom: 	1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;	
	margin-top:10px;
	}
 
 #theform .submitButton:hover 
 {
 	color:#dca604;
 	background:#6e4517;
 	cursor:pointer;
 }


.picasa table 
{
	float:left;
}