/* Blocks */
body { color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
img { border:none; }
#nav li { list-style:disc; color:#000000; }
.body-facilitators #content-split{ display:none; }
.body-teachers #content-split{ display:none; }
.body-youths #content-split{ display:none; }
#text_only { position:absolute; top:30px; }

/* Content */
#ribbon { display:block; margin:30px 0; }
#ribbon img { display:inline; }

/* Footer */
.icon_phone { background:url('icon_phone.png') no-repeat top left; padding-left:22px; }
.icon_email { background:url('icon_email.png') no-repeat top left; padding-left:22px; }
.icon_bookmark { background:url('icon_bookmark.png') no-repeat top left; padding-left:22px; }
.icon_address { background:url('icon_address.gif') no-repeat top left; padding-left:22px; }

/* Utility */
.clear { clear:both; height:1px; overflow:hidden; }
.clear.left { clear:left; height:1px; overflow:hidden; clear:right; }
.clear.right { clear:right; height:1px; overflow:hidden; }

/* Form */
.login input { width:132px; }
.login .submit { width:143px; }
form p { color:#888888; font-size:10px; margin:0 0 20px 0; }
form em { font-style:normal; font-weight:bold; }
form input { max-width:250px; }
form li { list-style-type:none; }
form fieldset legend { font-size:150%; padding:0; }
label u { font-style:normal; text-decoration:underline; }
form div textarea {	overflow:auto; width:300px; height:60px; }
form div { clear:left; display:block; margin:0 0 10px 0; }
form fieldset div.notes { float:right; width:140px; height:auto; margin:0 0 10px 0; background-color: #ffffe1; color: #666666; font-size:88%; }
form fieldset div.notes h4 { background-image: url(icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0 3px 27px; border-width: 0 0 1px 0; border-style: solid; border-color: #666666; color: #666666; font-size: 110%; }
form div.required { font-weight:bold; }
form div label { display:block; float:left; width: 100px; padding:3px 0; margin:0 0 5px 0; }
form input.availCB { float:left; display:block; width:20px; height: expression('1%'); padding:0; text-align: left; }
form div.optional label, label.optional { font-weight: normal; }
form div.required label, label.required { font-weight: bold; }
form div.DOBrequired select, div.DOBrequired input { margin:0; padding:1px 3px; }
form div label.labelCheckbox, form div label.labelRadio { float:none; display: block; width:10px; height: expression('1%'); padding: 0; text-align: left; }
form div fieldset label.labelCheckbox, form div fieldset label.labelRadio { margin: 0 0 5px 0;  }
form div img { border: 1px solid #000000; }
#content .error { display:block; font-weight:bold; margin:0 0 12px; color:#FF0000; }
#content form .error { display:block; font-weight:bold; margin:0 0 0 100px; width:200px; color:#FF0000; font-size:10px; }
form div input, form div select { padding:1px 3px; margin:0; }
form div input.inputFile { width:211px; }
form div select.selectOne, form div select.selectMultiple { max-width:211px; padding:1px 3px; }
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio { display:inline; height:14px; width:14px; background-color:transparent; border-width:0; padding:0; margin:0; }
form div.submit { margin:20px 0 0 0; width:214px; padding:0; }
form div.submit div { display:inline; float:left; text-align:left; width:auto; padding:0; margin:0; }
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton { background-color: #cccccc; color: #000000; width: auto; padding: 0 6px; margin: 0; }
form div.submit div input.inputSubmit, form div.submit div input.inputButton { float: right; margin: 0 0 0 5px; }
form div small { display: block; margin: 0 0 5px 0px; padding: 1px 0; font-size: 88%; height: expression('1%'); }
label img { behavior: url(label_img.htc); }
form fieldset legend { line-height: 150%; }
form textarea.expanding { overflow: auto; overflow-x: auto; overflow-y: visible; }
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio { display: block; width: 100px; padding: 4px 0px 0px 0px; text-indent: -18px; line-height: 120%; }
form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio { margin:0;}
form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea { width:160px; margin:0; }
form div label.compact { display:inline; width:auto; padding:4px 10px 0px 0px; text-indent:0px; margin:0; }
form div.wide label { width:300px; float:none; display:block; }
form div label.wide { width:300px; }
form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {width:300px; margin:0; }
form div.notes p, form div small { line-height:125%; }
form div.wide small { margin:0 0 5px 0; }
