/* General Settings
----------------------------------------- */
* { padding: 0; margin: 0; }

body { font-family:Verdana, Geneva, sans-serif; font-size:0.9em; background: #8cbcd2 url(../images/body_bg.jpg) 0 0 repeat-x; }
img { border: none; }
ul { list-style:none; }

h1 { font-size: 100%; color:#000;}
h2 { font-size: 90%; color:#333;}
h3 { font-size: 80%; color:#3b7391; line-height: 1.6em; margin-top: 1em; margin-bottom: 1em; }
h4 { font-size: 70%; color:#999;}
p { font-size: 0.8em; color:#000; text-align:justify; margin: 1.9em 0; line-height:1.9em;}
blockquote { font-size: 0.8em; color:#000; text-align:justify; margin: 1.9em 0; line-height:1.9em;}

a { color:#3b7391;}
a:hover { color:#300c09; text-decoration:none;}

.classes { text-decoration:none;}
.waystoenroll { list-style:disc; font-size: 80%; padding: 10px;}
.disclaimer { font-size: 10px; color: #999;}
.red { color: #f00; }

/* Wrapper
----------------------------------------- */
#wrapper { margin: 0 auto; width: 787px; }
#faux { background: url(../images/bbm_col.gif); width: 100% }
#faux { border: 1px solid #fff; }

/* Images
----------------------------------------- */
img.logo { width: 228px; height: 191px; }
img.mainimg { width: 559px; height: 191px; }
img.pdf { width: 16px; height: 16px; vertical-align:middle; }
img.btp { width: 7px; height: 5px; }
img.classcd { background-color: #fff; float: left; margin: 0 20px 15px 0; padding: 3px; width: 100px; height: 100px; }

/* Header
----------------------------------------- */
#header { text-align:center; padding: 50px 0px 5px 0px; width: 787px; margin:0 auto; color: inherit; background: #3b7391 url(/images/body_top_bg.jpg) 0 0 repeat-x; border-left: 1px solid #fff; border-right: 1px solid #fff; font-size: 90%;}
#header li { display: inline; }
#header li.first { background: none; padding-left: 0; }
#header li a { color: #fff; font-weight:bold; background-color: inherit; text-decoration: none; padding: 7px 7px; }
#header a:hover { color:#f2cb0f; }

/* Left Column
----------------------------------------- */
#leftcolumn { display: inline; color: #b4a666; font-size: 75%; line-height: 2.7em; margin: 0px; padding-right: 20px; width: 207px; float: left; text-align:right; background: #f6e9a9; }

a.curriculum { color:#333; text-decoration:none; font-size: 130%; font-weight:bold;}
a.curriculum:hover { color:#000; text-decoration:underline; font-weight:bold;}
a.village { color:#cc8200; text-decoration:none; font-size: 120%; font-weight:bolder; line-height:0.8em;}
a.village:hover { color:#e08c37; text-decoration:underline; font-weight:bold;}
a.ourtime { color:#0078bf; text-decoration:none; font-size: 120%; font-weight:bold; line-height:0.8em;}
a.ourtime:hover { color:#3b7391; text-decoration:underline; font-weight:bold;}
a.voice { color:#4c9692; text-decoration:none; font-size: 110%; font-weight:bold; line-height:1.6em;}
a.voice:hover { color:#23615d; text-decoration:underline; font-weight:bold;}
a.piano { color:#6e4c78; text-decoration:none; font-size: 110%; font-weight:bold; line-height:1.6em;}
a.piano:hover { color:#4e0068; text-decoration:underline; font-weight:bold;}


/* Right Column
----------------------------------------- */
#rightcolumn { float: right; color: #333; margin: 5px 15px 20px 15px; width: 527px; display: inline; position: relative; }

/* Footer
----------------------------------------- */
#footer { width: 787px; background: #3b7391 url(/images/body_bottom_bg.jpg) 0 0 repeat-x; padding: 5px 0 27px 0; text-align:center; color:#9cb1bd; font-size: 70%; }
#footer li { display: inline; }
#footer li.first { background: none; padding-left: 0; }
#footer a { color: #9cb1bd; background-color: inherit; text-decoration: none; padding: 3px 3px; }
#footer a:hover { color:#f2cb0f; text-decoration:none; }
#footer { border: 1px solid #fff; }

#footer a.linkcreative { background: transparent; color:#b4d4e6; text-decoration:underline;}
#footer a.linkcreative:hover { background: transparent; color:#efcc0e; text-decoration:none;}


/* Classes
----------------------------------------- */
#village { display: inline; color: #333; font-size: 0.8em; line-height: 1.6em; margin: 0 0 10px 0px; width: 260px; float: left; text-align:center; position: relative;}
#ourtime { display: inline; color: #333; font-size: 0.8em; line-height: 1.6em; margin: 0 0 10px 0px; width: 260px; float: right; text-align:center; position: relative;}

#villagedet { display: inline; color: #333; font-size: 0.8em; line-height: 1.6em; margin: 0px; width: 260px; float: left; text-align:center; margin: 10px 0px 0px 0px; position: relative;}
#ourtimedet { display: inline; color: #333; font-size: 0.8em; line-height: 1.6em; margin: 0px; width: 260px; float: left; text-align:center; margin: 10px 0px 0px 0px; position: relative;}


#classdetails { color: #333; background-color: #f6e9a9; width: 230px; float: right; margin: 10px 0 0 0; border: 1px solid #000;}
#classdethead { background-color:#3b7391; font-weight:bold; color:#fff; text-align:center;}

#classdetails dl {  }
#classdetails dt { font-size: 0.7em; float: left; text-align: right; padding: 5px 5px; width: 50px; font-weight: bold; }
#classdetails dd { font-size: 0.7em; float: right; text-align: left; padding: 5px 10px; width: 150px; }

.classschedule { font-size:70%; width: 520px; padding: 0; border-top:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #333;}
.classschedule td { text-align: center; padding:5px;}
.classheader { background: #486283 url(../images/class_bg.gif) 0 0 repeat-x; }
.classheader th { font-size: 1.1em; padding: 4px; border-right:1px solid #486283; border-bottom:1px solid #486283; }
.classrow1 { background:#fff; }
.classrow1 td { border-right:1px solid #486283;}
.classrow2 { background:#f1f1f1; }
.classrow2 td { border-right:1px solid #486283;}
.classrowext { background:#f4edb1; }
.classrowext td { font-size: 1.1em; padding: 4px; border-right:1px solid #486283; border-top:1px solid #486283; font-weight: bold; font-style:italic; }

.classcd { float:left; width: 100px; height: 100px; margin: 5px 10px 5px 0; border:1px solid #333; }

/* Schedule
----------------------------------------- */
table.hide { visibility: hidden;}
#the-table { border:1px solid #000; }

/* Locations
----------------------------------------- */
.locations { margin-left: 20px; list-style-image:url(../images/bullet_yellow.gif); line-height: 1.5em; font-size: 80%; color:#333;}
#map { width: 510px; height: 320px; border:1px solid #000; font-size: 80%; text-align: center; }

/* Teachers
----------------------------------------- */
.teachchar { padding: 0; margin-left: 10px; border:1px solid #fff;}
.teachand { padding: 0; margin-right: 10px; border:1px solid #fff;}
.etah { margin-left: 20px; list-style-image:url(../images/bullet_yellow.gif); line-height: 1.5em; font-size: 70%; color:#333;}
.teacherbrief { float: left; margin: 5px 15px 5px 0; text-align: center; width: 245px; }
.teacherbrief p { padding: 10px; text-align: left; }

/* FAQ
----------------------------------------- */
.faqs { margin-left: 20px; list-style-image:url(../images/bullet_yellow.gif); line-height: 2em;}
.faqs a { margin-left: 5px; font-size: 80%; text-decoration:none; color: #3b7391;}
.faqs a:hover { margin-left: 5px; font-size: 80%; text-decoration:underline; color: #333;}
a.backtotop {font-size:10px; color:#8b8665; text-decoration:none;}
a.backtotop:hover {font-size:10px; color:#8b8665; text-decoration:underline;}

/* -- Testimonials -- */

.quote { font-family: georgia, serif; color: #666; font-style: italic; margin-bottom: .5em; line-height: 1.7em; }
.quoted { color: #666; font-weight: 600; font-size: 90%; margin: 10px 0 20px 0; background: url(../images/comment.gif) no-repeat 0 0; padding: 0 0 20px 20px; border-bottom: 1px solid #CCC; }


/* Policies
----------------------------------------- */
.policies { margin-left: 20px; list-style-image:url(../images/bullet_yellow.gif); line-height: 2em; font-size: 80%;}

/* -- Preview Form -- */
form { margin: 0; padding: 0; }
fieldset { padding: 0 0 10px 10px; margin: 0; border: 1px solid #3b7391; }
legend { font-weight: bold; font-size: 0.8em; padding-bottom: 8px; color: #666; background-color: inherit; }
dt { float: left; width: 30%; text-align: right; padding: 5px 10px 0 0; font-size: 0.8em;}
label.last { font-weight: bold; text-align: left; padding-left: 10px; }
input, textarea, select { margin: 5px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 0.8em; padding: 1px 3px; }
input.submit { margin: 0; padding: 3px; color: inherit; background-color: #FDFE9A; }
.errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1em; }

/* -- Contact Form -- */
#contactform { border: 1px solid #3b7391; }
#contactform .clabel { font-size: 0.8em; font-weight: bold; padding: 10px 5px; text-align: right; vertical-align: top; }
#contactform input.cfield { background-color: #fff; color: #0033FF; font-size: 0.8em; padding: 2px; width: 200px; }
#contactform .ccomment { background-color: #fff; color: #0033FF; font-size: 0.8em; padding: 2px; width: 200px; }
#contactform input.submit { background-color: #fdfe9a; color: #000; font-size: 0.8em; font-weight: bold; margin: 10px; padding: 3px; width: 150px; }

/* TabReg Form
----------------------------------------- */
#rightcolumn label { font-weight: bold; font-size: 0.8em; margin-bottom: 30px; color: #666; background-color: inherit; }
#rightcolumn input,textarea,select{ color:#000; background-color: inherit; font-size: 0.8em; border:1px solid #3b7391; }

#rightcolumn .regerr { color: red; background-color: inherit; font-weight: bold; font-size: 0.8em; }
#rightcolumn .reglab { float:left; width: 200px; text-align:right; padding: 7px 10px 0px 3px;}
#rightcolumn .reginp { float:left; width: 200px; }
#rightcolumn .submit { margin: 10px 80px 0 20px; padding-left: 200px; }
.reginp input { background-color:#ffffff;}

/* #contact

#contactF form { margin: 10px 0 0 10px; padding: 0;}
#contactF p { font-size: 0.8em; }
#contactF fieldset { padding: 0 0 5px 10px; margin: 0 20px 15px 0px; width: 90%; border: 1px solid #3b7391; }
#contactF legend { font-weight: bold; font-size: 0.8em; padding-bottom: 8px; color:#3b7391; background-color: inherit; }

#contactF dt { float: left; width: 200px; text-align: right; padding: 4px 5px 0 0; font-size: 0.8em; margin-bottom:15px;}
#contactF dd { float: right; width: 250px; padding: 0px; margin-bottom:15px;}

#contactF input, textarea, select { margin: 0px 0; border: 1px solid #a7a7a7; font-family: inherit; font-size: 0.8em; padding: 1px 3px; }
#contactF input.submit { margin: 0; padding: 3px; color: inherit; background-color: #ff0; }
#contactF .errorMessage { color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }
----------------------------------------- */

/* Self Cleared Floats
----------------------------------------- */
#wrapper:after,
#header:after,
img.mainimg:after,
#faux:after,
#leftcolumn:after,
#rightcolumn:after,
#sidenav:after,
#village:after,
#villagedet:after,
#ourtime:after,
#ourtimedet:after,
#classdetails:after,
#classdethead:after,
#flash:after,
.teacherbrief:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }