/* css/01-centered.css */

/* CSS Document */

html {
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #333A96;
}

div#body {
	text-align: left;
	margin: 0 auto 0 auto;
	width: 800px;
}

.top-link {
	display: none;
}

#header {
	margin: 0;
	padding: 0;
	width: 800px;
/*
	background-image: url(/css/images/site/top.gif);
	background-repeat: no-repeat;
*/
}

#content {
	width: 760px;
	padding: 20px;
	background-color: white;
	margin: 0;
}

/* forces content to extend below any floats */
#contentend {
	clear: both;
}

#footer {
	clear: both;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 800px;
}

@media print {
body {
  background: white !important;
}

#content {
  margin-left: 0px;
  width: auto;
  margin-right: 0px;
  padding-left: 0;
  padding-right: 0;
}
}
/* css/02-header.css */



/* Nav references */

#header {
	margin: 0;
	/* margin-top: 10px; */
	padding: 0;
	background-color: #FFF;
	height: 200px;
	width: 800px;

}


#nav {
	background-color: #FFD500;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	text-align: center;
        height:30px;
        padding-top:3px;
}

#nav ul {list-style:none; margin:0 auto; padding:0; margin-bottom:5px; display:block; margin-left:8px;}

#nav ul li {color: #333A96; float:left; display:inline; padding:0 9px;}

#nav ul li.selected a {color: #FFD500;background-color: #333A96;text-decoration: none;}

#nav a {
	color: #333A96;
	padding: 1px;
        font-size:10px;
}

#nav a:hover {
	color: #FFD500;
	background-color: #333A96;
	text-decoration: none;

}



@media print {

#nav, #subnav {

  display: none;

}

}


/* css/03-footer.css */


#footer {
	text-align: center;
	clear: both;
	margin: 0;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #FFF;
	background-image: url(../uploads/bottom.gif);
	background-repeat: no-repeat;
	height: 30px;
}

#footer img {
	padding: 0;
	margin: 0;
}

#footer a, #footer p {
	font-size: 12px;
	line-height: 12px;
	color: #FFF;
	padding: 0;
	margin: 5px 0 5px 0;
}

#printfooter {
    display: none;
}

@media print {
#footer {
  display: none;
}

}
/* css/04-basics.css */

/* CSS Document */


/* General Document Formatting */

html {
	font-size: 13px;
}

object, embed {
  background: #FFF;
}

a {
  color: #5B7BA1;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:hover img {
  text-decoration: none;
}

img {
  border: 0;
}

dl {
  font-family: Verdana, Helvetica, sans-serif;
}

dd {
  padding-bottom: 20px;
}

dt {
  padding-bottom: 10px;
}

p, ul {
  font-size: 13px;
  font-family: Verdana, Helvetica, sans-serif;
}

p {
  margin-bottom: 10px;
}

h1 {
  padding-top: 5px; 
  padding-bottom: 5px; 

  color: #000; 
  font-size: 24px;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: normal;
}

h2 {
  padding-top: 5px; 
  padding-bottom: 5px; 

  color: #000; 
  font-size: 19px;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: normal;
}

h3 {
  padding-top: 5px; 
  padding-bottom: 5px; 

  color: #000; 
  font-size: 16px;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: normal;
}

h4 {
  padding-top: 0px; 
  padding-bottom: 5px; 

  color: #000; 
  font-size: 16px;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: normal;
}

table {
  margin-left: 50px;
}

td {
  padding: 0 20px 0 20px;
}

em {
  font-style: italic;
}

.callout {
	float: right;
	clear: right;
	margin: 10px;
	width: 150px;
}

.callout h1 {
	font-size: 16px;
	padding: 5px;
}

.callout a {
	display: block;
	font-size: 11px;
	padding: 5px;
	padding-top: 0;
}

.callout p {
	display: block;
	font-size: 11px;
	padding: 5px;
	padding-top: 0;
}

.callout img {
	float: left;
	padding-right: 10px;
}

.callout a.toplink {
	float: right;
	margin: 0 5px 0 5px;
	padding: 0;
	font-size: 11px;
}

/* table defaults for a 'standard' data table */

.basictable table {
    margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #DDD;
}

.basictable td, .basictable th {
	margin: 0;
	padding: 5px;
	vertical-align: top;
	font-size: 13px;
	border: 1px solid #DDD;
}

.basictable .titles, .basictable thead {
	font-weight: bold;
	color: #333;
}

/* @page { size: 8.5in 11in; margin: 2cm } */

@media print {
form {
  display: none;
}

a {
    color: black;
	text-decoration: none;
}

h1, h2, h3, dt {
  page-break-before: auto;
  page-break-after: avoid !important;
}

div, p, dt, dd, table, ol, ul, dl, img {
  page-break-inside: avoid !important;
}

.pagebreak {
	page-break-before: always;
	margin-bottom: 20px;
}

}
/* css/debug.css */

/* CSS Document */



div.debug {

}

div.debug table  {

	font-family: Verdana, Arial, Helvetica, sans-serif; 

	color: #000; 

	font-size: 12px;

	border-collapse: collapse;

	border: 1px solid #000;

	margin: 0;

}



div.debug .header { 

	font-weight: bold; 

	color: #FFF; 

}

div.debug td {

	vertical-align: top;

	padding: 5px;

	border: 1px solid #000;

}

div.debug .error {

	background-color: #F00;

	color: #FFF;

}



/* default */

div.debug td {

	background-color:#FFF;

}

div.debug table, div.debug .header { 

	background-color: #7A7; 

}

div.debug td.key { 

	background-color: #CFC; 

}



/* array */

div.debug .array, div.debug .array td.header { 

	background-color: #77A; 

}

div.debug .array td.key { 

	background-color: #CCF; 

}



/* object */

div.debug .object, div.debug .object td.header { 

	background-color: #AA7; 

}

div.debug .object td.key { 

	background-color: #FFC; 

}



/* resource */

div.debug .resource, div.debug .resource td.header { 

	background-color: #A7A; 

}

div.debug .resource td.key { 

	background-color: #FDF; 

}



/* xml */

div.debug .xml, div.debug .xml td.header { 

	background-color: #AAC; 

}

div.debug .xml td.key { 

	background-color: #CCF; 

}


/* css/form.css */

/* CSS Document */



/* form entries */



.form {

	display: block;

}



.form fieldset {

	border: none;

	position: relative;

	padding: 0;

	margin: 0;

}



.form legend {

	display: none;

}



.form label, .form .comment, .form .comment-required {

    display: block;

	font-family: Helvetica, sans-serif;

	color: #444;

	font-size: 11px;

	text-transform: uppercase;

	padding-left: 2px;

	margin: 0;

	line-height: 11px;



}



.form select {

	margin: 5px 0 5px 0;

}



.form #refinement select {

	margin: 0;

}



.form label.required { 

	color: #F00;

}



.form .comment-required {

	clear: left;

}



#form-error {

	background-color: #F33;

}



li.form-error {

	background-color: #F33;

	color: white;

	margin: 0;

	padding: 2px;

	width: 300px;

}



.form .comment {

	padding-bottom: 4px;

	line-height: normal;

}



.form label.checkradio {

    display: inline;

	margin-right: .5em;

}



.form input, .form textarea {

	font-family: Verdana, Helvetica, sans-serif;

	font-size: 13px;

	margin-bottom: 2px;

	padding: 2px;

}



.form .inline, .form .required-multifield, .form .required-newmultifield, .form .multifield, .form .newmultifield, .form .newfield, .form .multifield {

    float: left;

	margin-right: 0.5em;

	position: relative;

}



.form .required-field, .form div.newfield, .form .required-newmultifield, .form .field, .form .newmultifield, .form .comment {

	clear: left;

}



.form .submit {

	 clear: both; 

	 float: left;

	 position: relative;

}



#loginextras .form .field {

	float: right;

	text-align: right;

}





.hidden, .hidden input {

	display: none;

}


fieldset {
	clear: left;
}

.form .group {

	padding: 0;

	margin: 0;

}







#basic label {

 display: none;

}



#basic select {

	margin-top: 1px;

}



.datelabel {

	font-family: Verdana;

	font-size: 10px;

	padding-top: 10px;

}


/* css/gallery.css */

.file-image {
	margin: 0 auto 0 auto;
	text-align: center;
}

.gallery .file-details, .file-movie .file-details, .file-image .file-details {
	color: #333;
	font-size: 9px;
	font-weight: normal;
}

.gallery .directory .file-details {
    padding-left: 5px;
	color: #333;
	font-size: 12px;
	font-weight: normal;
}

.gallery .directory {
	font-weight: bold;
	clear: left;
	padding-top: 5px;
}

.gallery .file {
	font-weight: normal;
	clear: left;
}

.gallery .file-image {
	float: left;
	margin: 5px;
	width: 260px;
	height: 200px;
	padding: 5px 5px 60px 5px;
	list-style-type: none;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #DDD;
	background-color: #EEE;
}

.gallery .file-image img {
	margin: auto;
	border: 1px solid #DDD;
	display: block;
}

ul.gallery {
	list-style-type: none;
}

.file-nav {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 18px;
}

.file-nav a:hover {
	text-decoration: none;
}

.icon {
	/* float: left; */
	/* clear: left; */
	display: block;
	padding-right: 10px;
	padding-bottom: 10px;
}

ul.gallery li.directory {
	width: 220px;
	float: left;
	clear: none;
	padding-bottom: 10px;
	height: 240px;
}

iframe.detail, iframe.detail img {
	vertical-align: middle;
	margin: 0 auto 0 auto;
	text-align: center;
}

.file-nav .prev {
	display: block;
	float: left;
}

.file-nav img {
	padding: 5px;
	border: 1px solid #565495;
}

.file-nav .next {
	display: block;
	float: right;
}

.file-nav {
	text-align: center;
}

.file-nav-end {
	clear: none;
}
/* css/rounded.css */

/* CSS Document */

/* rounded corner support */
/* 
Typical xHTML markup for rounded elements 

<div>
	<b class='b1'></b><b class='b2'></b><b class='b3'></b><b class='b4'></b>
		<div class='boxcontent'>
			<div class='header'>
				Header content
			</div>
			Content goes here
		</div>
	<b class='b4b'></b><b class='b3b'></b><b class='b2b'></b><b class='b1b'></b>
</div>

Typical color replacement CSS

#rounded .boxcontent .header { background-color: gray; color: white; }
#rounded .b1, #rounded .b2 { border-left-color: gray; border-right-color: gray; }
#rounded .b3, #rounded .b4, #rounded .b4b, #rounded .b3b, #rounded .boxcontent { border-left-color: gray; border-right-color: gray; }
#rounded .b2b { border-left-color: gray; border-right-color: gray; } 
#rounded .b1b { border-left-color: gray; border-right-color: gray; } 
#rounded .b1 { background: gray; }
#rounded .b2, #rounded .b3, #rounded .b4 { background: gray; } 
#rounded .b1b { background: gray; } 

*/

.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b {
	display: block; 
	overflow: hidden; 
	font-size: 1px;
}

.b2, .b3, .b4 { 
	background: #FFF; 
}

.b2, .b3, .b4, .b4b, .b3b, .b2b { 
	border-left: 1px solid #CCC; 
	border-right: 1px solid #CCC; 
}

.b1, .b1b { 
	background: #CCC; 
}

.boxcontent { 
	display: block;
	background: #FFF; 
	border-left: 1px solid #CCC; 
	border-right: 1px solid #CCC; 
}

.b1, .b2, .b3, .b1b, .b2b, .b3b { 
	height: 1px; 
}

.b1, .b1b { 
	margin: 0 5px; 
}

.b2, .b2b { 
	margin: 0 3px; 
	border-width: 0 2px; 
}

.b3, .b3b { 
	margin: 0 2px; 
}

.b4, .b4b { 
	height: 2px; 
	margin: 0 1px; 
}

.boxcontent { 
	padding-bottom: 5px; 
}

.boxcontent .header { 
	margin-bottom: 5px; 
}

.tabbed-panel .tab, .tabbed-panel .selected {
	float: left;
	height: 20px;
	width: 150px;
	margin-right: 5px;
	color: black;
}

.tabbed-panel .selected .boxcontent, .tabbed-panel .tab .boxcontent {
	padding-left: 10px;
	padding-right: 10px;
}

.tabbed-panel .selected .boxcontent {
	background-color: #FFF;
}

.tabbed-panel .tab .boxcontent {
	background-color: #CCC;
}

.tabbed-panel .tab .b1, .tabbed-panel .tab .b2 { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .tab .b3, .tabbed-panel .tab .b4, .tabbed-panel .tab .b4b, .tabbed-panel .tab .b3b, .tabbed-panel .tab .boxcontent { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .tab .b2b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .tab .b1b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .tab .b1 { background: #CCC; }
.tabbed-panel .tab .b2, .tabbed-panel .tab .b3, .tabbed-panel .tab .b4 { background: #CCC; } 
.tabbed-panel .tab .b1b { background: #CCC; } 

.tabbed-panel .selected .b1, .tabbed-panel .selected .b2 { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .selected .b3, .tabbed-panel .selected .b4, .tabbed-panel .selected .b4b, .tabbed-panel .selected .b3b, .tabbed-panel .selected .boxcontent { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel .selected .b2b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .selected .b1b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel .selected .b1 { background: #CCC; }
.tabbed-panel .selected .b2, .tabbed-panel .selected .b3, .tabbed-panel .selected .b4 { background: #FFF; } 
.tabbed-panel .selected .b1b { background: #CCC; } 

.tabbed-panel  .panel-contents .b1, .tabbed-panel  .panel-contents .b2 { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel  .panel-contents .b3, .tabbed-panel  .panel-contents .b4, .tabbed-panel  .panel-contents .b4b, .tabbed-panel  .panel-contents .b3b, .tabbed-panel  .panel-contents .boxcontent { border-left-color: #CCC; border-right-color: #CCC; }
.tabbed-panel  .panel-contents .b2b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel  .panel-contents .b1b { border-left-color: #CCC; border-right-color: #CCC; } 
.tabbed-panel  .panel-contents .b1 { background: #CCC; }
.tabbed-panel  .panel-contents .b2, .tabbed-panel  .panel-contents .b3, .tabbed-panel  .panel-contents .b4 { background: #FFF; } 
.tabbed-panel  .panel-contents .b1b { background: #CCC; } 

.tabbed-panel .tab-panel {
	margin-top: 20px;
	margin-right: 10px;
	height: 26px;
	position: relative;
	z-index: 2;
}

.tabbed-panel .panel-contents {
	position: relative;
	top: -1px;
	z-index: 1;
}

.tabbed-panel .panel-contents .boxcontent {
	padding-left: 10px;
}

.tabbed-panel .panel-contents .b1 { 
	margin: 0 5px 0 0; 
}

.tabbed-panel .panel-contents .b2 { 
	margin: 0 3px 0 0; 
}

.tabbed-panel .panel-contents .b3 { 
	margin: 0 2px 0 0; 
}

.tabbed-panel .panel-contents .b4 { 
	margin: 0 1px 0 0; 
}

/* css/scd.css */

#news {
	width: 220px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
	border: 1px solid #333A96;
}

#news p, #news h3 {
	padding: 0 10px 0 10px;
}

#news h2 {
	background-color: #333A96;
	color: #FFF;
	padding: 10px;
	margin: 0;
}

.inset {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

.inset-coach {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

div.coach {
	clear: both;
	padding-bottom: 40px;
}

div.coach h2, div.coach h3 {
	padding-top: 0;
	margin: 0;
}
.vacation {
	color: #700;
	font-style: italic;
}

.photos img {
	padding: 5px;
}

blockquote {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: larger;
}

div.partner {
	float: left;
	width: 100px;
	height: 100px;
	border: 1px solid #DDD;
	padding: 10px;
	margin-right: 20px;
}


/* css/schedule.css */

/* CSS Stylesheet - SCHEDULE */

.schedule .job {
	background-color: #333A96;
	mborder-bottom: 1px solid #333A96;
}

.schedule .jog, .schedule .joy {
	background-color: #FFD500;
	mborder-bottom: 1px solid #FFD500;
}

.schedule .future {
	background-color: #F63;
	mborder-bottom: 1px solid #F63;
}

.schedule .novice, .schedule .nov {
	background-color: #F3C;
	mborder-bottom: 1px solid #F3C;
}

.schedule .camp {
	background-color: #6F3;
	mborder-bottom: 1px solid #6F3;
}

.schedule .lunch {
	background-color: #333;
	mborder-bottom: 1px solid #333;
}

.schedule .lessons, .schedule .lsn {
	background-color: #C3F;
	mborder-bottom: 1px solid #C3F;
}

.schedule .lessons1 {
	background-color: #C3F;
	mborder-bottom: 1px solid #C3F;
}

.schedule .lessons2 {
	background-color: #C3F;
	mborder-bottom: 1px solid #C3F;
}

.schedule .hs, .schedule .hsb, .schedule .hsc {
	background-color: #36F;
	mborder-bottom: 1px solid #36F;
}

.schedule .hsg {
	background-color: #FD0;
	mborder-bottom: 1px solid #FD0;
}

.schedule .weekend {
	background-color: #FFF;
}

.schedule .weekend-alt {
	background-color: #EEE;
}

.schedule .alt {
	background-color: #EEF;
}

.schedule table {
	border: 0;
	font-family: Verdana, Helvetica, sans-serif;
}

.schedule tr {
	border: 0;
}

.schedule td {
	border-top: 0;
	border-bottom: 0;
}

.schedule td {
	font-size: 10px;
	height: 10px;
	padding: 0;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	vertical-align: top;
}

.schedule .titles td {
	color: #000;
}

.schedule td.time {
	color: #000;
	text-align: right;
	width: 50px;
	border: 0;
	overflow: visible;
}

.schedule td.time span {
	top: -6px;
	padding-right: 0.2em;
	position: relative;	
}

tr.hour .time {
	font-weight: bold;
}

.schedule .day {
	width: 99px;
}

.competition {
	margin-left: 75px;
}