/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body {
	margin:0;
	padding:0;
	background-color: #c4e3f6;
	background-image: url(../images/pagebackground.gif);
	background-repeat: repeat-x;
	background-position: right top;
}

a {
   outline: 0;
}

p { margin:0; font-size:16px; line-height:1.4em;  font-family:Georgia, "Times New Roman", Times, serif; color:#535353; padding-bottom:10px}
p a:link, p a:visited {
	color:#3275A2;
	text-decoration: underline;
}
p a:hover, p a:active {
	color:#5B932F;
	text-decoration: underline
}

p .prelist {padding-bottom:0px}

h1 {
	color:#045082;
	font: normal 2em/1em Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	background: url(../images/h2line.gif) no-repeat left bottom;
	margin-bottom: 14px;
	padding-bottom: 8px;
	margin-left: -5px;
	padding-left: 5px;
	}

h2 {
	color:#045082;
	font: normal 22px/1em Arial, Helvetica, sans-serif;
	
}

h3 {
	color:#5B932F;
	font: normal 22px/1em Arial, Helvetica, sans-serif;
	margin: 0px 0px 2px;
	padding: 0px 0px 2px;
}

img { border:none}

.homelist li {
	position: relative;
	left: -25px;
	top: -15px;
	font-size:16px;
	line-height:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#535353;
	list-style: none;
	padding-left: 15px;
	background: url(../images/grnbullet.gif) no-repeat 0 0.6em;
	}

#directions li {font-family:Georgia, "Times New Roman", Times, serif; color:#535353; padding-bottom:4px; }

/*
---------------------------------------------
02. MAIN CONTAINER
---------------------------------------------
*/

#container { width:100%; margin: 0 auto;}

/*
---------------------------------------------
02. WRAPPER
---------------------------------------------
*/

#wrapper { width:825px; margin:0 auto; } 

/*
---------------------------------------------
05. TOP NAV
---------------------------------------------
*/

#nav {
	width:825px;
	height:29px;
	padding: 1px 0px 3px 0px;
}

.navlinks {
	height:29px;
	width: 900px;
	margin: 0;
	list-style: none;
	float:left;
	position: relative;
	left: -50px;
	z-index: 10;
}

.navlinks li {
	float: left;
	margin: 0;
	padding:0;
	list-style: none;
}
.navlinks a:link, .navlinks a:visited {
	float: left;
	padding: 5px 11px 6px 11px;
	text-decoration: none;
	color:#fff;
	font: normal 16px/1em Georgia, "Times New Roman", Times, serif;
}
.navlinks a:hover, .navlinks a:active {
	color:#F0E400;
	background-color:#3477A4;
}


/*
---------------------------------------------
06 main content - expandable box
---------------------------------------------
*/

#maincontent { width:841px; float:left; padding-top:10px; position: relative; font-family:Georgia, "Times New Roman", Times, serif; color:#535353;}

/*
---------------------------------------------
06.1 right panel - expandable box
---------------------------------------------
*/

#content { width:825px; float:left;}
#content .box_top {
	width:825px;
	height:23px;
	background:#FFF url(../images/bg-contenttop.gif) no-repeat
}
#content .box_middle {
	width:825px;
	float:left;
	background:#FFF url(../images/bg-contentmiddle.gif) repeat-y;}

.box_middle .contenttext {padding: 10px 80px 20px 80px;
}

#content .box_bottom {
	width:825px;
	float:left;
	height:40px;
	background:url(../images/bg-contentbottom.gif) no-repeat;
}

/*
---------------------------------------------
07 misc elements
---------------------------------------------
*/

.campdetails {
	font: bold 18px/20px Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	padding-bottom: 2px;
}

#photo-home {
	background: url(../images/photo-home.jpg);
	float: right;
	height: 339px;
	width: 341px;
	margin: 20px 40px 20px 0px;
	}
	
#photo-camp {
	background: url(../images/photo-camp.jpg);
	float: right;
	height: 339px;
	width: 341px;
	margin: 20px 40px 20px 0px;
	}
	
#photo-program {
	background: url(../images/photo-program.jpg);
	float: right;
	height: 339px;
	width: 341px;
	margin: 20px 40px 20px 0px;
	}
	
#photo-2009 {
	background: url(../images/photo-2009.jpg);
	float: right;
	height: 339px;
	width: 341px;
	margin: 20px 40px 20px 0px;
	}
	
#photo-apply {
	background: url(../images/photo-apply.jpg);
	float: right;
	height: 339px;
	width: 341px;
	margin: 20px 40px 20px 0px;
	}
	
#photo-location {
	background: url(../images/photo-location.jpg);
	float: right;
	height: 339px;
	width: 341px;
	margin: 20px 40px 20px 0px;
	}
	
#photo-contact {
	background: url(../images/photo-contact.jpg);
	float: right;
	height: 339px;
	width: 341px;
	margin: 20px 40px 20px 0px;
	}

#banner {
	background: url(../images/cl11banner.gif);
	height: 87px;
	width: 404px;
	position: relative;
	left: 35px;
	top: 10px
}
.formlabel {
	color: #045082;
	font-size: 16px;
}
	
/*
---------------------------------------------
08 footer
---------------------------------------------
*/

#footer { text-align: center; width:825px;}
#footer p {
	font: 12px Arial, Helvetica, sans-serif; color: #045082;
}
#footer a:link, #footer a:visited {
	color: #5B932F;
	text-decoration: none;
}
#footer a:active, #footer a:hover {
		color: #4F95C3;
	text-decoration: underline;}


.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #1278b8) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #1278b8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#1278b8');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #4187b3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #0e73ad;
}.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1278b8), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #1278b8 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1278b8', endColorstr='#79bbff');
	background-color:#1278b8;
}.myButton:active {
	position:relative;
	top:1px;
}