@charset "utf-8";/* Major structure elements */

html * {padding:0;margin:0}

body {background:#E5E5E5 url(../images/bg-wrap-content.png) 50% -5em no-repeat;font:normal normal .75em/1.25em Arial, Helvetica, sans-serif;padding:0}

a {text-decoration:none;color:#FFAB0C}

h1 {font-size:1.25em;padding:0 0 .5em;margin:0 0 -1em;border-bottom:1px solid #DDD;text-transform:uppercase}
h2 {font-size:1.1em;color:#FFAB0C;padding:1em 0 0;margin:1.15em 0 1em;border-top:1px solid #DDD}
h3 {font-size:1.1em;padding:.25em 0;margin:1em 0 .5em}

h1 small {font-size:10px}
h2 small {color:#000000;font-size:10px}

p {margin:0 0 1em}

#wrapper {float:left;width:100%;position:relative}

.wrap {width:100%;float:left;margin:0 auto}

/* ------------------------------
   Masthead
   ------------------------------ */

#wrapMasthead {background:#db0000 url(../images/bg-wrap-masthead.png) bottom left repeat-x;position:relative;z-index:1000}

#masthead {width:876px;margin:0 auto;padding:.5em 0 3em;background:url(../images/bg-mashhead.png) top left no-repeat;height:auto;position:relative}
#masthead a {color:#FFF;text-decoration:none}

#logo {position:relative;top:2em}

#masthead .first {border:0}

/* Info Nav */
#infoNav {text-align:right;padding-top:1.5em}
#infoNav li {display:inline;border-left:1px solid #ef9c9c;padding:0 .5em}
#infoNav li.first {border-left:0;padding-right:.5em}

/* Tab Nav */
#tabNav {float:left;width:100%;position:absolute;bottom:0;z-index:1000}
#tabNav *	{display:block}
#tabNav ul {float:right;clear:both;position:relative}
#tabNav ul li {float:left;list-style:none;background:url(../images/tabLeft-on.png) top left no-repeat;margin-left:1px;}
#tabNav ul li a {background:url(../images/tabRight-on.png) top right no-repeat;color:#E3E3E3}
#tabNav ul li span {padding:.5em .25em;background:url(../images/tabCenter-on.png) top center no-repeat;margin:0 10px}

#tabNav ul li a:hover {color:#FFF}

#tabNav ul li#current {background-image:url(../images/tabLeft-off.png)}
#tabNav ul li#current a {background-image:url(../images/tabRight-off.png);color:#000;font-weight:bold;text-decoration:none}
#tabNav ul li#current a span {background-image:url(../images/tabCenter-off.png)}

/* Dropdown (2nd tab level) */
#tabNav ul li ul {position:absolute;top:0;visibility:hidden;top:100%}
#tabNav ul li.hover ul {display:block}
#tabNav ul ul li {float:none;background:#e33515;margin:0;padding:0 .5em;position:relative}
#tabNav ul ul li.hover {background:#A71A00}
#tabNav ul ul li a, #tabNav ul li#current ul a  {background:none;padding:.5em;border-bottom:1px solid #d8503a;white-space:nowrap;color:#FFF;font-weight:normal}
#tabNav ul ul li.hover a {border-bottom-color:#A71A00}

/* IE6 fix for dropdown */
* html #tabNav ul ul li a {height:1.5em;display:block}

/* Top Address Location Info */
#locations {position:absolute;top:.5em;right:0;z-index:1000;width:65%;float:right;color:#FFF}
#locations li {float:right;list-style:none;padding:0 3%;border-right:1px solid #ef9c9c }
#locations li a {color:#ffc000;font-weight:bold}

/* ------------------------------
   Content
   ------------------------------ */
   
img#banner {display:block;margin:0 auto;border-top:5px solid #FFA800;position:relative;z-index:500}

#wrapContent {background:url(../images/bg-innerPage.png) top center repeat-y}

/* Default page Structure */

#content {width:837px;margin:0 auto;padding:1.5em 20px;position:relative}
#main {width:620px;float:left;padding-bottom:2em}
#sidebar {width:180px;float:right;padding-bottom:2em}

/* Inner Page Content Header */

#contentTop {width:100%;float:left;font-size:.8em;;color:#999}
#breadcrumb {float:left;text-transform:uppercase}
#breadcrumb a {color:#999}
#utility {float:right}
#utility span {margin-left:.5em;cursor:pointer}
#utility img {vertical-align:middle;margin:auto;padding:0}

/* Class for 1st textual contents */
#subnote {margin-top:1.25em;border-top:1px solid #DDD;padding-top:1em}
#subnote small {display:block;margin-top:-1em}

/* Sidebar */
#sidebar ul#links {margin-top:1.25em;}
#sidebar ul#links li{list-style:none;border-top:1px solid #DDD;padding:.5em 0;margin:0}
#sidebar ul#links li a {color:#333;padding-left:20px;background:url(../images/icon-arrow-right.png) center left no-repeat}
#sidebar ul#links li a:hover {color:#FF8600}

#highlights {border-top:1px solid #DDD;padding:1em 0;margin-top:1em}
#highlights li {list-style:none;margin:0 0 0.25em}
#highlights li a {display:block;height:100%;padding:.5em 0 .5em 20px;vertical-align:middle;color:#FFF;background:url(../images/btn-hightlight.png) top left no-repeat}
#highlights li a:hover {background-position:top right}

#sidebar h1 {margin-top:1.75em}

/* Homepage Styles */
#home #wrapContent{background:url(../images/bg-homePage.png) top center repeat-y}
#home #main {width:560px}
#home #sidebar {width:245px}
#home #sidebar h1 {margin-top:0}
#home #main h2 {margin-bottom:0}

/* #main content lists */
#main ul {margin:0 0 1em}
#main li {list-style:none;margin:0 0 .25em}

/* Contact Page Address */
#main #address li {margin:0 5% 2em 0;width:30%;float:left} 
#main #address li.last {margin-right:0}
#main #address li a {font-weight:bold}
#main #address li img {margin-top:1em;padding:20px 2px 2px;border:1px solid #EEE}

/* Defautl Tables */
table {width:100%;color:#FFF;margin:1em 0;padding:1em 0}
table * {text-align:center}
table th {background:#d10000 url(../images/bg-th.png) bottom left repeat-x;padding:.5em 0}
tbody td {background:#FF8600;padding:.5em 0}
td small {display:block;font-size:100%}
td.empty{background:none}

/* Rates Table */
table.rates td, table.rates th {width:33.3%}
table.rates thead th em {display:block;font-size:95%}
table.rates tbody td {height:4em}

/* Schedule Table */
table.schedule th, table.schedule td {width:12.5%}

/* Forms */
#main form {width:100%;margin:1em 0;display:block;float:left;clear:both}
#main form fieldset {width:100%;border:0;padding:0 0 1em}
#main form fieldset label {display:block}
#main form fieldset input {display:block;width:50%;border:1px solid #CCC;padding:.25em}
#main form textarea {width:75%;border:1px solid #CCC;padding:.25em}
#main form p#formCtrl {text-align:right;width:76.5%}
#main form p#formCtrl input {padding:.25em 1em}
#main form p.inline label {display:block;width:3em;float:left;padding:.25em}

#main form fieldset p.inline {width:100%;clear:both;float:left}
#main form fieldset p strong {display:block}
#main form fieldset p.inline input, #main form fieldset p.inline strong {float:left}
#main form fieldset p.inline input {width:15em}
#main form fieldset p.inline strong {padding:.375em}


/* Teacher Bios */
#teaching #main h2 {clear: both} 
#teaching #main img {float: left; margin: 0 1em .25em 0; border: 1px solid #EEE}
#teaching #main #utility img {float: none; border: none}

/* Validation error */
.warning {color:#F00;font-weight:bold}

/* For new student / mailing list signup */
.formCtrl {text-align:right;width:21em}
.formCtrl input {padding:.25em 1em}

#main p img.photo {float:left;margin:0 1em 1em 0;}

.more {text-align:right;vertical-align:middle}
.more a {padding:.125em 20px .125em 0;color:#FFAB0C;background:url(../images/btn-arrow-right.png) center right no-repeat;}

.txtCtr {text-align: center}

/* ----------------------------------
   Footer
   ---------------------------------- */

#wrapFooter {background:#DB0000 url(../images/bg-wrap-footer.png) top left repeat-x;padding-bottom:1em}

#footer {width:837px;margin:0 auto;padding:2em 20px;color:#FFF}
#footer a {color:#FFF}
#footer ul li {list-style:none}

#footer ul#footNote {text-align:right;float:right}
#footer ul#footNote li {padding:.25em 0}
#footer ul#footNote li a {padding-left:.5em;border-left:1px solid #ef9c9c}
#footer ul#footNote li a.first {border:none;padding-right:.5em}

#footer ul#sisterCo {float:left}
#footer ul#sisterCo li {float:left;text-align:center;margin-right:1em}
#footer ul#sisterCo li * {display:block}
#footer ul#sisterCo li a img {border:0}
#footer ul#sisterCo li a:hover strong {text-decoration:none}