@charset "utf-8";
/* ---------------------------------------------------------------
	RESET STYLES FOR ALL BROWSERS
----------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img, object, embed {max-width: 100%;}
img { -ms-interpolation-mode: bicubic; } /* Fixes resized images in IE */

html {overflow-y: scroll;} /* force a vertical scrollbar to prevent a jumpy page */

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;} /* standardize any monospaced elements */

.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;} /* hand cursor on clickable elements */

button, input, select, textarea {margin: 0;} /* Webkit browsers add a 2px margin outside the chrome of form elements */

button {width: auto; overflow: visible;} /* make buttons play nice in IE */

.ie7 img {-ms-interpolation-mode: bicubic;} /* scale images in IE7 more attractively */

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* prevent BG image flicker upon hover */

/* ---------- Float clears --------*/
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

.clearfloat {
	clear:both;
	height:0;
}
/* CSS Document */
@font-face {
    font-family: 'SteelfishExtraBoldItalic';
    src: url('fonts/steelfish_eb_it-webfont.eot');
    src: url('fonts/steelfish_eb_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/steelfish_eb_it-webfont.woff') format('woff'),
         url('fonts/steelfish_eb_it-webfont.ttf') format('truetype'),
         url('fonts/steelfish_eb_it-webfont.svg#SteelfishExtraBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
body { margin: 0; padding: 0; background:#005abb url(/images/bg_page.jpg) repeat-x left top; font-family:Tahoma, Geneva, sans-serif; color:#333; }

/* --------------------------------------------------
                  CONTAINERS
--------------------------------------------------- */
#outerContainer { width:940px; background:#ffffff; padding:10px; margin:10px auto; }
#container { width:940px; margin:0 auto; padding:0; text-align:left; background:#ffffff; }

/* Page Header */
#header { width:940px; height:150px; margin:0; padding:0; background:url(../images/bg_header.jpg) no-repeat; overflow:hidden; }
#header #headLinks { float:right; width:300px; height:20px; line-height:20px; text-align:right; margin:0 10px 0 0; padding:0; font-size:11px; font-weight:bold; }
#header #headLinks a { color:#ffffff; font-weight:bold; text-decoration:underline; }
#header #headLinks a:hover { color:#ffffff; text-decoration:none; }

/* Main Content */
#mainContent { float:left; width:659px; margin:10px 0; padding:0 0 0 10px; text-align:left; overflow:hidden; }

/* Right side */
#rightSide { float:right; text-align:center; margin:10px 0 10px; padding:0; width:251px; }
a#facebook { margin:0; width:160px; height:55px; }

/* Default Styles */
h1,h2,h3 {
	font-family:SteelfishExtraBoldItalic,Arial,Helvetica,sans-serif;
	font-weight:normal;
}
h1 { margin:0 0 10px; padding:0 0 12px 52px; height:38px; color:#005abb; font-size:2.3em; background:url(../images/bg_page_title.jpg) no-repeat left bottom; }
h2 { color:#ef0022; font-size:1.8em; margin:0 0 3px; padding:0 0 2px; }
h3 { color:#005abb; font-size:1.3em; margin:0 0 2px; padding:0 0 1px; }
p { font-size:12px; line-height:16px; margin:0 0 12px; padding:0; }
ol,ul { margin:2px 0 10px 6px; padding:0; }
ol li,ul li { margin:0 0 0 20px; padding:0 0 5px 5px; font-size:12px; line-height:16px; }
a { color:#005abb; text-decoration:underline; font-weight:bold; }
h1 a,h2 a,h3 a,a.campType {
	font-family:SteelfishExtraBoldItalic,Arial,Helvetica,sans-serif;
	font-weight:normal;
}
a:hover { text-decoration:none; color: #ef0022; }

#navMenu {
	margin:1px 0 0;
	padding:0;
	list-style-type:none;
	height:40px;
	width:100%;
	background:#eb0020 url(../images/bg_nav_menu.jpg) repeat-x 0 0;
	position:relative;
}
#navMenu li {
	float:left;
	margin:0;
	padding:0;
	height:40px;
	display:block;
	position:relative;
}
#navMenu li a {
	height:40px;
	width:auto;
	font-family:SteelfishExtraBoldItalic,Arial,Helvetica,sans-serif;
	font-weight:normal;
	color:#fff;
	display:block;
	padding:0 20px;
	text-align:center;
	font-size:20px;
	line-height:40px;
	text-decoration:none;
}
span.arrow {
	font-style:normal;
	padding-left:5px;
}
#navMenu li a:hover,#navMenu li:hover {
	background:#005abb url(../images/bg_nav_menu.jpg) repeat-x 0 -40px;
}
#navMenu li ul {
	display:none;
	position:absolute;
	margin:0;
	padding:0 0 8px;
	top:40px;
	left:-1px;
	width:300px;
	background:#fff;
	border:1px solid #005abb;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
 
}
#navMenu li ul li {
	height:auto;
	float:none;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
#navMenu li ul li a {
	height:auto;
	color:#005abb;
	display:block;
	padding:6px 8px;
	text-align:left;
	font-size:18px;
	text-decoration:none;
	font-style:normal;
	line-height:normal;
	letter-spacing:1px;
}
#navMenu li ul li a.lastLink {
	padding-bottom:8px;
}
#navMenu li ul li:hover,#navMenu li ul li a:hover {
	color:#eb0020;
	background-image:none;
	background:#f2f2f2;
}
#navMenu li ul li a:hover {
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #eb0020;
	border-bottom:1px solid #eb0020;
}
#navMenu li ul li a.firstLink:hover {
	padding-top:6px;
	padding-bottom:5px;
	border-top:none;
	border-bottom:1px solid #eb0020;
}
#navMenu li ul li a p,#navMenu li ul li a:hover p {
	margin:0;
	color:#333;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	line-height:none;
	letter-spacing:normal;
}

/* Home page */
.basketballSection {
	width:434px;
	margin:5px 0;
	padding:0 225px 10px 0;
	background:url(../images/bg_basketball_camp.jpg) no-repeat top right;
}
.danceSection {
	width:434px;
	margin:5px 0 15px;
	padding:0 225px 10px 0;
	background:url(../images/bg_dance_camp.jpg) no-repeat top right;
}
.scholarship {
	border:2px solid #005abb;
	margin:0 0 6px;
	padding:2px;
	width:578px;
}
.scholarship .textArea {
	border:1px solid #ef0022;
	margin:0;
	padding:4px;
	text-align:center;
	background-color:#eaeaea;
}
.scholarship .textArea h2 {
	color:#ef0022;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:4px 0;
}
.scholarship .textArea p {
	font-size:12px;
	margin:0;
	padding:0;
}
a.campType {
	font-size:2em;
}

h1#campQuotes { height:48px; background:url(/images/h1_camp_quotes.jpg) no-repeat; }
h2.h2ListHeader { margin:6px 0; padding:0 0 2px; }
h2.sectTitle { margin:18px 0 6px; }
p.dateFormat { font-size:11px; font-weight:bold; margin:0; padding:0; }
p.breadcrumb { font-size:10px; background:#eaeaea; padding:4px; border-top:1px solid #005abb; border-bottom:1px solid #005abb; }
p.alert { font-size:14px; line-height:30px; height:30px; margin:0 0 2px; padding:0; color:#ef0022; font-weight:bold; background:#eaeaea; border:2px solid #ef0022; text-align:center; }
p.question { font-size:12px; line-height:16px; margin:0 0 2px; padding:0; color:#ef0022; font-weight:bold; }
p.citation { width: 500px; margin:10px auto; padding:10px; background:#eaeaea; color:#005abb; font-weight:bold; font-size:12px; line-height:16px; font-style:italic; }
.linkMenu { font-size:11px; margin:0 0 5px; padding:8px; background:#005abb; text-align:right; color:#fff; }
.linkMenu a { color:#fff; text-decoration:underline; font-weight:bold; }
.linkMenu a:hover { text-decoration:none; color: #fff; }
a.refName { text-decoration:none; color:#ef0022; }
a.refName:hover { text-decoration:none; color:#ef0022; }
ul.basketball, ul.dance { margin:2px 0 10px 0; padding:0; list-style-type:none; }
ul.basketball li { margin:0; padding:0 0 7px 20px; font-size:12px; line-height:1.5em; background-image:url(/images/bullet_basketball.gif); background-repeat:no-repeat; background-position:0 left; }
ul.dance li { margin:0; padding:0 0 7px 20px; font-size:12px; line-height:1.5em; background-image:url(/images/bullet_dance.gif); background-repeat:no-repeat; background-position:0 left; }
.horizDisplay li { width:200px; float:left; display:inline; }

.basketballSection ul.basketball li,.danceSection ul.dance li {
	padding-bottom:18px;
}
table.schedule { margin:10px 0; padding:0; background:#eaeaea; border:1px solid #005abb; border-collapse:collapse; }
table.schedule caption { font-size:14px; color:#ffffff; font-weight:bold; text-align:left; background:#005abb; padding:4px; margin:0; }
table.schedule th { font-size:12px; color:#005abb; font-weight:bold; padding:4px; margin:0; }
table.schedule td { font-size:12px; padding:4px; margin:0; }
table.schedule tr.alt { background:#ffffff; }

table {
	font-size:0.8em;
	margin-bottom:10px;
	border:1px solid #005abb;
	border-collapse:collapse;
}
table td {
	border:1px solid #005abb;
	padding:3px;
}

/* Session table */
table.sessions { margin:1px 0 15px; padding:0; border:1px solid #005abb; border-collapse:collapse; }
table.sessions caption { font-size:14px; color:#005abb; font-weight:bold; text-align:left; padding:4px 0 4px 0; margin:0; }
table.sessions caption .sessNotes { font-size:11px; font-weight:bold; color:#ef0022; }
table.sessions th { font-size:11px; color:#ffffff; background:#005abb url(/images/bg_admin_menu.gif) repeat-x bottom left; font-weight:bold; padding:4px; margin:0; border-bottom:none; }
table.sessions td { font-size:11px; padding:4px; margin:0; }
#error { border:2px solid #ef0022; background-color:#f1f1f1; margin:10px 0; padding:5px; color:#ef0022; }
#error h3 { font-size:1.0em; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0 0 1px 0; color:#ef0022; }
#error ol { margin:5px 0 5px 20px; padding:0; }
#error li { font-size:0.8em; margin:0 0 0 25px; padding:2px 10px 2px 0px; }
.errorText { color:#cc0000; font-weight:bold; font-size:12px; }

/* Early Registration */
#earlyReg { padding:50px 213px 20px 10px; margin:0 0 10px; border:1px solid #0f6cb5; height:auto; min-height:100px; _height:100px;background:#d9d9d9 url(../images/early_registration.jpg) no-repeat 0 0 }
#earlyReg.holidayHoops { background-position: -660px 0; }
#earlyReg h2 { color:#ef0022; font-size:1.3em; line-height:1.4em; margin:0; padding:0 0 6px; border-bottom:none; height:auto; }
#earlyReg p { color:#005abb; font-size:12px; font-weight:bold; margin:0; padding:0 0 6px; line-height:1.4em; }
#earlyReg ul { margin:2px 0 10px 6px; padding:0; list-style-type:disc; color:#005abb; }
#earlyReg ul li { margin:0 0 0 10px; padding:0 0 3px 1px; font-size:12px; line-height:14px; color:#005abb; }
div.quoteMark { background:url(/images/quote_mark_open.jpg) no-repeat top left; }

blockquote { margin-bottom:20px; padding-bottom:20px; color:#005aab; font-size:14px; line-height:18px; border-bottom:1px solid #d1d1d1; }
blockquote.randQuote { border-bottom:none; margin-bottom:10px; padding:0 40px 10px; }
blockquote p.quote_name { margin:4px 0 0; padding:0; color:#000000; font-size:11px; line-height:14px; }
/*blockquote.randQuote p.quote_name { background:url(/images/quote_mark_close.jpg) no-repeat top right; } */


/* Callout */
.callOut { width:600px; padding:0; margin:0 0 10px; border:1px solid #0f6cb5; background:#d9d9d9 url(/images/bg_callout.jpg) no-repeat 0px -30px; height:auto; }
.callOut h2 { color:#fff; font-size:16px; margin:0 0 10px; padding:6px; border-bottom:none; background:#ef0022; }
.callOut p { color:#005abb; font-size:12px; font-weight:bold; margin:0; padding:0 0 6px; line-height:14px; }
.callOut ul { margin:2px 10px 10px 20px; padding:0; list-style-type:disc; color:#005abb; }
.callOut ul li { margin:0 0 0 10px; padding:0 0 3px 1px; font-size:12px; line-height:14px; color:#005abb; font-weight:bold; }

/* Camp notes */
.campNote { border-bottom:1px solid #eaeaea; margin-bottom:12px; }

/* Right side camp notes */
.postings { width:221px; background:#f1f1f1; border:1px solid #005abb; margin:0 auto 10px; padding:10px 10px 0; text-align:left; }
.postings h2 { background:#005abb; margin:-10px -10px 10px; padding:5px; color:#fff; font-size:1.7em; line-height:normal; }
.postingPreviews { padding:0; margin:10px 0; }
.postingPreviews h3 { color:#ef0022; }
.postingPreviews p { font-size:0.75em; margin:6px 0; padding:0; }
.postingPreviews .postingPreviewsDate { font-size:0.7em; text-transform:capitalize; }
.postingPreviews a { font-weight:bold; color:#ef0022; }
.postingPreviews a:hover { text-decoration:none; color:#005abb; }
.postings p.readAll {margin-top:10px; padding:10px 0 0; border-top:1px dotted #d2d2d2;}
.jobContent { border-top:1px dotted #d2d2d2; padding-top:10px; }
.jobContent h3 { color:#005abb; }

/* Footer */
#footer { width:100%; background:url(/images/footer_background.gif) repeat-x left top; text-align:left; margin:0 auto; padding:22px 0 0; }
#footer p { color:#005abb; margin:5px 0; padding:0; font-size:10px; text-align:center; }
#footer p.copy { color:#000000; font-size:10px; margin:10px 0 2px; padding:0; text-align:center; }
#footer .footerSection { width:225px; margin:0 5px; padding:0; float:left; display:inline; }
#footer .footerSection ul { list-style-type:none; margin:0; padding:0; }
#footer .footerSection ul li { margin:0; padding:0 0 2px 2px; vertical-align:bottom; border-bottom:1px dotted #005abb; }
#footer .footerSection ul li a.headerTitle { text-decoration:none; color:#005abb; font-weight:bold; font-size:10px; padding-left:0; }	
#footer .footerSection ul li a.headerTitle:hover { text-decoration:none; color:#ef0022; }	
#footer .footerSection ul li a { text-decoration:none; color:#ef0022; font-weight:normal; font-size:10px; padding-left:4px; }
* html #footer .footerSection ul li a { height: 1px; }	
#footer .footerSection ul li a:hover { text-decoration:none; color:#005abb; }	
#footer a { text-decoration:none; font-weight:bold; color:#ef0022; }
#footer a:hover { text-decoration:underline; color:#005abb; }

/* Class selectors */
.floatLeft { float:left; margin:0 10px 0 0; }
.floatRight { float:right; margin:0 0 0 10px; }
.clearfloat { clear:both; height:1px; }
.blueText { color:#005abb; }
.redText { color:#ef0022; }

/* Forms */
fieldset {
	border:1px solid #d7d7d7;
	padding:10px 10px 5px;
	margin:0 0 16px;
}
label {
	color:#005abb;
	font-weight:bold;
}
.label {
	float:left;
	width:170px;
}
.labelText {
	margin:5px 0 5px 175px;
	line-height:1.2em;
	display:block;
}
input[type="text"],input[type="password"],select {
	padding:2px;
	margin-bottom:2px;
	font-size:1.1em;
}
label.error {
	color:#ef0022;
	margin-left:5px;
	font-weight:bold;
}
optgroup[label] {
	background-color:#005abb;
	color:#fff;
	font-style:normal;
	padding:2px 0;
}
option.sessSelect {
	background-color:#fff;
	color:#000;
	text-indent:0;
}
.inputLabel { color:#005abb; font-weight:bold; font-size:11px; padding-bottom:6px; line-height:14px; }
table.confirmTable { margin:0 0 10px; padding:0px; border-collapse:collapse; border:none; }
table.confirmTable th { color:#005abb; font-weight:bold; padding:5px 3px; margin:0px; font-size:12px; border-bottom:1px solid #ef0022; }
table.confirmTable td { padding:5px 3px; margin:0px; font-size:11px; }
table.formTable { border:1px solid #005abb; margin:0 0 8px; padding:0; border-collapse:collapse; background:#dddddd url(/images/bg_form.jpg) repeat-x top left; }
table.formTable caption { font-size:14px; color:#ffffff; font-weight:bold; text-align:left; padding:4px; margin:0; background:#005abb; }
table.formTable th { color:#005abb; font-weight:bold; padding:5px; }
table.formTable td { padding:5px; border:none; }
table.formTable td p { font-weight:bold; margin:0 0 3px; padding:0; }
.odd { background-color:#f1f1f1; }
#login { background:url(/images/login.jpg) no-repeat; width:410px; height:119px; padding:60px 10px 10px; margin:0 0 10px; border:1px solid #0f6cb5; text-align:left; }
#login span.label { color:#005abb; font-weight:bold; }
.formButton { font-size:12px; color:#ffffff; font-weight:bold; background:#005abb url(/images/bg_admin_menu.gif) repeat-x left bottom;; border:1px solid #ef0022; padding:8px; margin-top:2px; cursor:pointer; }
.formButton:hover { background:#ef0022 url(/images/bg_admin_menu.gif) repeat-x left top;; border:1px solid #005abb; }
button { font-size:14px; color:#ffffff; font-weight:bold; background:#005abb url(/images/bg_admin_menu.gif) repeat-x left bottom;; border:1px solid #ef0022; padding:4px 8px; margin-top:2px; cursor:pointer; }
button:hover { background:#ef0022 url(/images/bg_admin_menu.gif) repeat-x left top;; border:1px solid #005abb; }
a.button {width:116px; height:30px; display:block; background:url(../images/btn_register.png) no-repeat;}
a.button:hover { background-position:0 -30px; }
a.button span {display:none;}

/* Banner styles */
a.banner { margin:10px auto; padding:0; display:block; width:241px; height:89px; }
a.banner img { border:1px solid #ef0022; }

/* Photo gallery */
.gallery { overflow:hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #d2d2d2; }
.gallery li { width:154px; height:124px; padding:10px; float:left; text-align:center; }
.gallery img { padding:2px; border:1px solid #005abb; }

/* Camper Account */
fieldset,.formSection {
	border:1px solid #d7d7d7;
	padding:10px 10px 5px;
	margin:0 0 16px;
}
.formSection fieldset {
	border:none;
}
.formSection h2 {
	font-size:1.3em;
	font-weight:normal;
	margin:-10px -10px 15px;
	padding:7px 8px;
	background:#f1f1f1;
	border-bottom:1px solid #d7d7d7;
}
table.recordTable {
	border-collapse:collapse;
	margin:6px 0 16px;
	border:1px solid #d7d7d7;
}
table.recordTable th {
	margin:0;
	padding:8px 4px;
	font-size:inherit;
	font-weight:bold;
	color:#fff;
	vertical-align:middle;
	background:#005abb;
}
table.recordTable th a {
	color:#fff;
	text-decoration:underline;
}
table.recordTable th a:hover {
	color:#fff;
	text-decoration:none;
}
table.recordTable td {
	font-size:inherit;
	margin:0;
	padding:4px;
	border:1px solid #d7d7d7;
	vertical-align:middle;
}
.inputBox {
	width:297px;
	height:212px;
	float:left;
	display:inline;
	padding:10px;
	margin:0 5px;
	border:1px solid #005abb;
	background:#dddddd url(/images/bg_form.jpg) repeat-x top left;
}

/* Loading */
#mask {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	display:none;
	background-color: #d1d1d1;
	z-index:9999;
}
#loading {
	position:absolute;
	display:none;
	width:220px;
	height:80px;
	border:2px solid #ef0022;
	background:#fff;
	color:#ef0022;
	font-weight:bold;
	font-size:14px;
	line-height:31px;
	margin:0;
	padding:10px;
	text-align:center;
	z-index:99999;
}
#loading img {
	margin-top:10px;
}