body {
margin-left:0px;
margin-right:0px;
margin-top:0px;
padding:0px;
font-family:arial, sans-serif;
font-size:11px;
color:#333333;
background-image:url(graphics/ltgraystripe.gif);
/*background-color:#ffffff;*/
}

#container {
width:800px;
margin:0px auto;
border:1px solid #000;
overflow: hidden;              /* equal columns */
background-color:#ffffff;
}

/* default gray header */
#header {
height:65px;
background-color:#666666;
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
border-top: 1px solid #000000;
}


/*red - home */
#header_red {
height:65px;
/*background-color:#990000;*/
background-color:#ae0101;
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
border-top: 1px solid #000000;
}

/*  red - music */
#header_red2 {
height:65px;
/*background-color:#801616;*/
background-color:#982b1d;
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
border-top: 1px solid #000000;
}


/* yellow - children */
#header_yellow {
height:65px;
background-color:#e2a719;
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
border-top: 1px solid #000000;
}

/* green - adults */
#header_green {
height:65px;
/*background-color:#36483f;*/
background-color:#506a5d;
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
border-top: 1px solid #000000;
}


/* another green - teens */
#header_teale {
height:65px;
/*background-color:#274e4e;*/
background-color:#326363;
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
border-top: 1px solid #000000;
}



/* blue - band */
#header_blue {
height:65px;
/*background-color:#1d3468;*/
background-color:#31497f;
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
border-top: 1px solid #000000;
}

/* brown - theater */
#header_brown {
height:65px;
/*background-color:#663333;*/
background-color:#7b3e3e;
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
border-top: 1px solid #000000;
}

/* maroon - dance */
#header_maroon {
height:65px;
/*background-color:#660033;*/
background-color:#7a1a3e;
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
border-top: 1px solid #000000;
}


/* blue - services */
#header_blue2 {
height:65px;
background-color:#455f7c;
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
border-top: 1px solid #000000;
}

/* orange - contact */
#header_orange {
height:65px;
background-color:#da6303;
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
border-top: 1px solid #000000;
}





/* not used */

#header_black {
height:65px;
background-color:#000000;
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
}

#header_charcoal {
height:65px;
background-color:#707070;
/*background-color:#3e3e3e;*/
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
border-top: 1px solid #000000;
}

#header_pinkmarble {
height:65px;
background-image: url(graphics/pinkmarble.jpg);
border-bottom:14px solid #000000;
padding-top:13px;
padding-left:8px;
border-top: 1px solid #000000;
}


#content {
/*width:670; */  /* without vertical separator line */
width:668px;
/*height:570px;*/
height:auto;
float:right;
font-weight:normal;
padding: 10px;
background-color:#ffffff;
}


#sidebar {
/*width:90px;*/
width:88px;
padding:10px;
/* hide from ie mac hack \*/
float:left;
/* end hack */
background-color:#737373;
/* equal columns... */ 
margin-bottom: -2000px;      
padding-bottom: 2000px;      

}


.widget {
border:1px solid #999999;
padding:5px 5px 5px 5px;
text-align:left;
margin-top:8px;
margin-left:0 auto;
margin-right:0 auto;
margin-bottom:0px;
font-size:11px;
font-weight:bold;
background-color:#787878;
width:80px;
}


#footer {
clear:both;
border-top:1px solid #000000;
background:#000000;
padding:1px;
color:#ffffff;
font-size:10px;
/*text-align:right;*/
margin-left:100px;
text-align:center;
}



/* start left nav styles */

.leftside_link {
color:#eeeeee;
font-weight:bold;
text-decoration:none;
/*line-height:15px;*/
line-height:13px;
}
.leftside_link a:hover {
color:#cc0000;
font-weight:bold;
text-decoration:none;
}

.leftside_link2 {
color:#eeeeee;
font-weight:bold;
text-decoration:none;
line-height:13px;
}
.leftside_link2 a:hover {
color:#cc0000;
font-weight:bold;
text-decoration:none;
}

.leftside_category {
color:#000000;
font-weight:bold;
font-size:11px;
}

.leftside_placement {
margin-top:15px;
}

/* end left nav styles */


.top_link {
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
.top_link a:hover {
color:#ff0000;
font-weight:bold;
text-decoration:none;
}

.toplink_placement {
margin-left:6px;
position:relative;
top:12px;
background-color:#000000;
border:0px 0px 0px 0px;
}


.link3 {
font-family:arial, sans-serif;
color:#666666;
font-weight:bold;
text-decoration:none;
font-size:11px;
}
.link3 a:hover {
font-family:arial, sans-serif;
color:red;
font-weight:bold;
text-decoration:none;
font-size:11px;
}

.link3larger {
font-family:arial, sans-serif;
color:#666666;
font-weight:bold;
text-decoration:none;
font-size:12px;
}
.link3larger a:hover {
font-family:arial, sans-serif;
color:red;
font-weight:bold;
text-decoration:none;
font-size:12px;
}

.link3lighter {
font-family:arial, sans-serif;
color:#cccccc;
font-weight:normal;
text-decoration:none;
font-size:11px;
}
.link3lighter a:hover {
font-family:arial, sans-serif;
color:red;
font-weight:normal;
text-decoration:none;
font-size:11px;
}

.link3smaller {
font-family:arial, sans-serif;
color:#cccccc;
font-weight:normal;
text-decoration:none;
font-size:10px;
}
.link3smaller a:hover {
font-family:arial, sans-serif;
color:red;
font-weight:normal;
text-decoration:none;
font-size:10px;
}

.link3lightertiny {
font-family:arial, sans-serif;
color:#cccccc;
font-weight:normal;
text-decoration:none;
font-size:9px;
}
.link3lightertiny a:hover {
font-family:arial, sans-serif;
color:red;
font-weight:normal;
text-decoration:none;
font-size:9px;
}

.link4 {
font-family:arial, sans-serif;
color:#990000;
font-weight:bold;
text-decoration:none;
font-size:13px;
}
.link4 a:hover {
font-family:arial, sans-serif;
color:red;
font-weight:bold;
text-decoration:none;
font-size:13px;
}


/*
.sub_link {
color:#666666;
font-weight:bold;
text-decoration:none;
}
.sub_link a:hover {
color:#ff0000;
font-weight:bold;
text-decoration:none;
}
*/

.onred_link {
color:#efefef;
font-weight:bold;
text-decoration:none;
}
.onred_link a:hover {
color:#efefef;
font-weight:bold;
text-decoration:underline;
}

.caption {
font-family:arial, sans-serif;
color:#555555;
font-weight:bold;
text-decoration:none;
font-size:12px;
letter-spacing:2px;
}

.caption a:hover {
font-family:arial, sans-serif;
color:red;
font-weight:bold;
text-decoration:none;
font-size:12px;
letter-spacing:3px;
}


/******** start photo area ***********/

.image_info {
display:block;
font-size:10px;
color:#999;
border:0px;
}
.wrapper {
margin:0px auto;
padding:0px 0px 0px 0px;
width:668px;
border: 0px solid #000000;
text-align:center;		/* make text-align left if you want the photo text left justified */
}
.show_title {
font-size:14px;
text-decoration:none;
color:#ff0000;
font-weight:bold;
letter-spacing:7px;
font-weight:bold;
margin-top:10px; 
}
.image_info a {
text-decoration:none;
color:#666666;
}
img {
border-width: 0;
}
.image {
margin-bottom:5px;
}
.image img {
padding:3px;
border: 1px solid #000000;
/*display:block;*/   /* uncomment if you want left-alignment of photo */
background-color: #ffffff;
margin-top: 2px;
}
.navigation, .navigation a {
text-decoration: none;
color:#666666;
margin-top:5px;
font-weight:bold;
}
.thumbnail_row {
margin-top: 2px;
}
.thumbnail_row img {
border:0px solid #aaa;
margin-top:2px;
}
.thumbnail_center {
padding:1px;
border:1px solid #666666 !important;
}
.small, .small a {
margin-top: 20px;
text-decoration:none;
color:#666666;
}
/******** end photo area ***********/


.contentsection_title {
font-size:14px;
text-decoration:none;
color:#ff0000;
font-weight:bold;
margin-top:12px;
letter-spacing:7px;
font-weight:bold;
/*text-align:center;*/
}

/* start callout box */
.box { float: left; width: 275px; height: 100px; }
#innerboxContent { position:relative; margin-left:1px; margin-top:1px; width:273px; height:98px; border: none; background: #ffffff; }
#boxContent { position: relative; left: -2px; top: -2px; border: none; background: #990000; }
#boxContainer { position: relative; background: #999999; left-margin: 10px;  }
.calloutTitle {
font-size:12px;
color:#990000;
font-weight:bold;
letter-spacing:2px;
}
.callout {
font-size:11px;
color:#000000;
font-weight:bold;
line-height:20px;
}
.hilite { border-bottom: 1px double black; color:#333399;}
.up-a-bit { vertical-align: 2px; }
/* end callout box */


.button {
font-family:arial, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
background-color: #777777;
border: 2px #222222 outset;   /* key to the 3D */
text-decoration: none;
height:30px;
padding:3px;
}

table {
font-family:arial, sans-serif;
font-size:11px;
color:#333333;
border-collapse:collapse;
}

html {
min-height: 100%; margin-bottom:1px;
}


.special1 {
font-family:arial, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
font-style:italic;
letter-spacing:2px;
}


.special2 {
font-family:arial, sans-serif;
font-size:11px;
color:#666666;
font-weight:normal;
font-style:italic;
letter-spacing:2px;
}

.subtitle1 {
font-family:arial, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
letter-spacing:2px;
}


:active, :focus{
    outline:none;
}



/* start coolmenu4 - not using currently */

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#000000; layer-background-color:#000000; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:arial,helvetica; font-size:12px; font-weight:bold;}
.clLevel0{background-color:#000000; layer-background-color:#000000; color:#eeeeee;}
.clLevel0over{background-color:#000000; layer-background-color:#000000; color:red; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#000000; layer-background-color:red}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:arial,helvetica; font-size:11px; font-weight:bold}
.clLevel1{background-color:#000000; layer-background-color:blue; color:#eeeeee;}
.clLevel1over{background-color:#000000; layer-background-color:#000000; color:red; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#000000; layer-background-color:#000000}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:arial,helvetica; font-size:10px; font-weight:bold}
.clLevel2{background-color:#000000; layer-background-color:blue; color:orange;}
.clLevel2over{background-color:orange; layer-background-color:#yellow; color:green; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#000000; layer-background-color:orange}

/* end coolmenu */