* { margin: 0; padding: 0; }

body { color:#465260; font-size:0.75em; line-height:1.5em; font-family: Helvetica, Verdana, sans-serif; text-align:center; 
		background-image: url(images/bg.gif); background-color:#1f2429; background-repeat:repeat-x; }

a { color:#599EEC; text-decoration:none; font-weight:bold; }
a:hover { color:#1F2429; text-decoration:underline; }

h1 { font-size:24px; padding:10px 0 0; }
h2 { font-size:18px; color:#1F2429; margin:0px; padding:0px 0px 12px 0px; text-decoration:none; }
h3 { font-size:16px; color:#1F2429; margin:0px; padding:0px 0px 8px 0px; text-decoration:none; }
h4 { font-size:18px; color:#465260; margin:0px; padding:10px 0px 5px 0px; text-decoration:none; }
h5 { font-size:16px; color:#465260; margin:0px; padding:0px 0px 3px 0px; text-decoration:none; }

p { padding-bottom:12px; }
img.border { border: solid 3px #1f2429; margin: 0px 0px 6px 10px; float:right; }

.photodiv { width:800px; text-align:center; background-repeat: no-repeat; padding-bottom:20px; background-color:#d8dfe6; }

.clear { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.rel { position:relative; }

.page { width:760px; background-color:#d8dfe6; padding:0px 20px; overflow:hidden; }
.footer { width: 770px; background: #ffffff; border-top:solid 2px #599EEC; padding:15px; text-align:center; }

.contentPane { width:540; float:left; }
.sideBar { width:180px; float:right; }

.section { width: 530px; background: #ffffff; padding:15px; margin-bottom:20px; text-align:left; overflow:hidden; }
.section_wide { width: 730px; background: #ffffff; padding:15px; margin-bottom:20px; text-align:left; overflow:hidden; }
.section_contact { width: 530px; background: #ffffff; padding:15px; text-align:left; overflow:hidden; }
.section_small { width:160px; background: #ffffff; padding:10px; margin-bottom:20px; text-align:left; overflow:hidden; }
.section_media { width: 700px; background: #ffffff; padding:15px; text-align:center; overflow:hidden; }

.callout { font-size:1.0em; font-weight:bold; color:#599EEC; margin:0px; padding:0px; text-decoration:none; }
.star { background-image: url(images/star_full.png); background-repeat:no-repeat; padding: 2px 0 2px 22px; }

.nav { width:800px; line-height:43px; background-image:url(images/nav_background.png); height:60px; }
.nav ul { list-style: none; color:#ff0000; padding-left:15px; }
.nav li { display:inline; padding:3px; }
.nav a { color:#fff; font-size:1.2em; font-weight:bold; text-decoration:none; display:block; float:left; padding:0 20px; }
.nav a:hover { text-decoration:underline; }

.securitynav { width:800px; line-height:30px; background-image:url(images/nav_background.png); height:30px; }
.securitynav ul { list-style: none; color:#ff0000; padding-left:15px; }
.securitynav li { display:inline; padding:3px;}
.securitynav a { color:#fff; font-size:12px; font-weight:bold; text-decoration:none; display:block; padding:0 20px; float:left; }
.securitynav a:hover { text-decoration:underline; }

.rentalDate { width:130px; float:left; }
.rentalAvail { width:200px; float:left; }
.rentalReserved { width:200px; float:left; font-weight:bold; }

.buttons { margin:20px 0 0 0; }
.label { font-weight:bold; color:#1F2429; margin:15px 0 0 0; }
.col { float:left; width:340px; margin-right:20px; }

.searchBox, .campList, .yearList { float:left; padding:20px 0 0 0; width:180px; }
#addCamper { float:right; padding:32px 20px 0 0; width:100px; }
#camperCount { font-weight:bold; padding:10px 0; }

.firstName, .middleName, .lastName, .state, .zip, .birthdate, .gender {
	float:left;
	padding-right:20px;
}

#campersList thead { font-weight:bold; font-size:14px; }
#campersList thead td { padding-bottom:5px; }
td.camper { width:200px; }
td.gender { width:60px; }
td.church { width:250px; }
td.deposit { width:100px; }
td.store { width:100px; }

#camperPhoto {
	background:#ccc;
	border:solid 2px #aaa;
	width:300px;
	height:200px;
	padding-bottom:20px;
}

#addHistoryDialog, #addDecisionDialog {
	text-align:left;
}
.paddedBtn {
	margin:10px 0 20px 0;
}

#history {
	
}

#loading,#saving {
	position: absolute; 
	top: 30px; 
	left: 250px; 
	background:#9dccfa url('images/loading.gif') no-repeat -50px -140px; 
	width:112px;
	height:10px;
	font-weight:bold;
	color:#fff;
	padding:35px 60px;
	border:2px solid #77aadd;
	-webkit-border-radius:5px;
	-webkit-border-radius-left:5px;
	-webkit-border-radius-right:5px;
	-webkit-border-radius-bottom:5px;
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-moz-box-shadow:0 0 3px rgba(0,0,0,1.0000);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,1.0000);
	z-index:5;
}
#modal { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: #666 url(images/modal.png) 50% 50% repeat; 
	opacity: .30; 
	filter: Alpha(Opacity=30); 
	z-index:4;
}
#camperHistoryGroup,#camperDecisionGroup {
	margin:20px 0 0 0;
}

.campname {
	float:left;
	width:115px;
	padding:0 10px 0 0;
}
.churchname {
	float:left;
	width:185px;
	padding:0 10px 0 0;
}
.preregistered {
	float:left;
	width:40px;
	padding:0 10px 0 0;
}
.campyear {
	float:left;
	width:35px;
	padding:0 10px 0 0;
}
.money {
	float:left;
	width:60px;
	padding:0 10px 0 0;
}
.unspent {
	float:left;
	width:60px;
	padding:0px;
}
.decisionname {
	float:left;
	width:220px;
	padding:0 10px 0 0;
}
#campattendance {
	padding:0px;
}
#campattendance thead {
	font-weight:bold;
}