@charset "UTF-8";
/* CSS Document */

/* PAGE STRUCTURE */

html, body { height: 100%; margin: 0; padding: 0; border: 0; }

body { background-color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #666666; margin: 0; padding: 0; }

body#home { background-image:url(images/bgHome.jpg); background-position: top left; background-repeat: no-repeat; }
body#about { background-image:url(images/bgAbout.jpg); background-position: top left; background-repeat: no-repeat; }
body#sls { background-image:url(images/bgSLS.jpg); background-position: top left; background-repeat: no-repeat; }
body#vocal { background-image:url(images/bgVocalStudio.jpg); background-position: top left; background-repeat: no-repeat; }
body#lessons { background-image:url(images/bgLessons.jpg); background-position: top left; background-repeat: no-repeat; }
body#news { background-image:url(images/bgNews.jpg); background-position: top left; background-repeat: no-repeat; }
body#resources { background-image:url(images/bgResources.jpg); background-position: top left; background-repeat: no-repeat; }
body#contact { background-image:url(images/bgContact.jpg); background-position: top left; background-repeat: no-repeat; }
body#subpage { background-image:url(images/bgSubpage.gif); background-position: top left; background-repeat: no-repeat; background-color: #FFFFFF; }


#container { width: 585px; padding-left: 50px; min-height: 100%; }
* html #container { height: 100%; }

#header { padding-top: 0; padding-top: 25px; padding-left: 25px; }

#content { background-color: #FFFFFF; margin: 0px; padding-top: 30px; padding-right: 25px; padding-left: 25px; padding-bottom: 10px; /*min-height: 100%;*/ }

#content .inner { width: 400px; }

/* SUBPAGE ELEMENT VARIATIONS */

#subpage #nav li, #subpage #subNav li { border-left-color: #FF6600; }

#subpage #nav li a, #subpage #subNav li a { color: #000000; }

#subpage #nav li#current a, #subpage #subNav li#current a { color: #666666; font-weight: bold; }

#subpage #nav li.parent.active a { font-weight: bold; color: #666666; }

#subpage #footer { background-color: #FFFFFF; }

#subpage #footer h3 { color: #FF6600; }

#subpage #footer label, #subpage #footer li a:link, #subpage #footer li a:visited { color: #666666; }

#subpage #footer li a:hover { color: #FF6600; }

#subpage #footer li { border-left-color: #FF6600; }

/* NAVIGATION */

img[title='SWVS'] { padding-bottom: 10px; }

div.moduletable, ul#subNav, ul#nav { margin: 0; padding: 0; }

ul#subNav { font-size: .6em; padding-bottom: 10px; }

ul#nav { font-size: .7em; padding-top: 5px; margin-bottom: 0; }

#subNav li, #nav li { text-transform: uppercase; padding-left: 5px; padding-right: 5px; margin: 0; border-left-width: 1px; border-left-style: solid; border-left-color: FFFFFF; list-style-type: none; float: left; margin: 0; color: #FFFFFF; }

#nav li.item1, #subNav li.item52, #subNav li.item96, #subNav li.item97, #subNav li.item120, #subNav li.item43, #subNav li.item50, #footer li.item105 { padding-left: 0; border: none; }

#nav li.parent.active a { font-weight: normal; color: #FFF000; }

#subNav li#current a, #nav li#current a { color: #FFF000; }

#subNav li a, #nav li a { color: #FFFFFF; text-decoration: none; }


/* CONTENT ELEMENTS */

h1, h2, h3, h4, h5, h6, .contentheading, .componentheading { color: #000000; font-family: Helvetica, Arial, Verdana, sans-serif; }

h1 { text-transform: uppercase; font-size: 2.85em; letter-spacing: .05em; }

h2 { font-size: 1em; text-transform: none; letter-spacing: 0; padding-top: 10px; margin-bottom: 0; padding-bottom: 0; }

h3 { font-size: .8em; text-transform: none; letter-spacing: 0; padding-top: 10px; margin-bottom: 0; padding-bottom: 0; }

.contentheading { text-transform: uppercase; font-size: 2em; font-weight: bold; letter-spacing: 0; padding-top: 22px; margin-bottom: 0; padding-bottom: 0; }

h1.cf_text { font-size: 2em; }

.contentheading .contentpagetitle { font-size: 1.5em; letter-spacing: .05em; }

.componentheading { text-transform: uppercase; font-size: 2em; padding-top: 24px; font-family: Helvetica, Arial, Verdana, sans-serif; color: #000000; font-weight: bold;  }

p { font-size: .7em; margin-top: 0; padding-top: 0; }

a:link, a:hover, a:visited { color:#3300FF; text-decoration: underline; }

a.readon { font-size: 1em; }

img[title='Rebecca Lam'] { margin-left: 10px; }

ul, ol { font-size: .7em; }

ul {}
ul li {}

ol {}

.clear { clear: both; }

.push { height: 31px; clear: both; }




/* BLOG PAGE FORMATTING */

table.blog tbody tr td br { height: 0; width: 0; padding: 0; margin: 0; float: left; }

table.blog { font-size: .7em; }

table.blog p, table.blog a { font-size: 1em; }

div.blog_more ul li { font-size: 1.3em; }

.blog .contentheading { padding-top: 10px; text-transform: none; font-weight: bold; font-size: 1.2em; }

.article_separator { height: 0; visibility: hidden; }

.blog .contentpagetitle { font-size: 1em; text-transform: none; letter-spacing: 0; }

.blog table.contentpaneopen { padding-right: 8px; }

.pagenav {  }

.blog_more div { }


/* STUDENT LOGIN FORM */

div#login { float: right; text-align: left; width: 150px; }

div#login .moduletable { margin: 0; padding: 0; }

div#login form { font-size: 70%; margin-left: 10px; margin-top: 0; padding-top: 0; }

div#login h3 { margin-left: 10px; padding-top: 15px; margin-bottom: 5px; font-size: 120%; }

div#login form fieldset { border: none; margin-top: 0; padding-top: 0; }

div#login form label { width: auto; font-size: 130%; padding-top: 2px; }

div#login form p#form-login-password, div#login form p#form-login-username { clear: both; padding: 0; margin: 0;  }

div#login form input.inputbox { width: 115px; }

div#login form input[type='password'] { float: none; }

div#login form input[type='submit'] { margin-left: 0; }

div#login ul { font-size: 90%; margin-left: 0; padding-left: 20px;  }
div#login ul.menu { font-size: .7em; margin-left: 10px; }


/* FORMS */

#content form {}

#content form label { display: block; width: 170px; float: left; font-size: 70%; font-weight: bold; text-align: right; padding: 2px 5px 2px 0; }

#content form input[type='text'], #content form textarea, #content form input[type='password'] { float: left; border: solid 1px #333333; padding: 2px; width: 210px; }
#content form textarea { font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; }
.validation-advice { font-size: 70%; color: #FF0000; margin-left: 5px; float: left; }

#content form input[type='text'], #content form textarea, #content form select, #content form input[type='submit'] { margin-bottom: 10px; }

#content form select { width: 210px; }

#content form input[type='submit'] { margin-left: 175px; }

#content form input#chrono_verification { width: 80px; }

div.chronoform { display: hidden; height: 0; font-size: 0; }

#content form .clear { height: 0; }


/* FOOTER */

#footer { background-color: #000000; padding-left: 50px; height: 31px; clear: both; position: relative; margin-top: -31px; margin-bottom: 0; }

#footer * { float: left; font-size: 75%; }

#footer .inner { padding-top: 7px; font-size: 100%; }

#footer .inner .moduletable { font-size: 100%; }

#footer h3, #footer ul {padding-top: 3px; }

#footer h3 { color:#FFFF00; padding-right: 10px; text-transform: uppercase; font-weight: normal; margin: 0; }

#footer form {  }

#footer label { display: block; padding-right: 10px; padding-top: 4px; color: #FFFFFF; text-transform: lowercase; font-size: 70%; }

#footer input[type='text'], #footer input[type='password'] { margin-right: 10px; padding: 2px; border: none; background-color: #CCCCCC; width: 100px; }

#footer input[type='submit'] { margin-right: 10px; }

#footer ul { padding-left: 0; margin: 0; font-size: 100%; }

#footer ul li { color: #FFFFFF; margin: 0px; padding-right: 5px; padding-left: 5px; border-left-width: 1px; border-left-style: solid; border-left-color: #FFFF00; list-style-type: none; text-transform: lowercase; font-size: 100%; }

#footer ul li a:link, #footer ul li a:visited { color: #FFFFFF; text-decoration: none; }

#footer ul li a:hover { color: #FFFF00; }