/* CSS Document */

body {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#000;  
  margin:0px;
  background: #000 url('../images/bkg1.jpg') center top no-repeat;
}
a {
color: #3B6E8F;
text-decoration: none;
}
a:active, a:hover {
text-decoration:underline;
color:#8CC63F;
}
p {
font: normal 12px/1.5 Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
text-align: left;
color:#000;
margin: 5px 0 10px 0;
}
img {
border:0;
}
.tight {
letter-spacing:-0.06em;
}
.smaller {
font-size:10px;
line-height:1.2em;
}
h2 {
color: #660;
font: bold italic 24pt/1em Georgia, Palatino, Times, Times New Roman, serif;
margin-bottom: 0px;
}
h2.inner {
font: normal 24px/1.5em Love Ya Like A Sister;
color: #5C2D90;
}
h3 {
color: #51A4DA;
font: normal 12pt/1.5em Love Ya Like A Sister;
margin-bottom: 10px;
margin-top: 25px;
}
h4 {
color: #5C2D90;
font: bold 10pt/1.5em Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
margin-bottom: 5px;
margin-top: 10px;
}
ul {
color: #000;
margin-bottom: 10px;
}
li {
list-style-image:url('../images/bullet2.gif');
margin-left: 20px;
line-height: 1.7em;
}
li span {
color: #000;
}
#shadowHead {
height: 170px;
margin: 0 auto;
background: url('../images/shadow-head.png') bottom left repeat-x;
z-index: 100;
}
#header {
background-color: #930;
margin: 0 auto;
height: 165px;
background: url('../images/bkg-head.jpg') repeat-x;
}
#insideHead {
height: 165px;
width: 860px;
margin: 0 auto;
}
	#insideHead h1 {
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0px 0 10px;
	}
		#insideHead h1 a {
		display:block;
		width:263px;
		height:85px;
		text-indent:-9999px;
		margin:0; padding:0;
		background: url('../images/logo.png') no-repeat;
		}
	#news-surround {
	position: relative;
	margin: 0;
	padding: 0;
	top: 0;
	left: 500px;
	width: 315px;
	height: 80px;
	}
		#news-head {
		margin:0;
		padding:0;
		background: url('../images/bkg-newsletter.png') no-repeat;
		width: 315px;
		height: 108px;
		}
#nav ul {
font: bold 10pt/1.5em Georgia, Palatino, Times, Times New Roman, serif;
height: 40px;
width: 859px;
position: relative;
margin: 0 auto;
top: 25px;
}
	#nav li { 
	display:inline; 
	float:left; 
	margin: 0; 
	}
	#nav a { 
	text-align: center;
	width:117px; 
	height:40px; 
	display:block;
	text-indent:-9999px;
	}
	#nav ul a {
	width: 117px
	}
	#nav ul .parents a {
	background:url(../images/nav-parents.png) no-repeat;
	}
		#nav ul .parents a:hover, .parents-over {
		background:url(../images/nav-parents-over.png) no-repeat;
		}
	#nav ul .campers a {
	background:url(../images/nav-campers.png) no-repeat;
	}
		#nav ul .campers a:hover, .campers-over {
		background:url(../images/nav-campers-over.png) no-repeat;
		}
	#nav ul .staff a {
	background:url(../images/nav-staff.png) no-repeat;
	}
		#nav ul .staff a:hover, .staff-over {
		background:url(../images/nav-staff-over.png) no-repeat;
		}
	#nav ul .photovideo a {
	background:url(../images/nav-photovideo.png) no-repeat;
	}
		#nav ul .photovideo a:hover, .photovideo-over {
		background:url(../images/nav-photovideo-over.png) no-repeat;
		}
	#nav ul .register a {
	background:url(../images/nav-register.png) no-repeat;
	}
		#nav ul .register a:hover, .register-over {
		background:url(../images/nav-register-over.png) no-repeat;
		}
	#nav ul .alumni a {
	background:url(../images/nav-alumni.png) no-repeat;
	}
		#nav ul .alumni a:hover, .alumni-over {
		background:url(../images/nav-alumni-over.png) no-repeat;
		}
	#nav ul .contact a {
	background:url(../images/nav-contact.png) no-repeat;
	}
		#nav ul .contact a:hover, .contact-over {
		background:url(../images/nav-contact-over.png) no-repeat;
		}
#sideNav ul {
width: 260px;
text-decoration:none;
margin:0;
padding:0;
list-style:none;
overflow:hidden;

}
	#sideNav li { 
	list-style:none;
	margin-left:-5px;
	}
	#sideNav a {
	display:block;
	text-indent:-9999px;
	width:260px;
	height:90px;
	border:0;
	}
	#sideNav a:hover {
	display:block;
	text-indent:-9999px;
	width:260px;
	height:90px;
	border:0;
	}
	#sideNav .sideActivities a {
	background:url(../images/hm-nav-buttons-activities.png) no-repeat;
	}
		#sideNav .sideActivities a:hover {
		background:url(../images/hm-nav-buttons-activities-over.png) no-repeat;
		}
	#sideNav .sideRegister a {
	background:url(../images/hm-nav-buttons-register.png) no-repeat;
	}
		#sideNav .sideRegister a:hover {
		background:url(../images/hm-nav-buttons-register-over.png) no-repeat;
		}
	#sideNav .sidePhotos a {
	background:url(../images/hm-nav-buttons-photos.png) no-repeat;
	}
		#sideNav .sidePhotos a:hover {
		background:url(../images/hm-nav-buttons-photos-over.png) no-repeat;
		}
	#sideNav .sideAlumni a {
	background:url(../images/hm-nav-buttons-alumni.png) no-repeat;
	}
		#sideNav .sideAlumni a:hover {
		background:url(../images/hm-nav-buttons-alumni-over.png) no-repeat;
		}
#contentWrapper {
text-align: left;
margin: 0 auto;
margin-top: -8px;
padding-top: 2px;
width: 880px;
background: url("../images/bkg-body.png") top center repeat-y;
z-index: 1;
}
#content {
text-align: left;
margin: 0 auto;
padding: 20px;
width:100%;
z-index: 1;
}
#contentTopshadow {
background: url('../images/shadow-head.png') bottom left repeat-x;
width: 860px;
margin: 0 auto;
margin-top: -6px;
}
.colLeft {
position: relative;
width: 540px;
float: left;
margin-left: 10px;
}
.colRight {
position: relative;
width: 260px;
margin-left: 20px;
float: left;
}
#footer {
text-align: center;
margin: 0 auto;
width: 880px;
height: 30px;
padding-top: 25px;
background: url("../images/bkg-footer.png") top center no-repeat;
}
#countdown {
background:url(../images/hm-countdown.png) no-repeat;
width:540px;
height:56px;
padding: 10px 0 0 35px;
}
#defaultCountdown {
width: 200px; height: 45px;
}
.clear {
clear: both;
}
.fr {
float:right;
padding: 10px;
}
.fl {
float:left;
padding: 10px;
}
/* QUICKLINKS MENU */
#quicklinks {
	width:297px;
	height:328px;
	margin:0;
	padding:0;
	list-style:none;
	background:url(../images/quicklinks.png) no-repeat;
	overflow:hidden;
}
	#quicklinks ul {
	width: 260px;
	text-decoration:none;
	margin:100px 0 0 100px;padding:0;
	}
	#quicklinks li { 
	list-style:none;
	margin-left:-40px;
	padding:5px;
	list-style-image:url(../images/bullet.gif);
	border-bottom: 1px solid #EFEFEF;
	width:180px;
	}
	#quicklinks a {
	border:0;
	text-decoration:none;
	}

/* NEWSLETTER FORM */

.form-item {
height:100px;
padding:10px 0 0;
}
.form-item .text {
position: absolute;
top: 50px;
background:url('../images/news-txt-bkg.png') no-repeat;
height:24px;
left: 30px;
width: 200px;
padding:0 11px;
}
.form-item .text input {
background:none;
float: left;
top: 50px;
border:0;
font-weight:bold;
color:#36466b;
width:200px;
padding:7px 0 0;
}
.form-item .btn { position: absolute; top: 45px; left: 240px;}
.focusField{
border:0;
background:#EFF5FF;
color:#6F6F6F;
}
.idleField{
background:#EEE;
color: #000;
border:0;
}
/* HOME SLIDESHOW */
    div#rotator {
	background:url(../images/hm-slideshow.png) top left no-repeat; 
	height:432px;
	width:595px;
	margin: -20px 0 0 -40px;
	}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	left: 0px;
	margin:42px 0 0 -20px;
}
/* rotator image style */	
	div#rotator ul li img {
	padding:0;
	z-index: 400;
}
    div#rotator ul li.show {
	z-index:500;
}

/* INNER HEADER IMAGE */
.hdr-image-bkg {
background:url(../images/inner-img-bkg.png) top left no-repeat; 
height:314px;
width:596px;
margin: -21px 0 0 -40px;
}
.hdr-image {
margin:39px 0 0 16px;padding:0;
}

/* CONTACT FORM CSS */
#contact-area {
width: 480px;
margin-top: 0;
}

#contact-area input, #contact-area textarea {
padding: 5px;
width: 480px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
font-size: 10px;
margin: 0px 0px 10px 0px;
border: 1px dashed #8CC63F;
}

#contact-area textarea {
height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
border: 1px dashed #3B6E8F;
}

#contact-area input.submit-button {
width: 100px;
float: right;
background-color: #3B6E8F;
color: #FFF;
}

.label {
float: left;
text-align: left;
margin-right: 15px;
margin-bottom: 10px;
width: 90px;
padding-top: 5px;
font-size: 12px;
}
.thumb {
margin: 0 10px 0 10px;
}
/* Dates and Rates Table */

#table {
	width: 500px;
	margin: 0px auto;
	border-collapse: collapse;
	border: 0px solid #000000;
 }
#table .rowa {
	height: 30px;
}
#table .rowb {
	background: #ebebeb;
	height: 30px;
}
#table .cell {
	padding: 5px;
	border: 0px solid #000000;
}
.table {
	width: 100%;
	margin: 0px auto;
	border-collapse: collapse;
	border: 0px solid #000000;
 }
.table .row {
	height: 30px;
}