/* basic overrides */
* 

{margin:0; padding:0;}

body {text-align:center; background:#fff; font-family:verdana, sans-serif; color:#333; font-size:11px; margin: 10px 0 0 30px;  width:830px;}
ul {margin: 5px 5px 5px 5px;}
li {margin:0 0 0 20px; list-style-type:square;}
tr {vertical-align: text-top}
.principalsList { list-style-type:upper-roman; margin: 10px 0 0 20px; }
.principals { margin: 0 0 0 20px; font-size:12px; }

/* Page Structure */
#container {border: 1px solid black; width:794px; position:relative;}
#header {width: 794px; height:176px; background: #082C44 url(images/banner.jpg) top left no-repeat; }
#content {width: 794px; text-align: left; height: 700px; }
#content2 {width: 794px; text-align: left; height: 800px; }
#regContent {width: 794px; text-align: left; height: 550px;  background-color:#C7E8FF; }
#footer {width: 794px; height:32px; background: transparent url(images/bottom-fade.jpg) repeat-x;}

/* Header Items */
#selectorBox {width:212px; height:176px; color:#8FD2FF; float: left;}
#selectorBox hr {border: 0; color:#8FD2FF; background-color:#8FD2FF; height: 1px; width: 80px; text-align: left; margin:15px 0 0 66px;}
#selectorBox h1 {font-size: 20px;}
#selectorBox h2 {font-size: 12px;}
#selectorBox h1 a {text-decoration: none; color:#8FD2FF;}
#selectorBox h1 a:link{color:#8FD2FF;}
#selectorBox h1 a:active {color:#8FD2FF;}
#selectorBox h1 a:visited {color:#8FD2FF;}
#selectorBox h1 a:hover {color:#8FD2FF;}
#selectorBox li {list-style-type:none; margin:0 0 0 0px;}
#selectorBox ul {margin:25px 0 0 0; text-align:left;}
#selectorBox ul a {display:block; text-decoration: none; width:192px; color:#8FD2FF; font-size:14px; padding:0 0 0 20px;}
#selectorBox ul a:link{color:#8FD2FF;}
#selectorBox ul a:active {color:#8FD2FF;}
#selectorBox ul a:visited {color:#8FD2FF;}
#selectorBox ul a:hover {background-color:white; color:#000;}
#selectorBox .musictogether {font-size: 18px; color: #8FD2FF;}
#selectorBox .musictogether a:link{color:#8FD2FF;}
#selectorBox .musictogether a:active {color:#8FD2FF;}
#selectorBox .musictogether a:visited {color:#8FD2FF;}
#selectorBox .musictogether a:hover {color:#8FD2FF;}

#selectorBox .icancreate {font-size: 18px; color: orange}
#selectorBox .icancreate a:link{color:orange;}
#selectorBox .icancreate a:active {color:orange;}
#selectorBox .icancreate a:visited {color:orange;}
#selectorBox .icancreate a:hover {color:orange;}

#selectorBox .reg a:link{color:orange;}
#selectorBox .reg a:link{color:orange;}
#selectorBox .reg a:link{color:orange;}
#selectorBox .reg a:link{color:orange;}

/* Content Items */
#left {float: left; width: 265px; height: 100%; background-color:#C7E8FF; font-size:12px;}
#middle {float: left; width: 264px; height: 100%; font-size:12px;}
#middle li {margin-top: 15px;}
#right {float: left; width: 265px; height: 100%; background-color:#8FD2FF;}
#content h1, #regContent h1 { font-size: 12px; margin:15px 5px 5px 5px ;}
#content p, #regContent p {margin: 5px 5px 0 5px; text-indent: 11px;}
#content2 h1, #regContent h1 { font-size: 12px; margin:15px 5px 5px 5px ;}
#content2 p, #regContent p {margin: 5px 5px 0 5px;}
.pushDown {margin-top:15px;}
.topad {margin: 5px; padding:5px 10px 5px 10px; border-bottom: 1px dashed black; font-size:12px; text-indent:0px;}
.ad {margin:5px 5px 10px 5px; padding:5px 5px 5px 5px; border: 1px dashed black; font-size:12px; text-indent:0px;}
.hotAd {margin:5px 5px 10px 5px; padding:5px 5px 5px 5px; border: 2px dashed red; font-size:12px; text-indent:0px;}
.ad p, .hotAd p {text-indent:0px; margin:2px; font-size:12px; text-indent:0px;}

#nameBox {float: left; width: 265px; height: 100%; background-color:#C7E8FF; font-size:12px;}
#nameBox #firstLevel {margin-top:15px;}
#nameBox li {list-style:none; margin-bottom:5px;}
#nameBox #secondLevel {margin:0;}
#nameBox a {color:#333; text-decoration:none;}
#nameBox a:visited {color:#333; text-decoration:none;}
#nameBox a:active {color: #333; text-decoration:none;}
#nameBox a:hover {color:#333; text-decoration:underline;}
#nameBox a:link {color: #333; text-decoration:none;}

#locationBox {float: left; width: 265px; height: 100%; overflow-x: hidden; overflow-y: scroll;  background-color:#C7E8FF; font-size:12px;}
#locationBox a {color:#333; text-decoration:none;}
#locationBox a:visited {color:#333; text-decoration:none;}
#locationBox a:active {color: #333; text-decoration:none;}
#locationBox a:hover {color:#333; text-decoration:underline;}
#locationBox a:link {color: #333; text-decoration:none;}
#locationBox .location { margin-left: 5px; height:66px; width:225px;}
#locationBox .location2 { margin-left: 5px; height:43px; width:225px;}
#locationBox .fhover {border: 1px solid black; height:68px; margin-left: 5px;}
#locationBox .fhover2 {border: 1px solid black; margin-left: 5px; height:45px; }
#locationBox .smalltext {font-size:10px;}


#personalHistory {float:left; width: 529px; height:100%;}
#personalHistory p {font-size:12px; margin-top:10px;}

#blurbContainer { width:100%; height:100px; }
.blurb {float:left; height: 86px; width: 250px; margin:5px 5px 0 5px; border: 1px dashed black;}
.blurb p { text-indent: 0px; text-align:center;  font-size:12px; }



#help {height: 28px; background-color:#8FD2FF; border: 1px solid #8FD2FF;}
#regFormContainer {width:100%; height:390px; background-color:#C7E8FF;}
#child2, #child3, #child4, #child5, #child6 {visibility:hidden;}
#zip, #state {width:50px;}
#regFormContainer #cnumber {width:40px;}
#regFormContainer #formTable {margin:0 20px 0 20px;}
#regFormContainer p {text-indent:0; margin:0; font-weight:bold;}
#regFormContainer label {font-weight:bold;}
#regFormContainer input, textarea, select {border: 1px solid #525252;}
#regFormContainer .button {display:block; font-weight:bold; border: 1px solid #525252; text-align:center; text-decoration:none; background-color:#8FD2FF; padding:5px; height:12px; width:60px;}
#regFormContainer .buttonContainer {}

#previewWindow {position:absolute; top:-99999px; left:-99999px; height:400px; width:500px; background-color:#C7E8FF; text-align:left; font-size:12px; border:2px solid #525252}
#previewWindow p {margin:5px;}
#previewWindow .button {font-weight:bold; float:left; margin-left: 5px; display:block; border: 1px solid #525252; text-align:center; text-decoration:none; background-color:#8FD2FF; padding:5px; height:12px; width:60px;}
#previewContent {height:275px; overflow-x: hidden; overflow-y: scroll; background:#FFFFFF;}
#regPreviewInfo {height:80px; border:1px solid #525252;}

#paymentContainer {width:100%; height:672px; background-color:#C7E8FF;}
#paymentContainer p {text-indent:10px; margin:0 0 30 5px; }
#paymentContainer blockquote { padding-left:50px; }
#paymentContainer form {margin: 5px 0 0 15px;}
.payment{margin:10px 5px 10px 0;}

.schedule {width: 784px; border: 1px solid black; }
.schedule td {padding: 10px}
.schedule th {font-weight: bold; padding: 10px}
#oneweek{width: 784px; height: 200px; border: 1px solid black; margin:0 0 0 4px;}
#oneweek th{width: 112px;}
.Leandro {color:#000066;}
.Fremont {color:#336633;}
.Hayward {color:#FF3300;}
.Union {color:#990000;}
#oneweek div{}
.dayoftheweek{font-weight: bold;}
.location {font-size: 12px;}
.time{font-size: 12px;margin: 5px 0 0 0;padding: 0;}
#oneweek p {margin:2px 0 2px 0; text-indent:0px;}
.blue{background-color:#C7E8FF;}



/*map stuff*/
#mapColumn{float:left; width:529px; height:100%; overflow:hidden;}
#mapInfo{ height:20px; width:529px;}
#mapInfo p { visibility:hidden; font-size:12px; font-weight:bold; margin-top:10px; text-indent:0px;}
#map{ height:390px; width:527px;}
#mapForm { position:absolute; top:-9999px; left:-9999px; height:200px; width:220px; background-color:#C7E8FF; border:1px solid black;}
#mapForm label {width:50px; margin:5px;}
#mapForm input {margin:5px; width:190px;}
#mapForm #mapFormData{margin: 10px 10px 5px 10px;}
#mapForm #mapFormData .button {border: 1px solid #525252; text-align:center; padding:5px; text-decoration:none; background-color:#8FD2FF;}
#mapForm #mapFormData a {color: #333;}
#mapForm #mapFormData a:visited {color: #333;}
#mapForm #mapFormData a:active {color: #333;}
#mapForm #mapFormData a:hover {color: #333;}
#mapForm #mapFormData a:link {color: #333;}


#mapForm #mapFormData #actions {margin:10px;}

#altMap { position:absolute; top:-9999px; left:-9999px; height:270px; width:529px; background-color:#C7E8FF; border:1px solid black;}


/*Footer Items */
#footer p {float: right; margin: 10px 5px 0 0;}
#footer a {text-decoration: none;}
#footer a:link{color:#333;}
#footer a:hover{color:#333;}
#footer a:visited{color:#333;}
#footer a:active{color:#333;}


/* MISC */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

#switcher {position:absolute; top:0px; right:0px; height:176px; width:582px; margin:0; padding:0px;}
#bigKidsIntensive {visibility:hidden; position:absolute;left:10px;top:10px; background-color:#FFFFFF; border: 1px solid black;padding:5px;}