body
{background:#fff;
font-family:arial, sans-serif;
color:#000;
margin:0;
padding:0;
font-size:60%;}
/********************Alpha Elements*/
a:link, a:visited
{color:#b70000;
text-decoration:none;
font-weight:bold;}

br.clear
{clear:both;}

#secondarycontent a
{font-size:17px;}

#secondarycontent a:hover
{text-decoration:underline;}

#branding a#logo, #branding2 a#logo
{background-image:url(images/logo.gif);
background-repeat:no-repeat;
float:right;
margin:0 -2px 0 0;
padding:0;
width:440px;
height:68px;}

#branding2 a#logo
{background-image:url(images/spectrumlogo.gif);
background-repeat:no-repeat;}

#branding a, #branding2 a
{color:#fff;
text-decoration:none;}
/****************Paragraphs*/
p
{margin:.5em 5px;}

#maincontent p
{width:360px;}

#branding p#contact,#branding2 p#contact
{float:left;
font-size:16px;
text-decoration:none;
margin:1.5em 0 0 5px;
padding:0 0 0 25px;
color:#fff;
background-image:url(images/arrow.gif);
background-repeat:no-repeat;}

dd.instructor-bio p
{width:395px;
float:left;}

#secondarycontent label
{margin:.5em 0;
padding:0 0 .1em 0;
color:#b70000;
font-weight:bold;}

blockquote
{color:#b70000;}

p#contact_introduction
{font-size:19px;
line-height:1.5em;}

p#locations
{margin:1.5em 5px .5em 5px;}

.warning, .thankyou
{color:#b70000;}
/****************Headers*/
h1
{margin:0 5px 0 5px;
padding:.5em 0 0 0;
font-size:20px;}

#maincontent h1
{width:320px;
font-size:20px;}

h2
{font-size:1.2em;
margin:0 5px 0 5px;
padding:.5em 0 0 0;}

h3, h2.h3
{font-size:19px;
font-weight:normal;
padding:.2em 3px;}

h3.black
{margin:0;
padding:10px 5px 18px 5px;
background-color:#000;
color:#fff;
background-image:url(images/blacktab.gif);
background-repeat:repeat-x;}

h4.instruments
{margin:0 5px;
font-style:oblique;
color:#b70000;}
/***************************Primary Section Divs*/
#container, #container-ensemble, #container-home
{margin:2em auto 0 auto;
padding:0 0 0 0;
width:900px;
color:#fff;
font-size:1.6em;
text-align:left;
line-height:1.3em;
background-color:#fff;
position:relative;
border:1px solid #fff;}

#container-ensemble, #container-home
{background-color:#000;}

#branding, #branding2
{width:900px;
height:70px;
background-color:#000;
position:absolute;
top:0;
left:0;}

#maincontent
{font-size:17px;
line-height:23px;}

#maincontent, #maincontent-inside
{margin:100px 0 0 0;
float:left;
padding:0 0 1.8em 0;
width:445px;
color:#000;
background-color:#fff;
background-image:url(images/cello.jpg);
background-repeat:no-repeat;}

#maincontent-inside, #contact_page
{margin:100px 0 0 0;
padding:0 0 0 0;
width:669px;
position:relative;
background-image:none;}

#contact_page
{background-color:#fff;
width:100%;
color:#000;
float:left;
position:relative;}

#photowrapper
{background-image:url(images/contact.jpg);
background-repeat:no-repeat;
width:500px;
dislpay:inline-block;
height:280px;
margin:0;
float:right;}

#secondarycontent, #secondarycontent-inside
{margin:100px 0 0 445px;
position:relative;
background-color:#000;
width:452px;}

#secondarycontent-inside
{width:213px;
position:absolute;
padding:2px 5px;
top:105px;
left:0;

margin:0 0 0 677px;}

#teachers
{
clear:both;
width:100%;
position:relative;
float:left;}

.teacher
{border:1px solid #000;
width:325px;
height:500px;
margin:3px;
float:left;}
/**************************IMG Styles*/
#secondarycontent img
{margin:0 0 0 0;}

.float-left, .float-right
{float:left;
margin:5px 5px 5px 0;}

.float-right
{float:right;
margin:20px 5px 5px 0;}

/***************************Primary Navigation*/
ul#primary_navigation
{width:899px;
margin:0;
padding:0;
position:absolute;
background-image:url(images/nav.jpg);
background-repeat:no-repeat;
background-color:#b70000;
top:70px;
left:0;
float:left;
font-size:16px;
list-style-type:none;}

ul#primary_navigation li, 
ul#primary_navigation li a
{display:block;
width:224.5px;
float:left;
color:#fff;
margin:0 0 0 0;
text-align:center;
background-color:transparent;}

ul#primary_navigation li a
{text-decoration:none;
padding:.4em 0;
border-right:1px solid #000;
color:#ffffcc;}
ul#primary_navigation li a:hover, div#container #t_on a,
div#container-ensemble #t_on a, div#container-home #t_on a
{background-image:url(images/hovertab.png);
background-repeat:repeat-x;}
/**************************List Styles*/
#secondarycontent ul
{font-size:18px;
margin:0 0 0 0;
padding:0 0 .4em 0;
width:370px;}

#secondarycontent ul li
{padding:0 0 .1em 0;
list-style-position:inside;
margin:2px 0 0 0px;
font-size:1em;
list-style-image:url(images/mark4.gif);}

#maincontent-inside ul li
{list-style-image:url(images/mark5.gif);
font-size:1em;}
dl
{margin:.1em 0;
display:block;
float:left;
background-color:#fff;}

dd.instructor-bio
{display:block;
position:relative;
width:670px;
margin:0;
float:left;}

dt.instructor-name
{display:block;
position:relative;
clear:left;
width:672px;
background-color:#000;
height:27px;
font-size:1.3em;
padding:.5em 0;
margin:.1em 0 0 0;
overflow:hidden;}

dt.instructor-name span
{position:absolute;
top:0;
width:100%;
height:100%;
background-color:transparent;
background-image:url(images/maria-header.gif);
background-repeat:no-repeat;}

dt.instructor-name span#instructor-header2
{background-image:url(images/grace-header.gif);
background-repeat:no-repeat;}

dd p.instructor-pic
{display:block;
width:247px;
height:240px;
padding:.5em 5px;
text-align:center;
margin:0 0 1em 0;}

#grace-pic
{height:297px;}
/**********************************Form Styles*/
form#feedback
{width:370px;
font-size:17px;
margin:0;
float:left;}

form label
{display:block;
font-weight:bold;
margin:.3em 0 0 10px;}

form input, textarea
{margin:.3em 0 0 10px;}

form .submit-buttons 
{border:none;
margin:0;}

form .submit-buttons input 
{background-color:#830000;
color:#fff;
font-size: 16px;
padding: 3px 7px;
margin:0;
border:3px double #000;}

/*******************ensemble page*/
#ensemble-header
{margin:107px 0 0 0;
background-color:#000;
color:#fff;
height:16em;
position:relative;}

#upcoming
{height:16.7em;
width:295px;
overflow:scroll;}

#ensemble-header label
{margin:.5em 5px;
font-size:18px;}

#ensemble-header dl
{background-color:#000;
padding:.2em 5px;
width:270px;
height:13.8em;
margin:1em 0 0 8px;}

#ensemble-header dt
{color:#b70000;
margin:0 0 .5em 0;
font-size:18px;
font-weight:bold;}

#ensemble-header img
{float:right;}

#maincontent-ensemble
{margin:15px 0 0 0;}

#ensemble-bottom
{width:99.5%;
float:left;
position:relative;}

#musicians
{width:53%;
border-right:1px solid #fff;
float:left;}

table
{margin:.5em 5px;}

#listen
{float:left;
width:44%;}
/********************Footer*/
#footer
{margin:.5em auto 0 auto;
padding:0;
width:900px;
text-align:left;
background-color:#000;
color:#fff;}

#footer p
{float:left;
width:300px;}

#footer a
{float:right;
color:#fff;
text-decoration:none;
margin:.8em 5px 0 0;}