/*--------------------------------------------------
Global CSS
--------------------------------------------------*/
html,body,a,abbr,acronym,address,applet,big,blockquote,caption,cite,code,del,dfn,dd,div,dl,em,fieldset,form,dt,h1,h2,h3,h4,h5,h6,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,strike,strong,span,sub,sup,table,tbody,textarea,thead,td,th,tr,tt,ul,var {border:0; outline:0; border-collapse:collapse; font-family:inherit; font-size:100%; font-style:inherit; font-weight:normal; margin:0; padding:0; text-decoration:none; vertical-align:top;}
:focus {}
body {line-height:1;}
ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
caption,th,td {font-weight:normal; text-align:left;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
/*--------------------------------------------------*/
body {
background:#663333;
font:16px Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;
word-spacing:.2em;
}
h1,dt {
background:url("/img/pieces/header.gif") repeat-x bottom;
color:#663333;
font-size:28px;
margin:36px 0 18px 0; padding-bottom:9px;
text-align:center;
}
p,dd,i,li {
color:#666666;
font-size:16px;
line-height:1.5em;
padding:0 9px 18px 9px;
}
p em {
float:right;
padding-top:9px;
}
dt {
background:none;
clear:both;
color:#663333;
font-size:28px;
margin-top:54px; padding-bottom:0;
text-align:left;
}
dd {
background:#f3eadd;
clear:both;
border-bottom:#e5ddd1 1px solid;
padding:18px;
clear:both;
}
#calendar dt {
margin-bottom:0;
}
.moretext {
padding-top:18px;
}
#calendar dd img {
border:#663333 3px solid;
float:left;
margin:0 18px 9px 0;
}
#calendar dd p {
clear:right;
}
.more {
text-transform:uppercase;
}
a {
color:#996666;
}
a:hover {
color:#cc6666;
text-decoration:underline;
}
.header {
background:url("/img/pieces/headerstyle.gif") no-repeat;
position:absolute; left:390px;
margin-top:75px;
width:101px; height:17px;
z-index:999;
}
#headercontent {
margin-right:auto; margin-left:auto;
position:relative;
width:840px;
z-index:0;
}
#logo {
background:url("/img/pieces/logo.png") no-repeat;
float:left;
position:relative; left:66px;
width:139px; height:149px;
z-index:99;
}
#title {
background:url("/img/pieces/title.png") no-repeat;
float:right;
position:relative; right:18px;
width:600px; height:137px;
}
#swirl {
background:url("/img/pieces/swirllow.png") no-repeat;
float:right;
position:absolute; right:56px; top:137px;
width:228px; height:54px;
}
#header {
background:#ffffff url("/img/pieces/headershade.png") repeat-x top;
width:100%; height:186px;
}
#jointoday {
background:url("/img/pieces/jointoday.png") no-repeat;
display:block;
position:absolute;
text-indent:-9999px;
width:216px; height:185px;
z-index:10;
}
#homeimg {
border:#ffffff 6px solid;
position:relative; left:249px;
z-index:9;
}
#contentback {
background:url("/img/pieces/contentshade.gif") repeat-y;
margin-left:auto; margin-right:auto;
position:relative;
width:866px; height:100%;
}
#contenttop {
background:url("/img/pieces/contenttop.png");
position:absolute; top:0px; left:3px;
width:834px; height:249px;
}
#contentbottom {
background:url("/img/pieces/contentbottom.gif");
position:relative;
width:866px; height:54px;
z-index:2;
}
#content {
background:url("/img/pieces/contentback.png") repeat-y;
clear:left;
margin-left:13px; padding:18px 30px 18px 30px;
position:relative;
width:780px; height:auto; 
}
#footer {
width:100%; 
}
#contact {
margin-top:18px;
}
#contact h1 {
background:none;
margin:36px 0 9px 276px; 
text-align:left;
}
/*--------------------------------------------------
Navigation
--------------------------------------------------*/
#menu {
background:url("/img/pieces/menuback.png") repeat-x top;
width:100%; height:60px;
}
#menu ul {
color:#996666;
margin-right:auto; margin-left:auto;
position:relative; 
text-transform:uppercase;
width:840px; height:auto;
z-index:15;
}
#menu ul li {
background:url("/img/pieces/menubreak.png") no-repeat right;
font-size:22px;
float:left;
margin:16px 0 0 4px; padding:0 18px 0 18px;
}
#menu ul li a {
color:#996666;
}
#menu ul li a:hover {
color:#cc6666;
text-decoration:underline;
}
#menu ul #findateacher {
background:url("/img/pieces/findateacher.png") no-repeat;
display:block;
position:absolute; top:-7px; right:14px;
text-indent:-9999px;
width:242px; height:82px;
z-index:16;
}
/*--------------------------------------------------
Calendar 
--------------------------------------------------*/
#calendar {
background:#f3eadd;
padding-bottom:72px;
}
#calendar .calhead {
background:#ffffff url("/img/pieces/datetab.png") no-repeat right bottom;
font-size:42px;
height:51px;
margin-top:42px; padding:9px 34px 0 0;
text-align:right;
}
#calendar dd {
font-style:normal;
margin-left:102px;
}
#calendar dt {
padding-left:118px;
}
#calendar #onine {
height:51px;
padding:36px 34px 0 0;
}
.date, .smalldate {
background:url("/img/pieces/datebox.gif") no-repeat;
color:#663333;
font-size:28px;
line-height:120%;
*line-height:100%;
margin:54px 0 9px 9px; padding:8px 0 0 0;
*margin-top:90px;
position:absolute;
*left:32px;
text-align:center;
text-transform:uppercase;
width:90px; height:94px;
z-index:15;
}
.day {
font-family:Times New Roman,Times,serif;
font-size:14px;
position:relative;
margin:9px 0 0 0;
text-align:center;
z-index:16;
line-height:100%;
}
.date em, .smalldate em{
clear:both;
color:#993333;
display:block;
font-size:42px; font-style:normal;
padding-bottom:18px;
}
.smalldate {
font-size:14px;
padding-top:18px;
}
.date .small, .smalldate .small {
font-size:28px;
margin-top:4px;
}
.smalldate .small {
margin-top:16px;
}
.space {
margin-left:109px;
}
.moretext p {
padding-left:0; 
}
/*--------------------------------------------------
Find a Teacher 
--------------------------------------------------*/
.area {
margin-top:36px;
}
.area li, .letusknow {
background:url("/img/pieces/teachcard_big.png") no-repeat bottom;
float:left;
font-size:16px;
margin:0 0 18px 0; padding:0 0 0 9px;
position:relative;
width:381px; height:158px;
}
.letusknow {
background:none;
font-style:italic;
padding:54px 9px 0 0;
text-align:right;
width:372px; height:auto;
}
.area li em {
display:block;
}
.area li .contactinfo {
font-family:Times New Roman,Times,serif;
}
.area li .instrument {
background:#ffffff;
padding:1px 0 1px 12px;
position:absolute; top:112px; left:11px;
width:357px;
}
.area li .zip{
display:none;
}
.area li img {
background:url("/img/pieces/teachframe.png") no-repeat;
margin:16px 9px 0 9px; padding:5px;
width:76px; height:76px;
float:left;
}
.area li h3 {
color:#663333;
padding:18px 0 0 0;
}
textarea,#filter {
color:#666666;
border:#b3b3b3 1px solid; border-top:0;
background:#ffffff url("/img/pieces/contactshade.png") repeat-x top;
margin-left:18px; padding:9px 0 9px 6px;
overflow:hidden;
resize:none;
width:330px;
}
.inputname,.inputmail, #filter {
font-family:Georgia,Times,Times New Roman,serif; font-size:16px;
height:18px;
}
#search{
font-style:italic;
margin:-18px 0 18px 258px;
*margin-left:0;
width:516px;
}
#search input{
margin-bottom:9px;
}
#filter{
color:#333333;
font-weight:bold;
margin-left:140px;
width:366px;
}
#search i{
color:#666666;
position:relative;top:30px;
}
.hint{
color:#666666;
text-align:right;
}
textarea.message {
font-family:Georgia,Times,Times New Roman,serif; font-size:16px;
width:400px; height:130px;
}
.inputb {
/*background:url("/img/pieces/send.png") no-repeat center;*/
border:0;
display:block;
font-family:Georgia,Times,Times New Roman,serif; font-size:22px;
margin:36px 0 18px 52px; padding-right:4px;
text-transform:uppercase;
width:112px; height:64px;
}
.inputb:hover {
color:#cc6666;
text-decoration:underline;
}
#split {
border-right:#d9d9d9 1px solid;
float:left;
width:256px; height:460px;
}
#split p {
background:#f2f2f2;
border:#d9d9d9 1px solid;
border-right:none; border-left:none;
color:#666666;
font-style:italic;
padding:18px; 
}
.hidden {
clear:both;
text-indent:-9999px;
}