
/* The mighty Back40 Design, Inc. style sheet */

#skip {
	text-indent: -9999px;
	position: absolute;
	display: block;
	overflow: hidden;
	text-decoration: none;
	padding: 3px;
	color: #fff;
}
	#skip:hover, #skip:focus, #skip:active {
		color: #fff;
		text-indent: 0;
		background: #595856;
	}

#pageContainer {
	clear: both;
	width: 869px;
	text-align: left;
	margin: 0 auto;
}

#header {
	height: 102px;
	margin-bottom: 7px;
	background: url(images/header-bg.gif) bottom center no-repeat;
	position: relative;
}

#logo {
	position: absolute;
	z-index: 2!important;
	top: 0;
}

#headerLogos {
	margin: 14px 42px 0 0;
	float: right;
}
#headerLogos li {
	margin-left: 14px;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
}
#headerLogos a {
	height: 53px;
	text-indent: -9999px;
	display: block;
}
	#logo_wifi {
		width: 74px;
		background: url(images/logo_wifi.jpg) no-repeat;
	}
	#logo_usag {
		width: 115px;
		background: url(images/logo_usag.jpg) no-repeat;
	}

#social {
	margin: 4px 42px 0 0;
	float: right;
	clear: right;
}
#social p {
	margin: 0 6px 0 0;
	color: #FFFEFE;
	font-style: italic;
	line-height: 26px;
	display: inline;
	float: left;
}
#social ul {
	margin: 0;
	display: inline;
	float: left;
}
#social li {
	margin-left: 2px;
	padding: 0;
	display: inline;
	float: left;
	list-style: none;
}
#social a {
	width: 26px;
	height: 26px;
	background: url(images/socialmedia.png) no-repeat;
	text-indent: -9999px;
	display: block;
}
	#social_facebook a	{background-position: 0 0;}
	#social_twitter a	{background-position: -26px 0;}
	#social_youtube a	{background-position: -52px 0;}
	#social_rss a		{background-position: -78px 0;}

#headerNav {
	float: right;
	position: relative;
	text-align: right;
	z-index: 3;
	margin-top: -2.55em;
	margin-right: 15px;
	color: #fff;
}
#headerNav li {display: inline;}
#headerNav a {
	color: #fff;
	text-decoration: none;
}
	#headerNav a:hover, #headerNav a:focus {
		color: #ebe4b0;
		border-bottom: 1px solid #fff;
	}

#contentContainer {
	margin: 0 auto;
	width: 809px;
	padding: 0 30px;
	background: url(images/content-bg.jpg) center repeat-y;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}
	#full #contentContainer {background: url(images/content-full-bg.gif) center repeat-y;}
	#full #content {width: 732px !important;}
	#contentTop {
		position: absolute;
		top: 102px;
		z-index: 1!important;
		width: 869px;
		height: 589px;
		background: url(images/content-bg-top.jpg) no-repeat;
	}
	#full #contentTop {background: url(images/content-full-bg-top.jpg) no-repeat;}

#nav {
	color: #00326b;
	position: relative;
	z-index: 2400!important;
	margin: 0 auto;
	padding: 0 0 10px 20px;
}
#nav li {
	display: inline;
	font-size: 1.1em;
	float: left;
	padding: 0 5px 0 5px;
	position: relative;
}
#nav > li {border-right: 1px solid #00326b;}
#nav .javelin_lastItem {border-right: none;}
#nav a {
	color: #00326b;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	display: block;
}
#nav a:hover, #nav a:focus, #nav a.active {color: #a11010;}

	/* Second Level Navigation */
	#nav > li:hover ul {display: block;}
	#nav ul {
		margin: 0;
		display: none;
		position: absolute;
		top: 29px;
		left: -1px;
		z-index: 1;
	}
	#nav ul li {
		padding: 0;
		display: block;
		float: none;
	}
	#nav ul a {
		width: 226px;
		padding: 4px 12px;
		background: #00326b;
		color: #FFF;
		font-size: 12px;
		line-height: 1.5em;
	}
	#nav ul a:hover {color: #f6f4ce;}
	
		/* Third Level Navigation */
		#nav ul ul {
			display: block;
			position: relative;
			top: 0;
			left: 0;
		}
		#nav ul ul a {
			width: 214px;
			padding-left: 24px;
			color: #bedcfd;
		}

#content {
	padding-top: 20px;
	position: relative;
	z-index: 5;
	float: right;
	width: 550px !important;
	width: 530px;
	margin-right: 40px !important;
	margin-right: 30px;
}

#contentHome {
	padding-top: 27px;
	position: relative;
	z-index: 5;
	float: right;
	width: 570px !important;
	width: 550px;
	margin-right: 30px !important;
	margin-right: 15px;
}
#contentHome h2 {clear: left;}

#homeNewsBox {
	float: right;
	width: 180px;
	margin-left: 5px;
	_margin-right: -18px;
	border: 1px solid #00326b;
	background: #e5dc97 url(images/news-box-bg.jpg) top center repeat-x;
}
#homeNewsBox h3 {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #00326b;
	padding: 7px 5px 5px;
}
#homeNewsBox p {
	margin: 10px;
	font-size: .9em;
}

#homeNewsBox p a {
	font-weight: bold;
	color: #00326b;
}

#sidebar {
	padding-top: 30px;
	padding-left: 25px;
	float: left;
	width: 150px;
	position: relative;
	z-index: 2;
	color: #00326b;
	padding-bottom: 10px;
}
#sidebar #subNav a {
	background: url(images/box-red.jpg) 0 4px no-repeat;
	padding-left: 12px;
	color: #00326b;
}
	#sidebar #subNav a:hover, #sidebar a:focus {color: #a11010;}
	#sidebar #subNav .active {font-weight: bold;}

#sidebar ul {margin: 6px 0 2px 0;}
#sidebar ul li {padding-bottom: 7px;}
#sidebar ul ul {
	margin-left: 15px;
	font-size: .9em;
}
#sidebar #subNav ul ul a {background: url(images/box-blue.jpg) 0 4px no-repeat;}
#sidebar #address {
	margin-top: 50px;
	line-height: 1.3;
	font-size: .9em;
}
#sidebar ol {
	list-style: square;
	margin: 5px 0 10px 15px;		
}
#sidebar h3 {margin: 0;}

#bottom {
	background: url(images/bottom-bg.jpg) top center no-repeat;
	width: 869px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
	color: #fff;
	clear: both;
	margin-top: -5px;
}
#full #bottom {background: url(images/bottom-full-bg.jpg) top center no-repeat;}
#bottom ul li {
	display: inline;
	border-right: 1px solid #fff;
	padding-right: 5px; 
	margin-right: 5px;
}
#bottom li.javelin_lastItem {border-right: none;}
#bottom a {
	color: #fff;
	text-decoration: none;
}
	#bottom a:hover, #bottom a:focus {
		color: #333;
		text-decoration: underline;
	}
	
ul.galleryModule li {height: 125px;}
ul.javelin_gallery li {height: 125px;}
#registrationForm th {color: #003366;}
#registrationForm {width: 98%; }
#registrationForm, #registrationForm td {border-color: #CFCFCF; }
#registrationForm, #registrationForm select {font-size: 9px; width: 100%;}
#registrationPage fieldset {border: 1px solid #000;padding-left: 10px; padding-top: 10px; padding-bottom: 15px;}
#registrationPage legend {margin-left: 10px; color: #003366; font-weight: bold; position: relative;}
#registrationPage p {margin-left: 10px;}
#registrationPage dt {float: left; margin-top: 0px; margin-bottom: 20px; width: 125px;}
#registrationPage dd {margin-left: 100px; margin-bottom: 20px;}
#understand_1, #understand_2 {margin-right: 30px;}
#registerButton {float: right; margin-right: 30px;}
#understand dd {float: left; margin-top: -20px; margin-left: 35px;}

.kidsFormView {text-align: left; clear: both;}
.kidsFormView dt {font-weight: bold; text-transform: uppercase;}

.staff {margin-left: -25px;}
.staff li {min-height: 200px;}

#print {background: none;}
#print #pageContainer {background: none; width: 100%; margin: 0px;}
#print #contentContainer {float: left; width: 100%!important; margin: 0px; background: none;}
#print #content {width: 100%!important; float: left!important;}
#print #nav, #print #bottom, #print #sidebar, #print #homeNewsBox, #print #logo, #print #contentTop {display: none;}

#schedule .classType p {
	text-align: right; 
	margin: 0;
}
#schedule input {
	border: 0;
	background: #036;
	color: #fff;
	cursor: pointer;
	margin: 0 5px;
}
h2.scheduleHeading {text-align: center;}
.scheduleTitle {color: #A11010;}
.schedulePrev, .scheduleNext {font-size: .9em;}
.schedulePrev {margin-right: 20px;}
.scheduleNext {margin-left: 20px;}
table.scheduleDisplay {width: 100%;}
table.scheduleDisplay th {
	width: 14%;
	background-color: #A11010;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 4px solid #063273;
}

table.scheduleDisplay th.scheduleDisplayTime, table.scheduleDisplay td.scheduleDisplayTime {display: none;}
