* {padding:0;margin:0;}

body {
background-color: #FFF;
}

#threecolwrapper {
width: 950px;
margin: 0px auto 0px auto;
}

#divheader {
background-image: url(images/star_background.gif);
background-color: #000;
width; 950px;
/*height: 200px;*/
/*overflow: hidden;*/
}

#divleftcolumn, #divrightcolumn {
width:125px;
height:540px; 
background:#ddd url(images/WhiteRibbedBlur.gif);
padding:15px 8px 15px 8px;
}

#divleftcolumn {
float:left;
clear:right;
}

#divrightcolumn {
float:right;
}

#divcentercolumn {
width: 668px;
height: 555px; 
float: left;
background-color: #FFF;
margin:0;
padding:0 0 15px 0;
}

h1.hdr1 {
text-align:center;
background-image: url(images/star_background.gif);
background-color:#3B69AB;
margin:0;
padding:0;
font-size:.9em;
color:#99FFFF;
}

div.catlist {
margin: 0 8px 0 8px;
float:left;
font-family: Verdana,Arial,sans-serif;
font-size:.8em;
}

ul.catlist {
list-style-type: square;
list-style-position: inside;
color:#99FFFF;
}

a.catlist {
text-decoration: none;
color: #99FFFF;
}

a.catlist:link { color: #99FFFF; }
a.catlist:visited { color: #99FFFF; } 
a.catlist:hover { color: #FFF; } 
a.catlist:active { color: #99FFFF; }

#wrap1 {
float: left;
width: 100%;
}

#wrap2 {
background-color: #FFFFCC;
width: 600px;
height: 100px;
margin: 15px auto;
}

#wraplist {
background-image: url(images/star_background.gif);
background-color: #3B69AB;
float:left;
width: 100%;
padding-bottom: 3px;
}

#centerlist {
width: 925px;
height: 50px;
margin: 0 auto;
}

#clbox {    /* cl = center column left */
width: 390px;
float: left;
padding: 4px 0 8px 10px;
}

#boxwrapper {    /* cr = center column right */
float:right;
width:250px;
padding: 8px 10px 8px 0;
}

#box1, #box2, #box3, #box4 {  /* boxes inside wrapper */
width: 250px;
margin: 0 0 8px 0;
float: right;
}

#tablefindteacher, #tablecomingevents, #festivaltable, #pianocamptable {
width:95%;
margin: 0 auto;
}

#tablefindteacher, #tablecomingevents, #festivaltable, #pianocamptable {
margin-bottom: 4px;
}

/* 12pt bold Verdana text */
td.a {
width: 23%;
vertical-align:top;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1em;
color:#000080;
font-weight:bold;
}

/* 11pt normal Verdana text */
td.b {
vertical-align:top;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11pt;
color:#000000;
font-weight:400;
}

/* 10pt normal Verdana text */
td.c {
vertical-align:top;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10pt;
color:#000000;
font-weight:400;
}

/* 24pt #996600 header text */
td.d {
vertical-align:top;
font-family:Arial,Helvetica,sans-serif;
font-size:24pt;
color:#996600;
font-weight:600;
}

/* 18pt #996600 header text */
td.e {
vertical-align:top;
font-family:Arial,Helvetica,sans-serif;
font-size:18pt;
color:#996600;
font-weight:bold;
}

/* 14pt dark blue header text */
td.f {
vertical-align:top;
font-family:Arial,Helvetica,sans-serif;
font-size:14pt;
color:#000080;
font-weight:600;
padding-top:20px;
}

/* 11pt bold link Verdana text, no border */
td.g {
vertical-align:top;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11pt;
color:#000080;
font-weight:400;
border-bottom:none;
}

td.spacer {
line-height:700px;
border-bottom:none;
}

/* Menu links - companion to td.g */
a.a {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11pt;
color:#000080;
font-weight:600;
text-decoration:none;
}

a.a:link {color:#003399}
a.a:visited {color:#333399}
a.a:hover {color:#996600}
a.a:active {color:#0000FF}

/* START MENU STYLES */
td.menu {
border:0px solid black;
vertical-align:bottom;
margin:0px;
}

/* Tab config and background format */
td.tab { 
border:0px solid black;
vertical-align:middle;
margin:0px;
background-image: url('images/greentab100x25.gif');
width:100px;
height:25px;
text-align:center;
}

/* Tab lettering format */
a.menu { text-decoration:none;
border:0px;
border;none;
padding:0px;
margin:0px;
vertical-align:bottom;
font-family:verdana,Arial,Helvetica,sans-serif;
font-weight:600;
font-size:10pt;
}

a.menu:link {color:#FFF;}
a.menu:visited {color:#FFF;}
a.menu:hover {color:#FFFF00;}
a.menu:active {color:#FFF;}


#dropmenudiv {
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a {
font-family:verdana,Arial,Helvetica,sans-serif;
width:100%;
display: block;
text-indent:3px;
border-bottom: 1px solid black;
padding:0px;
text-decoration:none;
font-weight:bold;
}

#dropmenudiv, a:link {color:#996600;}
#dropmenudiv, a:visited {color:#996600;}
#dropmenudiv, a:hover {color:#0033FF;}
#dropmenudiv, a:active {color:#996600;}

/* END MENU STYLES */

/* START STYLES FOR ROLLOVER POP-UP BOXES */
a.popup span {
display: none;
}

a.popup:hover span {
display:block;
position:absolute;
text-decoration:none;
padding:5px;
margin:10px;
z-index:100;
color:#FFF;
background: #000;
font: 11px Verdana,sans-serif;
text-align:left;
}

a.popup:hover {
color: #411;
background: #ddd;
}
/* END POP-UP BOX STYLES */

/* START LEFT COLUMN MENU STYLES */

#lcmenu .topmenu {
font-family: Verdana,'Franklin Gothic';
font-size: .85em;
font-weight:600;
color: #A52A2A;
padding: 2px 0 4px 0;
}

#lcmenu .submenu {
margin-left: 10px;
font-family: Verdana,'Franklin Gothic';
font-size: .8em;
font-weight:400;
color: #0000FF;
}

#lcmenu a {
text-decoration: none;
}

#lcmenu a.topmenu:link {color: #A52A2A;} 		/* Brown */
#lcmenu a.topmenu:visited {color: #A52A2A;} 	/* Brown */
#lcmenu a.topmenu:hover {color: #FF1493;} 	/* pink */
#lcmenu a.topmenu:active {color: #FF1493;} 	/* pink */

#lcmenu a.submenu:link {color: #0000FF;}		/* blue */
#lcmenu a.submenu:visited {color: #0000FF;}	/* blue */
#lcmenu a.submenu:hover {color: #FF1493;} 	/* pink */
#lcmenu a.submenu:active {color: #FF1493;} 	/* pink */

/* END LEFT COLUMN MENU STYLES */

p.eventsList {
margin:0 0 1px 3px;
padding:0px;
text-align:left;
font-family:Verdana,Ariel,Helvetica,sans-serif;
font-size:.7em;
color: #000;
}

p.txt {
font-family:Arial,Helvetica,sans-serif;
font-size:.85em;
color:#000;
font-weight:400;
margin:0;
}

div.txt {
font-family:Arial,Helvetica,sans-serif;
font-size:.95em;
color:#000;
font-weight:400;
margin-bottom:.4em;
}

/* Start Benefits Box Rules */
div#benefitsbox {
padding: 0;
margin:0 auto;
}

div#benefitsbox p {
padding:4px 0 2px 0;
line-height:100%;
font-family: 'Bookman Old Style',Arial,Helvetica,sans-serif;
}

div#benefitsbox p.benefits {
font-size:1em;
color: #00008B;
font-weight:600;
text-align:center;
margin: 0;
}

div#benefitsbox p.benefits1 {
font-style:normal;
font-weight:600;
font-size:.85em;
color:#996600;
padding: 0 0 3px 25px;
}

div#benefitsbox p.benefits2 {
font-style:italic;
font-weight:400;
color:#000080;
font-size:.75em;
text-align:center;
padding-top:4px;
}

div#benefitsbox ul {
padding:0px;
margin-left:40px;
text-align:left;
font-family:'Century Gothic',Verdana,Ariel,Helvetica,sans-serif;
font-size:.8em;
color:black;
line-height:100%;
list-style:square inside;
}
/* End Benefits Box Rules */

/* Start Poll Box Rules */
div#pollbox {
padding: 0;
margin:0 auto;
}

div#pollbox p {
padding:4px 0 2px 0;
line-height:100%;
font-family: 'Bookman Old Style',Arial,Helvetica,sans-serif;
}

div#pollbox p.poll {
font-size:1em;
color: #00008B;
font-weight:600;
text-align:center;
margin:0px;
}

div#pollbox p.poll1 {
font-style:normal;
font-weight:600;
font-size:.85em;
color:#996600;
padding-bottom:3px;
}

div#pollbox p.poll2 {
font-style:italic;
font-weight:400;
color:#000080;
font-size:.75em;
text-align:center;
padding-top:4px;
}
/* End Poll Box Rules */

ul.a2 {
text-align:left;
font-family:'Century Gothic',Verdana,Ariel,Helvetica,sans-serif;
font-size:.85em;
color: #33FFFF;
line-height:115%;
list-style:square inside;
padding-left:8px;
vertical-align:top;
}

a.a1 {text-decoration:none;}
a.a1:link {color:#FFF;}
a.a1:visited {color:#FFF;}
a.a1:hover {color:#99FFFF;}
a.a1:active {color:#FFF;}

a.a2 {
margin: 0px;
text-align:left;
font-family:'Century Gothic',Verdana,Ariel,Helvetica,sans-serif;
font-size:.65em;
text-decoration:underline;
}
a.a2:link {color:#6D7B8D}
a.a2:visited {color:#0000FF}
a.a2:hover {color:#996600}
a.a2:active {color:#996600}

a.a3 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10pt;
color:#000080;
font-weight:400;
text-decoration:none;
}
a.a3 {text-decoration:none;}
a.a3:link {color:#000080;}
a.a3:visited {color:#000080;}
a.a3:hover {color:purple;}
a.a3:active {color:#000080;}

a.eventsList:link {color:#0000FF}
a.eventsList:visited {color:#0000FF}
a.eventsList:hover {color:purple}
a.eventsList:active {color:purple}

h1 {
font-family:Arial,Helvetica,sans-serif;
font-size:.95em;
color:#000;
font-weight:400;
margin-bottom:.4em;
font-weight:600;
font-size:1.2em;
color:#336633;
}

div#yellowbox h1 {
color: #DC143C;
}

h2 {
font-family:Arial,Helvetica,sans-serif;
font-size:.95em;
color:#000;
font-weight:400;
margin-bottom:.4em;
font-weight:600;
font-size:1em;
color:336633;
padding-bottom:6px;
}

img#tower {
position: relative;
top: 0px;
left: 0px;
float: left;
}

img#hmtalabel {
float: left;
position: relative;
top: 20px;
left: 160px;
}

img#cello {
float:right;
position: relative;
top: -123px;
}

img#collage {
float: left;
position: relative;
top: 18px;
left: 160px;
}

span.span1 {
font-style:italic;
font-weight:600;
}

em.click {
color: #FFA500;
font-weight:600;
font-size:14pt;
letter-spacing:-2px;
}

img.magnify {
border:none;
vertical-align:middle;
padding:0 0 0 0;
}

td.eventbox {
background:#FFF url(images/gr3.jpg) repeat-x top left;
border-left:1px solid #FF9966;
border-right:1px solid #FF9966;
}

td.footernote, #footernote {
vertical-align:middle;
border: 1px solid #0000FF;
width: 340px;
font-size:8pt;
text-align:left;
padding: 3px;
}

em.fnote {
font-size:10pt;
font-style:normal;
font-weight:bold;
}

div#list td {
text-align:left;
}

#divpolicies p, #divpurpose p, #divcontact p {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
font-weight:bold;
color: #000080;
padding: 10px 0 5px 0;
}

#divpolicies p.p1, #divpurpose p.p1, #divcontact p.p1 {
font-size: 1.2em;
color: #996600;
}

#divpolicies ul, #divpurpose ul, #rcol ul {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:.9em;
list-style: square outside;
margin-left:40px;
}

#divcontact td {
vertical-align: top;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: .9em;
color:#000000;
font-weight:400;
border-bottom: thin solid #DDDDDD;
padding-bottom:8px;
}

#divcontact td.title {
width:170px;
vertical-align:top;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1em;
color:#000080;
font-weight:bold;
}

#divpolicies a.a2, #divpurpose a.a2, #divcontact a.a2 {
margin:0px;
padding:0px;
text-align:left;
font-family:'Century Gothic',Verdana,Ariel,Helvetica,sans-serif;
font-size:.9em;
line-height:100%;
text-decoration:underline;
}

#divpolicies a.a2:link, #divpurpose a.a2:link, #divcontact a.a2:link {color:#808080;}
#divpolicies a.a2:visited, #divpurpose a.a2:visited, #divcontact a.a2:visited {color:#808080;}
#divpolicies a.a2:hover, #divpurpose a.a2:hover, #divcontact a.a2:hover {color:#808080;}
#divpolicies a.a2:active, #divpurpose a.a2:active, #divcontact a.a2:active {color:#808080;}