/***********************************************************************************************************************
  Centreville Dance Academy  --  http://www.CentrevilleDance.com/

    Content :  Main Site Stylesheet
    Last Updated :  27-January-2012

************************************************************************************************************************/

/***********************************************************************************************************************
  DOCUMENT: css/styles.css
  DEVELOPED BY: P.Taylor
  COMPANY: Centreville Dance Academy
  EMAIL: office@centrevilledance.com
  PHONE: 703-815-3125
  DATE: 01/27/2012
  DESCRIPTION: This document contains the structural formatting files for the website.
************************************************************************************************************************/


/***********************************************************************************************************************
  Main Styles
************************************************************************************************************************/

html {
  color: #2D2E30;
/*  background: #F0DBD9 url(../img/pagetile.jpg) repeat left top; */
  background: #CACBCC url(../img/cont_footer_bg.gif) repeat-y top center;
  }

body {
  color: #2D2E30;
/*  background: url(../img/pagetoptile.jpg) repeat-x left top; */
  background: #F8F8F8 url(../img/bg.gif) repeat-x left top;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: arial, sans-serif, tahoma, helvetica, verdana, "book antiqua", "trebuchet ms", "arial narrow";
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
  }

html>body {
  font-size: small;
  }

 a {
  color: #BA55D3;
  background: transparent;
  outline-style: none !important;
  }

 a:hover {
  color: #C71585;
  text-decoration: underline;
  }

/*
a:link {
  color: #40659B;
  }
a:visited {
  color: #8EA4C2;
  }
a:hover {
  color: #036;
  }  
*/
  
h1, h2, h3, h4, h5, h6 {
  color: black;
  background: transparent;
  font-weight: normal;
  }

h1 { font-size: 140%;}
h2 { font-size: 130%;}
h3 { font-size: 120%;}
h4 { font-size: 110%;}
h5 { font-size: 100%;}
h6 { font-size: 90%;}

p {
  color: #6C6C6C;
  font-weight: normal;
  padding: 0 10px 10px 15px;
  }

.ruleline {
  background: url(../img/news/PostComBkg.gif) repeat-x center left;
  padding-bottom: 0px;
  height: 8px;
  clear: both;
  }

hr {
  background: #DCDCDC;
  margin: 9px 0px 9px 0px;
  }

.highlight {
  color: #C71585;
  }

.highlight2 {
  color: Navy;
  }

strong {
  color: #4e4e4e;
  }

* {
  padding: 0px;
  margin: 0px;
  }


/* ============================ Page Container ============================= */

#container {
  color: #000000;
/*  background: url(../img/background.gif) repeat-y; */
  background: url(../img/cont_main_bg.gif) repeat-y;
  width: 980px;
  margin: 0 auto;
  text-align: left;
  }


/* ================================ Header ================================= */

#printheader {
  display: none;
  }

#wrapheader {
  background: #a9a9a9 url(../img/hdr_shadow.gif) no-repeat top center;
  margin: 0 auto;
  width: 980px;
  }

#header {
  width: 980px;
  text-align: left;
  height: 180px;
  clear: both;
  background: url(../img/headers/header_blue_default.jpg) no-repeat bottom center;
  }

.hdblue #header {background: url(../img/headers/header_blue.jpg) no-repeat bottom center;}
.hdplum #header {background: url(../img/headers/header_plum.jpg) no-repeat bottom center;}

.hdbluewelcome #header {background: url(../img/headers/header_blue_welcome.jpg) no-repeat bottom center;}
.hdbluebirthday #header {background: url(../img/headers/header_blue_birthday.jpg) no-repeat bottom center;}
.hdbluecalendar #header {background: url(../img/headers/header_blue_calendar.jpg) no-repeat bottom center;}
.hdbluecamps #header {background: url(../img/headers/header_blue_summercamps.jpg) no-repeat bottom center;}
.hdblueabout #header {background: url(../img/headers/header_blue_aboutus.jpg) no-repeat bottom center;}
.hdbluenews #header {background: url(../img/headers/header_blue_news.jpg) no-repeat bottom center;}
.hdbluecontact #header {background: url(../img/headers/header_blue_contactus.jpg) no-repeat bottom center;}
.hdbluerecital #header {background: url(../img/headers/header_blue_recital.jpg) no-repeat bottom center;}
.hdblueclasses #header {background: url(../img/headers/header_blue_classes.jpg) no-repeat bottom center;}

.hdredsummer #header {background: url(../img/headers/header_red_summer.jpg) no-repeat bottom center;}
.hdtealschool #header {background: url(../img/headers/header_teal_schoolyear.jpg) no-repeat bottom center;}
.hdplumschool #header {background: url(../img/headers/header_plum_schoolyear.jpg) no-repeat bottom center;}

#top {
  background: url(../img/top_bg.gif) no-repeat center left;
  margin: 0 0 0 5px;
  height: 58px;
  }

/* Logo */
#logo {
  margin: 0 0 0 15px;
  background:url(../img/logo_bg.gif) no-repeat;
  z-index:99;
  width:347px;
  height:57px;
  }

#logo a {
  display:block;
  width:347px;
  height:57px;
  outline-style: none !important;
  text-decoration: none;
  }

#logo a:hover {
  background: none;
  }

#logo img {
/*  display: none; */
  border: none;
  }

#headsup {
  }

#slogan {
  position: relative;
  top: 45px;
  left: 225px;
  display: none;
  }

#pagetitle {
  position: relative;
  top: 62px;
  left: 125px;
  }

.years {
  float: right;
  color: #d7d7d7;
  font-weight: bold;
  font-size: 14px;
  padding: 8px 20px 0px 0px;
  }

.displaydate {
  float: right;
  clear: right;
  color: #708090;
  font-weight: bold;
  font-size: 12px;
  padding: 12px 20px 0px 0px;
  }


/* ================================ Spacer ================================= */

#spacer {
  background: url(../img/spacer.gif) no-repeat top center; /* #712596 */
  height: 14px;
  line-height: 14px;
  font-size: 0px;
  }


/* ============================== Side Column ============================== */

#sidebar {
  float: right;
  width: 230px;
  text-align: left;
  padding-top: 0px;
  margin: 15px 0px;
/*  border-left: 1px solid #BBBBBB; */
  background: url(../img/sidebar_tile.gif) repeat-y top left;
  }

#sidebartop { background: url(../img/sidebar_top.gif) no-repeat top left; height: 13px; }
#sidebarend { background: url(../img/sidebar_end.gif) no-repeat bottom left; height: 13px; clear: both; }

#sidebar h1 {
  border-bottom: 1px solid #ECECEC;
  border-top: 1px solid #ECECEC;
  font-size: 13px;
  padding: 4px 0 4px 10px;
  margin:5px 5px 0 0;
/*  font-family: verdana, arial, Helvetica, sans-serif; */
/*  background: url(../img/buttons/sbwhite.gif) no-repeat center left; */
  color: #747474;
  font-weight: bold;
  }

#sidebar h1.sb-blue   { background: #6286b0 url(../img/buttons/sbblue.gif) no-repeat center left; color: white; }
#sidebar h1.sb-violet { background: #91268e url(../img/buttons/sbviolet.gif) no-repeat center left; color: white; }
#sidebar h1.sb-green  { background: #009B9C url(../img/buttons/sbgreen.gif) no-repeat center left; color: white; }

#sidebar h1 a {
  text-decoration: none;
  display: block;
/*  background: url(../img/buttons/sbwhitemore.gif) no-repeat center right; */
  color: #747474;
  }

#sidebar h1.sb-blue a { /* background: url(../img/buttons/sbbluemore.gif) no-repeat center right; */ color: white; }
#sidebar h1.sb-violet a { /* background: url(../img/buttons/sbvioletmore.gif) no-repeat center right; */ color: white; }
#sidebar h1.sb-green a { /* background: url(../img/buttons/sbgreenmore.gif) no-repeat center right; */ color: white; }

#sidebar span.winners {
  font-size: 11px;
  }



/* New Home Page Redirection Menu */
#sidebar #navdir {
  border-bottom: 1px solid #ECECEC;
  border-top: 1px solid #ECECEC;
  margin: 20px 5px 55px 0;
  }

#navdir #navbutton {
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #ECECEC;
  background: #f4f4f4 url(../img/buttons/sbgray.gif) no-repeat center left;
  color: #747474;
  padding: 5px 0px;
  }

#navdir #navbutton h2 a {
  display: block;
  color: #5689CA;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 0 12px;
  }

#navdir #navbutton h2 a:hover {
  color: #882385;
  }

#navdir #navbutton p {
  margin: 0 0 0 12px;
  padding: 0px;
  font-size: 11px;
  }





#updatebox {
  background: #FCFCFC;
  width: 220px;
  float: left;
  padding: 10px;
  margin: 25px 0px 0px 10px;
  border: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
/*  background: url(/img/buttons/bevel-bg.png) repeat-x scroll center center transparent; */
  border-style: solid;
  border-width: 4px;
  border-color: #F5F5F5;
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 3px #888;
  }

#updatebox h2 {
  padding: 0px !important;
  margin: 0px !important;
  }

#updatebox p {
  padding: 0px 0px 0px 7px !important;
  margin: 0px !important;
  font-weight: bold;
  }

p.twitter a { background: url(../img/icons/Twitter-24x24.png) no-repeat 0 0; display: block; padding: 4px 0 6px 28px; margin-top: 0px; text-decoration: none; color: #747474; }
p.twitter a:hover { color: #30B7DB; }

p.facebook a { background: url(../img/icons/FaceBook-24x24.png) no-repeat 0 0; display: block; padding: 4px 0 6px 28px; margin-top: 10px; text-decoration: none; color: #747474; }
p.facebook a:hover { color: #3C5FAC; }






/* ---------------------------- Main Navigation ---------------------------- */

#nav {
/*  width: 75%; */
  width: 125px;
  float: left;
  font-size: 12px; /* was 80% PAT*/
  margin: 0px;
  padding: 10px 10px 10px 20px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  text-align: center;
  background: #F5F5F5;
  }

* html #nav {      /* this is the Tan hack, IE5 reads 1st value IE6 reads 2nd value*/
  width: 145px;
  w\idth: 125px;
  }

#nav li {
  list-style: none;
  margin: 0; 
  padding: 0;
  position: relative;
  display: block;
  }

/* Styles for Menu Items */
#nav li a {
  display: block;
  text-decoration: none;
  color: #777777;
  padding: 2px;
  border-bottom: 1px solid #CCCCCC;
  }

#nav a.active:link, #nav a.active:visited {
/*  font-size: 100%; */
  font-weight: bold;
  border-bottom: 4px solid #C71585;
  padding-bottom: 2px;
  color: White;
  background: #999999 url(../img/navbtn_on.gif) no-repeat top center;
  }

/* Hover Styles */
#nav li a:hover {
  color: White;
  background: #483D8B url(../img/navbtn_hover.gif) no-repeat top;
  text-decoration: none;
  }

#nav #n_home {
  border-top: 1px solid #CCCCCC;
  }




/* SideMenu Design */

#sidemenu { margin: 15px 5px 25px 0px; }

#sidemenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
/*  font-family: verdana, arial, Helvetica, sans-serif; */
  }

#sidemenu li {
  margin: 0 0 1px 0;
  }

#sidemenu a {
  display: block;
  padding: 5px 10px;
  width: 205px;
  color: #696969;
  background: #dcdcdc url(../img/buttons/btn7.gif) no-repeat left center;
  text-decoration: none;
  }

#sidemenu a:hover {
  color: #fff;
  background: #acacac url(../img/buttons/btn3.gif) no-repeat left center;
  text-decoration: none;
  }

#sidemenu ul ul li {
  margin: 0 0 1px 0;
  }

#sidemenu ul ul a {
  display: block;
  padding: 5px 5px 5px 20px;
  width: 200px;
  color: #585858;
  background: #b0c4de url(../img/buttons/btn5.gif) no-repeat left center;
  text-decoration: none;
  }

#sidemenu ul ul a:hover {
  color: #fff;
  background: #acacac url(../img/buttons/btn3.gif) no-repeat left center;
  text-decoration: none;
  }

#navlist li a.current,
#navlist li a.active {
  color: White;
  background: #7598c6 url(../img/buttons/btn1.gif) no-repeat left center;
  }

/* I think this isn't used */
/*#navlist li a:hover#current {
  background: #acacac url(../img/buttons/btn3.gif) no-repeat left center;
  }*/



/* -------------- Mini - Sub Navigation -------------- */
/*  Courtesy Seth Gunderson from SethandWendy.com      */
/*  minitabs from:                                     */
/*   css.maxdesign.com.au/listamatic/horizontal19.htm  */
/* --------------------------------------------------- */

#navcontainer {
  width: 525px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  border-top: 1px solid #999999;
  z-index: 1;
  }

#navcontainer ul {
  list-style-type: none;
  text-align: center;
  font-size: 11px;
  margin-top: -8px;
  padding: 0;
  position: relative;
  z-index: 2;
  }

#navcontainer li {
  display: inline;
  text-align: center;
  font-size: 11px;
  margin: 0 4px;
  font-size: 10px;
  }

#navcontainer li a {
  padding: 1px 4px;
  color: #666666;
  font-size: 11px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  text-decoration: none;
  }

#navcontainer li a:hover {
  color: #000000;
  background: #F9EDED;
  border: 1px solid #666666;
  border-top: 2px solid #666666;
  border-bottom: 2px solid #666666;
  }

#navcontainer li a.current {
  color: #000000;
  background: #F0DBD9;
  border: 1px solid #B20086;
  border-top: 2px solid #B20086; /* was #B20086*/
  border-bottom: 2px solid #B20086;
  }



/* ---------------------- Sub Naviagaion / Highlights ---------------------- */

#subnav {
  color: #9932CC;
  width: 150px;
  padding: 15px 10px 30px 10px;
  margin: 0;
  text-align: left;
  font-family: "trebuchet ms", "arial narrow", arial, tahoma, "book antiqua", verdana, sans-serif, helvetica;
  }

* html #subnav {      /* this is the Tan hack, IE5 reads 1st value IE6 reads 2nd value*/
  width: 170px;
  w\idth: 150px;
  }

.note {
  padding: 4px 4px 4px 4px;  
  font-size: 11px;
  text-align: center;
  border-bottom: 1px solid Silver;
  border-right: 1px solid Silver;
  border-left: 1px solid Silver;
  }



/* -------- Upsell Blocks ------- */

.upautopay {
  margin: 10px 0px;
  }

.upautopay a {
  background: #FFFFFF url(../img/tuition/autopay.gif) no-repeat top left;
  width: 225px;
  height: 146px;
  display: block;
  text-decoration: none;
  outline-style: none;
  }

.upautopay a:hover {
  text-decoration: none;
  color: #000080;
  }


/* New Recital Video Notice */
.uprecitaldvd {
  margin: 10px 0px;
  }

.uprecitaldvd a {
  background: #FFFFFF url(../img/recitaldvdsml2.gif) no-repeat top left;
  width: 224px;
  height: 244px;
  display: block;
  text-decoration: none;
  outline-style: none;
  }

.uprecitaldvd a:hover {
  text-decoration: none;
  color: #000080;
  }


/* New Recital Directions Notice */
.uprecitaldirections {
  float: right;
  margin: 10px 5px 10px 0px;
  width: 216px;
  height: 241px;
  background: #FFFFFF url(../img/recitaldirections.jpg) no-repeat top left;
  }

.uprecitaldirections a {
/*  background: #FFFFFF url(../img/recitaldirections.jpg) no-repeat top left; */
/*  width: 216px;
  height: 241px; */
  display: block;
  width: 181px;
  height: 191px;
  padding: 50px 0px 0px 35px;
  text-decoration: none;
  outline-style: none;
  }

.uprecitaldirections a:hover {
  text-decoration: none;
  color: #000080;
  }

.uprecitaldirections p {
  margin-left: 10px !important;
  color: #4E4E4E;
  }

/* New Birthday Party Notice */
.upbirthdays {
  background: #FFFFFF url(../img/birthday/birthdays.jpg) no-repeat bottom center;
  text-decoration: none;
  border: 3px solid White;
  height: 215px;
  width: 146px;
  margin: 0px 0px 10px 0px;
  }

.upbirthdays a,
.upbirthdays a:hover {
  display: block;
  text-decoration: none;
  height: 215px;
  width: 146px;
  }


/* New Gallery Photos Notice */
.upgalleryphotos {
  background: url(../img/galleryphotos.jpg) no-repeat bottom center;
  text-decoration: none;
  height: 280px;
  width: 459px;
  margin: 5px 20px;
  }

.upgalleryphotos a,
.upgalleryphotos a:hover {
  display: block;
  text-decoration: none;
  height: 280px;
  width: 459px;
  }

/* New WeatherAlert Block in the sub-nav column */

.weatheralert {
  width: 150px;  
  background: #FFFFFF url(../img/weatheralert.gif) no-repeat top;
  padding: 53px 0px 0px 0px;
  margin: 0;
  border: 1px solid #C0C0C0;
  }

.weatheralert p {
  color: #000080;
  padding: 4px 5px 2px 5px;
  font-weight: normal;
  font-size: 11px;
  text-align: center;
  border-bottom: 2px solid #FFFFFF;
  }

.weatherboard {
  width: 150px;  
  background: #FFFFFF url(../img/weatherboard.gif) no-repeat top;
  padding: 53px 0px 0px 0px;
  margin: 0;
  border: 1px solid #C0C0C0;
  }

.weatherboard p {
  color: #000080;
  padding: 4px 5px 2px 5px;
  font-weight: normal;
  font-size: 11px;
  text-align: center;
  border-bottom: 2px solid #FFFFFF;
  }


/* ============================== Main Column ============================== */

#content {
  float: left;
  width: 715px;
  padding: 10px 15px 10px 15px;
  text-align: left;
  }
  
* html #content {      /* this is the Tan hack, IE5 reads 1st value IE6 reads 2nd value*/
  width: 755px;
  w\idth: 715px;
  }

#content h1 {
  background: url(../img/shadow.gif) no-repeat -540px bottom;
/*  border-bottom: 2px solid #ECECEC; */
  padding-bottom: 9px;
  margin-bottom: .5em;
  }

#content h1#welcome {
/*  background: url(../img/shadow.gif) no-repeat -390px bottom; */
  background: none;
  padding-top: 0px;
  margin-bottom: 0px;
  }

#content h2 {
/*  background: url(../img/shadow.gif) no-repeat -540px bottom; */
/*  border-bottom: 2px solid #ECECEC; */
  padding-bottom: 0px;
  margin: 5px 0px !important;
  }



/* Site Breadcrumb Trail */
#breadcrumbs {
  font-family: arial;
  text-align: right;
  margin: 0 0 10px 0;
  padding: 0px;
  color: #999999;
  font-size: 10px;
  letter-spacing: .1px;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  }

#breadcrumbs a:link, #breadcrumbs a:visited {
  text-decoration: none;
  font-size: 10px;
  color: #999999;
  padding-right: 2px;
  font-weight: normal;
  }

#breadcrumbs a:hover, #breadcrumbs a:active {
  text-decoration: underline;
  color: #9932CC;
  }


/* Link to return to the top of page */
a.tothetop {
  color: #CACACA !important;
  clear: both;
  float: right;
  background: url(/img/topofpage.png) no-repeat 0% 50%;
  padding: 1px 2px 2px 14px;
  margin-right: 20px;
  text-align: right;
  line-height: 10px;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  }

a.tothetop:hover {
  color: #ABABAB !important;
  background: url(/img/topofpageon.png) no-repeat 0% 50%;
  }

/* Link to return to the top of page */
/*.tothetop {
  clear: both;
  float: right;
  background: url(../img/topofpage.gif) no-repeat center left;
  padding-left: 11px;
  text-align: right;
  font-size: 80%;
  text-decoration: none;
  } */





#studiomap {
  margin-right: 15px;
  float: left;
  border: none;
  text-decoration: none;
  outline-style: none !important;
  }

#googlemap {
  float: left;
  margin: 0px 15px 5px 0px;
  }


#danceactivities {
  padding-bottom: 10px;
  }

#danceactivities h4 {
  padding-left: 20px;
  }

#danceactivities ul {
  padding-left: 20px;
  }

#danceactivities ul li {
  margin-left: 20px;
  padding: 2px 0px;
  color: #6C6C6C;
  }


ul.classnotes {
  color: #6C6C6C;
  font-weight: normal;
  padding-left: 20px;
  }


/* Class Descriptions on Classes Page Format */
.descriptions h4 {
  color: #B20086;
  font-weight: bold;
  margin: 10px 20px 4px 10px;
  border-bottom: 1px solid silver;
  }

.descriptions dl {
  margin: 0 0 15px 0;
  padding: 0px 25px;
/*  font-size: 12px; */
  }

.descriptions dt {
  display: block;
  float: left;
  width: 80px;
  font-weight: bold;
  }

.descriptions dd {
  padding: 0 0 0 90px;
  color: #6C6C6C;
/*  font-size: 11px; */
  font-weight: normal;
  }


/* Class Descriptions on Classes Page Format */
.dresscode h4 {
  color: #B20086;
  font-weight: bold;
  margin: 10px 20px 4px 20px;
/*  border-bottom: 1px solid silver; */
  }

.dresscode dl {
  margin: 0 0 15px 0;
  padding: 0px 25px;
/*  font-size: 12px; */
  }

.dresscode dt {
  display: block;
  float: left;
  width: 50px;
  font-weight: bold;
  padding-left: 40px;
  }

.dresscode dd {
  padding: 0 0 0 100px;
  color: #6C6C6C;
/*  font-size: 11px; */
  font-weight: normal;
  }


/* News Articles on News Page Format */
.news dl {
  margin: 0 0 15px 0;
  padding: 0 25px 0 15px;
  color: #B20086;
  font-size: 12px; /* was 90% PAT */
  font-weight: bold;
  }

.news dd {
  padding: 0 0 0 10px;
  color: #8B8B8B;
  font-size: 11px;
  }


/* NewsList items on bottom of front page */
#newslist {
  color: Gray;
  background: #F1F1F1;
  font-size: 12px;
  padding: 5px 0 5px 25px;
  }

#newslist li {
  border-bottom: 1px solid #F5F5F5;
  padding: 3px 10px 3px 0;
  }


/* ----------- NewsBlock ----------- */
#newsblock {
  margin: 0px !important;
  padding: 10px 0px 5px 12px !important;
  height: 100%;
  }

.newsblockitem {
  float: left;
  display: block;
  }

.column3 .newsblockitem {
  width: 213px;
/*  height: 120px; */
  margin: 0 15px 15px 0px;
  }

.column2 .newsblockitem {
  width: 333px;
  height: 120px;
  margin: 0 10px 15px 0px;
  }

.newsblockitem img {
  float: right;
/*  border: 1px solid #d3d3d3; */
  padding: 4px;
  margin: 15px 0 5px 10px;
  background: url(../img/news/border.gif) no-repeat top left;
  border: none;
  }

.newsblockitem h3 {
  font-size: 14px;
  }

.newsblockitem h3 a,
.newsblockitem h3 a:hover,
.newsblockitem a img {
  text-decoration: none;
  font-weight: bold;
  }

.newsblockitem h3 a { color: #3670AF; }
.newsblockitem h3 a:hover { color: #b20086; }

.newsblockitem p {
  padding:5px 0 0 0 !important;
  }


.sideblock {
  border: 1px solid #FFFFFF;
  margin: 0 2px 0 0;
  padding-top: 65px;
  background: url(../img/directions.jpg) no-repeat;
  width: 150px;
  height: 191px;
  font-size: 90%; 
  }

.sideblock p {
  padding-left: 7px;
  }

.sideblock h2 {
  font-size: 120%;
  }


/* -------- Contact Form Styling -------- */

.frminfo {
	color: #666666;
   font-size: 11px;
	}

/* NEW FORM FIELDS STYLING */
form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

.Form {  padding: 0px 0px 10px 0px; position: relative; margin: 0px; font-family: 'Verdana';}
.Form form { margin: 0px; padding: 0px;}
.Form a { text-decoration: underline;}
.Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#666; }
.Form p small strong { font-weight: bold; color:#C3005F; /*#FF3300*/}
.Form p small { font-size: 11px; display: block; padding: 6px 0px; color:#000;}
.Form .TextField { color:#003366; background: #e1eefb; border: solid 1px #c2e0fc; padding: 6px 6px 6px 30px; font-size: 12px; display: block;}
.Form .TextArea { color:#003366; background: #e1eefb; border: solid 1px #c2e0fc; padding: 6px; font-size: 12px;}
.Form input.SubmitComment { width: 57px; height: 29px; background: url(/img/forms/SubmitComment.png) no-repeat; margin-top: 4px;}
.Form input.SubmitComment:hover { background: url(/img/forms/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}
.Form input.SubmitCommentIE { width: 57px; height: 29px; background: url(/img/forms/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}



/* ------------------ New Tuition Table Styles ----------------------- */

.tuitionratetable {
  background: White;
  color: #4C4C4C;
  font-size: 90%;
  text-align: center;
  margin-left: 50px;
  }

.tuitionratetable caption {
  font-size: 130%;
  font-weight: bold;
  text-align: left;
  margin: 10px 0px 5px 0px;
  }

.tuitionratetable td {
  padding: 2px 5px 2px 5px;
  }

.tuitionratetable .colheadings td {
  background: #B0C4DE !important;
  border-top: 3px solid #7598C6;
  border-bottom: 1px solid #7598C6;
  height: 28px;
  font-weight: bold;
  }

.tuitionratetable tr td { 
  border-bottom: 1px solid #C8C8C8;
  }

.tuitionratetable td.tablefooter {
  background: #B0C4DE !important;
  border-bottom: 3px solid #7598C6;
  border-top: 1px solid #7598C6;
  height: 15px;
  line-height: 15px;
  padding: 0px;
  margin: 0px;
  }

.tuitionratetable tr.highlighted {
  background: #E7E7E7;
  }


/* ------------------ New Summer Schedule Styles ----------------------- */

.summerschedule {
  background: White;
  color: #4C4C4C;
  font-size: 90%;
  width: 95%;
  margin: 10px 0px 10px 20px;
  }

.summerschedule caption {
  font-size: 130%;
  text-align: left;
  }

.summerschedule td {
  padding: 2px 5px 2px 5px;
  }

.summerschedule .colheadings td {
  background: #B0C4DE !important;
  border-top: 3px solid #7598C6;
  border-bottom: 1px solid #7598C6;
  height: 24px;
  font-weight: bold;
  }

.summerschedule td.classheading {
  background: #DCDCDC;
  border-bottom: 2px solid #B9B9B9;
  border-top: 2px solid #B9B9B9;
  height: 24px;
  font-weight: bold;
  }

.summerschedule tr td { 
  border-bottom: 1px solid #C8C8C8;
  }

td.classopen {background: #90EE90;}
td.classfull {background: #CD5C5C;}

td.sat2pma {background: #ea7b83;} /* pink   */
td.sat4pma {background: #eaaa7b;} /* orange */
td.sat6pma {background: #a97bea;} /* purple */
td.sun3pma {background: #78ab78;} /* green  */
td.sun5pma, td.sun6pma {background: #B0C4DE;} /* blue */

td.sat2pm {background: #F0E68C;} /* yellow */
td.sat4pm {background: #ea7b83;} /* pink */
td.sat6pm {background: #78ab78;} /* green */
td.sun3pm {background: #B0C4DE;} /* blue  */
td.sun5pm, td.sun6pm {background: #a97bea;} /* purple */


.summerschedule td.tableseperator {
  border-top: 1px solid #B9B9B9;
  border-bottom: none;
/*  background: #EDEDED; */
  height: 15px;
  line-height: 15px;
  padding: 0px;
  margin: 0px;
  }

.summerschedule td.tablefooter {
  background: #B0C4DE !important;
  border-bottom: 3px solid #7598C6;
  border-top: 1px solid #7598C6;
  height: 15px;
  line-height: 15px;
  padding: 0px;
  margin: 0px;
  }




/* Schedule Table - Schedule Tab */
.scheduletable {
  border: 1px solid Gray;
  padding: 0;
  margin: 0;
  }

.scheduletable caption {
  color: White;
  background: #486999;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 6px 4px 6px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  }
  
  /* Header Row Styles */
.scheduletable thead tr th {
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 12px;
  border-left: 1px solid #D9D9D9; 
  background: #F0DBD9;
  text-align: center;
  border-bottom: 1px solid #DCDCDC;
  }  

  /* Body Row Styles */
.scheduletable tbody tr td {
  background: #FAFAFA;
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 11px;
  border-left: 1px solid #C0C0C0;
  border-bottom: 1px solid #DCDCDC;
  text-align: left;
  }

.scheduletable h4 {
  color: #474747;
  background: #F0DBD9;
  font-size: 11px;
  padding: 3px 5px 3px 5px;
  margin: 0;
  border-top: 1px solid #C0C0C0;
  border-bottom: 1px solid #DCDCDC;
  }

.scheduletable dl {
  margin: 0;
  padding-top: 2px;
  color: Black;
  font-size: 11px;
  padding-bottom: 3px;
  border-bottom: 1px solid #E6E6E6;
  }
  
.scheduletable dt {
  padding: 2px 0px 2px 10px;
  font-size: 10px;
  font-weight: bold;
  color: #9B5886;
  }

.scheduletable dd {
  padding: 0px 0px 2px 20px;
  font-size: 9px;
  color: #676767;
  }

.scheduletable .statusnew {
  font-weight: bold;
  color: red;
  }

.scheduletable .statusclosed {
  color: #808080;
  }

.scheduletable .statusopen {
  color: blue;
  }

.scheduletable .statusnov5 {
  color: green;
  }



 /* Tuition Table Styles */
.tuitiontable {
  margin-left: 50px;
  border: 1px solid Gray;
  }

.tuitiontable caption {
  color: White;
  background: #486999;
  margin-left: 50px;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 6px 4px 6px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  }
  
  /* Header Row Styles */
.tuitiontable thead tr th {
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 12px;
  padding: 4px 6px 4px 6px;
  border-left: 1px solid #D9D9D9; 
  background: #F0DBD9;
  text-align: center;
  border-bottom: 1px solid #DCDCDC;
  }

  /* Body Row Styles */
.tuitiontable tbody tr td {
  background: #FAFAFA;
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 11px;
  padding: 4px 6px 4px 6px;
  border-left: 1px solid #D3D3D3;
  border-bottom: 1px solid #DCDCDC;
  text-align: center;
  }
	
.tuitiontable tbody tr.score td {
  background: #EEEFFA;
  }
	
.tuitiontable tbody tr.selected td {
  background: #708FBC;
  color: #ffffff;
  font-weight: bold;
  border-left: 1px solid #8AA3C8;
  border-bottom: 1px solid #8AA3C8;
  }
 
  

/* ------------------------ NEW Calendar Styles ----------------------------- */

.calendar {
/*  background: White; */
/*  color: #4C4C4C; */
/*  font-size: 90%; */
  }

.calendar caption {
  font-size: 130%;
  text-align: left;
/*  display: none; */
  }

.calendar tr {
  padding-left: 5px;
  }

.calendar td {
  padding: 6px 0px 6px 5px;
  }

.calendar td a {
  display: block;
  width: 100%;
  text-decoration: none;
  background: none;
  color: #2D2E30;
  }

.calendar td a:hover {
  }

.calendar .colheadings td {
  background: #B0C4DE !important;
  border-top: 3px solid #7598C6;
  border-bottom: 1px solid #7598C6;
  height: 28px;
  font-weight: bold;
/*  display: none; */
  }

.calendar tr td { 
  border-bottom: 1px solid #C8C8C8;
  }

.calendar tr:hover {background: #F5F5F5;}
.calendar tr.holiday {background: #B0E6D1;}
.calendar tr.holiday:hover {background: #9CDFC5;}
.calendar tr.recital {
  background: #A6E0E1;
  font-weight: bold;
  }
.calendar tr.recital:hover {background: #88D4D5;}

.calendar td.tableseperator,
.calendar td.tableseperator2 {
  background: #F4F4F4;
  padding: 0px;
  margin: 0px;
  }

.calendar td.tableseperator {
  border-bottom: 2px solid #C5C5C5;
  border-top: none;
  height: 2px;
  line-height: 2px;
  }

.calendar td.tableseperator2 {
  border-top: 1px solid #C5C5C5;
  border-bottom: none;
  height: 5px;
  line-height: 5px;
  }

.calendar td.tablefooter {
  background: #B0C4DE !important;
  border-bottom: 3px solid #7598C6;
  border-top: 1px solid #7598C6;
  height: 5px;
  line-height: 5px;
  padding: 0px;
  margin: 0px;
  }

/* ----------------------- Full Calendar Styles ----------------------------- */
.fullcal {
  margin-left: 15px;
  width: 95%;
  /* background: #F8F8FF; */   /* url(../img/main-bg.jpg) repeat-x top left; */
  }

/* ----------------------- Sub Calendar Styles ----------------------------- */
.subcal {
  margin-left: 15px;
  width: 95%;
  /* background: #F8F8FF; */   /* url(../img/main-bg.jpg) repeat-x top left; */
  }


 /* School Calendar Styles */
.calendartable {
  margin-left: 5px;
  border: 1px solid Gray;
  }

.calendartable caption {
  color: White;
  background: #486999;
  margin-left: 5px;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 6px 4px 6px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  }
  
  /* Header Row Styles */
.calendartable thead tr th {
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 12px;
  padding: 4px 6px 4px 6px;
  border-left: 1px solid #D9D9D9; 
  background: #F0DBD9;
  text-align: center;
  border-bottom: 1px solid #DCDCDC;
  }

  /* Body Row Styles */
.calendartable tbody tr td {
  background: #FAFAFA;
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 11px;
  padding: 4px 6px 4px 6px;
  border-left: 1px solid #D3D3D3;
  border-bottom: 1px solid #DCDCDC;
  text-align: center;
  }
	
.calendartable tbody tr.highlight td {
  background: #EEEFFA;
  }

.calendartable tbody tr.score td {
  background: #EEEFFA;
  }
	
.calendartable tbody tr.selected td {
  background: #708FBC;
  color: #ffffff;
  font-weight: bold;
  border-left: 1px solid #8AA3C8;
  border-bottom: 1px solid #8AA3C8;
  }

.calendartable .eventitem {
  text-align: left;
  padding-left: 10px;
  }

.calendartable .eventnote {
  font-size: 8px;
  font-weight: normal;
  }


/* Picture Thumbnails */
.thumbs {
  border: 1px solid #d3d3d3;
  padding: 5px;
  margin: 0 0 10px 10px;
  background: White;
  display: inline;
  float: right;
  }


/* Staff Slide Show Thumbnails */
.slidebox {
  border: 1px solid #E2E2E2;
  padding: 3px;
  margin: 4px 5px;
  background: #ecf0fb; /*#ECECFB;*/
  display: block;
  float: left;
  }

.slidebox a {
  color: #7598c6;
  }

.slidepic {
  border: 1px solid #d3d3d3;
  padding: 3px;
  background: White;
  }

.slidetext {
  padding: 2px;
/*  background: #DCDCDC; */
  display: block;
/*  float: left; */
  text-align: center;
  text-decoration: none;
  }




/* ================================ Footer ================================= */

#wrapfooter {
  background: #CACBCC;
  border-top: 1px dotted #8E9296;
  height: 60px;
  }

#footer {
  color: #434343;
  background: #CACBCC url(../img/cont_footer_bg.gif) repeat-y top center;
  width: 980px;
  margin: 0 auto;
  text-align: center;
  clear: both;
  height: 170px;
  }

#footer p {
  float: right;
  text-align: right;
  padding: 30px 0px 10px 0px;
  margin-top: 3px;
  font-weight: bold;
  font-size: 90%;
  }

#footer p a {
  text-decoration: none;
  outline-style: none;
  }

#footer p img {
  border: none;
  }


/* Footer Navigation */

.footernav {
  padding: 20px 0 0 30px;
  }

.footerblock {
  width: 16%;
  float: left;
  padding-right: 40px;
  }

.footerblock h3 {
  color: #ffffff;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 4px;
  border-bottom: 1px solid #8c8c8c;
  }

.footerblock ul {
  text-align: left;
  padding: 0px 0 0 0px;
  }

.footerblock li {
  line-height: 1.5em;
  list-style: none;
  }

#footer-phone, #footer-email, #footer-twitter, #footer-facebook, #footer-news, #footer-newsletter { padding-left: 16px; }

.footerblock #footer-phone { background: url(../img/icons/phone2.gif) no-repeat 0% 55%; }
.footerblock #footer-email { background: url(../img/icons/mail2.gif) no-repeat 0% 55%;	}
.footerblock #footer-twitter { background: url(../img/icons/twitter12.png) no-repeat 0% 55%; }
.footerblock #footer-facebook { background: url(../img/icons/facebook12.png) no-repeat 0% 55%; }
.footerblock #footer-news { background: url(../img/icons/news12.png) no-repeat 0% 55%; }
.footerblock #footer-newsletter { background: url(../img/icons/subscribe12.png) no-repeat 0% 55%; }

.footerblock ul a {
  padding: 0 8px 0 0px;
  color: #6b6b6b;
  text-decoration: none;
  font-size: 11px;
  }

.footerblock ul a:hover {
  color: white;
  }

.footerblock li.last a {
  background: none;
  }


#logosm {
  float: right;
  height: 57px;
  width: 347px;
  margin: 17px 6px 0 0;
  }

#logosm img { border: none; }

#copyright {
  clear: both;
  text-align: center;
  width: 980px;
  }

#copyright p {
  color: #8c8c8c;
  font-size: 10px;
  text-align: center !important;
  width: 980px;
  }

#spacer2 {
  width: 156px;
  height: 1px;
  line-height: 1px;
  text-align: left;
  clear: both;
  margin-left: 5px;
  padding: 0;
  }

#spacer2 p {
  font-size: 6pt;
  padding: 0 0 0 3px;
  color: Gray;
  }

/* ============================= Page Bottom =============================== */

/* #bottom {} */


/* ======================== Miscellaneous Clasess ========================== */

.underline {
  text-decoration: underline;
  }

.hide, .hidden {
  display: none;
  }

.centered, .center {
  text-align: center;
  }

.left {
  position: relative;
  float: left;
  padding-left: 25px;
  font-family: verdana, sans-serif, helvetica;
  font-size: 10px;
  }

.right {
  position: relative;
  float: right;
  padding-right: 185px;
  font-size: 110%;
  }

.totheright {
  text-align: right;
  }

.totheleft {
  text-align: left;
  }

/* Legend */
.legend-title {
  background: white;
  display: block;
  float: left;
  left: 7px;
  margin: 0 !important;
  padding: 0 3px;
  position: absolute;
  top: -10px;
  }

.legend {
  border: 2px solid #B0C4DE;
  margin: 20px 0px 0px 0px;
  padding: 15px 10px 10px 10px;
  position: relative;
  }

#sidebar .legend {
  font-size: 90%;
  }


/* Blockquote Formating */
blockquote {
  width: 450px;
  margin: 10px 30px 10px 13px;
  padding: 0 0 0 0;
/*  font-family: "trebuchet ms", "arial narrow", arial, tahoma, "book antiqua", verdana, sans-serif, helvetica; */
  font-size: 15px;
  line-height: 1em;
  text-align: left;
  color: #404040;
  background: #f0f3fa url(/img/quote_top.gif) no-repeat top left;
  }

.quote {
  margin-right: 8px;
  padding: 15px 25px 15px 30px;
/*  font-weight: bolder; */
  background: url(/img/quote_end.gif) no-repeat right bottom;
  color: #737373;
  }

.quote strong {
  color: #000;
  font-weight: bold;
  }

.author {
  margin: 0;
  padding: 0 75px 10px 0;
  color: #999;
  text-align: right;
  font-size: 13px;
  font-weight: bolder;
  background: url(/img/quote_bottom.gif) no-repeat bottom;
  }



.siteerror {
  background: white url(/img/error.png) no-repeat 50% 0%;
  }

#errorheader {
  padding: 20px 0px 10px 25px;
  }

#errormessage {
  padding: 10px 15px 30px 10px;
  }

#errorfooter {
  float: right;
  font-weight: bolder;
  padding: 30px 0px 250px 0px;
  }


/* Special Blockquote Formating */

.specialized {
  padding-top: 15px;
  }

.specialized blockquote {
  width: 280px;
  float: left;
  margin: 25px 0px 5px 0px;
  padding: 0 0 0 0;
  }

.specialized img {
  float: left;
  padding: 5px 0px 5px 0px;
  }


.specialized2 {
  padding-top: 15px;
  }

.specialized2 blockquote {
  width: 480px;
  float: left;
  margin: 15px 0px 15px 0px;
  padding: 0 0 0 0;
  }

.specialized2 img {
  float: left;
  padding: 5px 0px 5px 0px;
  }







/* Sidebar News List Links */

.newslist {
  font-size: 11px;
  list-style: none;
  }

.newslist li {
  margin: 3px 5px 2px 5px;
  padding: 0 0 5px 18px;
/*  background: url(../img/icons/document.png) no-repeat 0% 2px; */
  }

.newsicon  li { background: url(../img/icons/document.png) no-repeat 0% 2px; }
.stafficon li { background: url(../img/icons/ui-button-navigation.png) no-repeat 0% -1px; margin-left: 10px; padding-left: 22px; }

.newslist a {
  background: transparent;
  text-decoration: none;
  }

.newslist a:hover {
  text-decoration: none;
  }

.newslist span {
  color: #a9a9a9;
  font-size: 10px;
  }

.newslist .holiday {
  color: #5f9ea0;
  font-weight: bold;
  }

.newslist .recital {
  color: #9932cc;
  font-weight: bold;
  }

.newslist .recital a { text-decoration: none; }

/* Front Page version of newslist */
.newslist2 {
  font-size: 12px;
  list-style: none;
  }

.newslist2 li {
  margin: 5px 0px 5px 7px;
  padding-left: 15px;
  background: url(../img/newsbullet.gif) no-repeat 0% 2px;
  }

.newslist2 span {
  color: #868686;
  font-size: 12px;
  }

p.more {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 1px;
  text-align: right;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
  }

.more a {
  margin: 0 0 0 0;
  padding: 0 14px 0 0;
  color: #747474;
  text-decoration: none;
  background: url(../img/morearrow.gif) no-repeat 100% 2px;
  }

.more a:hover {
  color: #9932cc;
  background: url(../img/morearrowon.gif) no-repeat 100% 2px;
  }




/* ============================= News Format =============================== */

.Post { background: url(../img/news/PostComBkg.gif) repeat-x bottom left; padding-bottom: 10px; }

.PostTopper { background: url(../img/news/PostComBkg.gif) repeat-x bottom left; padding-bottom: 0px; }

.PostHead { margin-left: 0px; float: left; width: 100%; }
.PostHead h2 { color: #597aa5; font-size: 18px; line-height: 18px; letter-spacing: -1px; font-weight: bold; padding: 12px 0px 1px 0px; margin: 0px; }
.PostHead h2 a { color: #597aa5; text-decoration: none;}
.PostHead h2 a:visited { color: #597aa5; text-decoration: none;}
.PostHead h2 a:hover { color:#000; text-decoration: none;}
.PostHead h3 { font-size: 14px; line-height: 14px; font-weight: bold; padding: 0px; margin: 0px; color:#000033;}

/**/ * html .PostTime { left: -15px;} /**/ 
.PostTime {
  padding: 0px;
  margin: 0px;
  float: left;
  background: url(../img/news/PostTimeBkg.gif) no-repeat;
  height: 71px;
  width: 67px;
  text-align: center;
  color: #fff;
  }

.PostTime strong { display: block; line-height: 9px; font-family: 'Verdana';}
.PostTime .day { color: white; font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 20px; font-family: 'Arial';}
.PostTime .month { color: white; font-size: 10px; text-transform: lowercase;}
.PostTime .year { color: white; padding-top: 7px; font-weight: normal; }

.PostHead small {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block}

.PostAuthor { color:#999; }

.PostCat,
.PostCat a,
.PostCat a:visited,
.PostCat a:hover {
  color: #bb31b7; /* #ffb429 */ text-decoration: none;
  }

.PostContent { clear: left; padding: 10px 0px 0px 15px; font-size: 13px; line-height: 1.4em;}
.PostContent p { padding: 0px; margin-bottom: 10px; font-size: 13px; line-height: 1.4em;}
.PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; }
.PostContent ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.PostContent ul { padding: 0px 0px 0px 25px; margin: 0px; }
.PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(../img/news/PostContentLiIco.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.PostContent blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;}
.PostContent blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
.PostContent blockquote a { color:#336699;}
.PostContent blockquote a:visited { color:#336699;}
.PostContent blockquote a:hover { color:#000033;}
.PostContent img { margin: 0px 5px 5px 10px; float: right;}

.PostContent ol.numbers {
  padding-left: 0px;
  margin-left: 10px;
  }

.PostContent ol.numbers li {
  list-style: none;
  padding-left: 35px;
  line-height: 18px;
  }

.PostContent ol.numbers strong {
  font-size: 14px;
  }
  
.PostContent ol.numbers li.numb1 { background: url(../img/buttons/li_num1.png) no-repeat left top; }
.PostContent ol.numbers li.numb2 { background: url(../img/buttons/li_num2.png) no-repeat left top; }
.PostContent ol.numbers li.numb3 { background: url(../img/buttons/li_num3.png) no-repeat left top; }
.PostContent ol.numbers li.numb4 { background: url(../img/buttons/li_num4.png) no-repeat left top; }
.PostContent ol.numbers li.numb5 { background: url(../img/buttons/li_num5.png) no-repeat left top; }
.PostContent ol.numbers li.numb6 { background: url(../img/buttons/li_num6.png) no-repeat left top; }
.PostContent ol.numbers li.numb7 { background: url(../img/buttons/li_num7.png) no-repeat left top; }
.PostContent ol.numbers li.numb8 { background: url(../img/buttons/li_num8.png) no-repeat left top; }
.PostContent ol.numbers li.numb9 { background: url(../img/buttons/li_num9.png) no-repeat left top; }


/* Dance Camp Styles */

.exampleday {
  background: #e0a9b7;
  border-top: 2px solid #c2617c;
  border-bottom: 2px solid #c2617c;
  margin: 10px 0px;
  padding: 15px 0px;
  }

.campdetails, .campitinerary {
/*  border: 1px solid #c0c0c0; */
/*  margin: 24px 4px 20px 34px; */
  background: #FBFBFB;
  font-size: 90%;
  clear: both;
  width: 100%;
  color: #4C4C4C;
  border: 1px solid Silver;
  }

.campdetails h3, .campitinerary h3 {
  background: #f4f5f4 url(/img/tablehdrtile.gif) repeat-x bottom center;
  padding: 2px 6px;
  }

.campitinerary h3 {color: Navy;}

.campdetails dl, .campitinerary dl {
  clear: both;
  display: block;
  border-bottom: 1px solid #DCDCDC;
  }

.campdetails dt, .campitinerary dt {
  margin: 1px 0px 1px 2px;
  padding: 4px 1px 4px 3px;
  display: block;
  float: left;
  }

.campdetails dt {
  width: 9em;
  text-align: left;
  }

.campitinerary dt {
  width: 6em;
  text-align: left;
  }

.campdetails dd, .campitinerary dd {
  margin: 1px 2px 1px 0px;
  padding: 4px 6px 4px 5px;
  float: left;
  display: block;
  float: left;
  }

.campprice {color: Green;}
.campsavings {color: Red;}


.cancellations li {
  margin-left: 40px;
  color: #6C6C6C;
  }

.callout {
  float: left;
  height: 80px;
  width: 100px;
  background: url(../img/callout.gif) no-repeat 0 50%;
  padding: 25px 0px 0px 30px;
/*  border: 1px solid red; */
  }

.callout p {
  padding: 0px;
  margin: 0px;
  color: #8E006B;
/*  border: 1px solid green; */
  }


/* fix for the Winter Showcase */
#content #whitebackground {
  background: White !important;
  padding: 5px !important;
  border: 1px solid #DCDCDC;
  }

.nohighlight {
  border: none;
  text-decoration: none;
  outline-style: none !important;
  }
  
.sendright {
  float: right;
  }

.sendleft {
  float: left;
  }







/* Simple Tab Menu */

#simpletabs {
  padding-top: 15px;
  }

.simpletabs_title {
  list-style-image: none;
  list-style-type: none;
  padding: 0 0 0 10px;
  margin: 0px;
  height: 24px;
/*  background: url(../img/navback.gif) repeat-x bottom center; */
  }

.simpletabs_title li {
  float: left;
  background: #dcdcdc url(../img/navbutton.gif) repeat-x bottom left;
  margin-right: 2px;
  cursor: pointer;
  color: #696969;
  margin-right: 4px;
  }

.simpletabs_title li a {
  float: left;
  display: block;
  text-decoration: none;
  padding: 0px 6px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  font-weight: bold;
  outline-style: none !important;
  color: #696969;
  background: #dcdcdc url(../img/navbutton.gif) repeat-x bottom left;
  }

.simpletabs_title li a.active {
  color: white;
  background: #7598C6 url(../img/navactive.gif) repeat-x top left;
  }

.simpletabs_title li a:hover {
  text-decoration: none;
  color: white;
  background: #acacac url(../img/navhover.gif) repeat-x bottom left;
  }

.simpletabs_panel {
  background: #FFFFFF;
  position: relative;
  width: 100%;
  top: -1px;
  clear: both;
  color: #6C6C6C;
  overflow: auto;
  padding: 10px 0px 10px 0px;
  border-top: 4px solid #7598C6;
  border-bottom: 4px solid #7598C6;
  }

.simpletabs_panel.active {
  background: none;
  display: block;
  }



/* format for important class updates */
.importantnote, .notered {
  color: #CD5C5C;
  border: 3px solid #CD5C5C;
  padding: 5px;
  margin: 10px 35px;
  }

.importantnote strong, .notered strong {
  color: #CD5C5C;
  }

/* format for important class updates */
.informationnote, .noteblue {
  color: #6D8FB5;
  border: 3px solid #6D8FB5;
  padding: 5px;
  margin: 10px 35px;
  }

.informationnote strong, .noteblue strong {
  color: #6D8FB5;
  }

/* format for important class updates */
.notegreen {
  color: #009294;
  border: 3px solid #00aeb0;
  padding: 5px;
  margin: 10px 35px;
  }

.notegreen strong {
  color: #009294;
  }



/* Specialized formating for specific pages */

.bio {padding: 5px 15px 5px 10px;}

#pg-about .simpletabs_panel p {padding-bottom: 20px;}

#pg-birthdays .legend {margin: 10px 120px 20px 20px;}

#sidebar .legend {margin: 15px 15px 5px 10px;}
#sidebar .legend dl {margin-left: 10px;}
#sidebar .legend dt {font-weight: bold;}
#sidebar .legend dd {padding: 0px 0px 5px 20px;}




/* Specialized backgrounds for page headers */
#mainparagraph {
  width: 450px;
  padding-left:20px;
  }

.recitalgraphic #mainparagraph {
  width: 270px;
  padding-left:5px;
  }

.recitalgraphic #content h1 {
  background: url(../img/shadow.gif) no-repeat -740px bottom;
/*  border-bottom: 2px solid #ECECEC; */
  padding-bottom: 9px;
  margin-bottom: .5em;
  }

.girllevel  #content { background: url(../img/backgrounds/girllevel.gif) no-repeat 100% 20px; }
.girlcombo  #content { background: url(../img/backgrounds/girlcombo.gif) no-repeat 100% 20px; }
.girlcombo2 #content { background: url(../img/backgrounds/girlcombo2.gif) no-repeat 100% 20px; }
.girlcombo3 #content { background: url(../img/backgrounds/girlcombo3.jpg) no-repeat 100% 20px; }
/*.recitalgraphic #content { background: url(../img/backgrounds/recital2011.jpg) no-repeat 100% 35px; } */
.recitalgraphic #content { background: url(../img/backgrounds/recital2012.jpg) no-repeat 100% 35px; }







/* --------  Message Box Formating  -------- */

.msg_info, .msg_success, .msg_warning, .msg_error, .msg_validation {
  border-top: 2px solid;
  border-bottom: 2px solid;
  margin: 10px 0px;
  padding: 10px 10px 10px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  }

.msg_info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('../img/messages/info.png');
  }

.msg_success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url('../img/messages/success.png');
  }

.msg_warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('../img/messages/warning.png');
  }

.msg_error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../img/messages/error.png');
  }

.msg_validation {
  color: #D63301;
  background-color: #FFCCBA;
  background-image: url('../img/messages/validation.png');
  }

.msg_info strong { color: #00529B; }
.msg_success strong { color: #4F8A10; }
.msg_warning strong { color: #9F6000; }
.msg_error strong { color: #D8000C; }
.msg_validation strong { color: #D63301; }

.msg_info ul, .msg_success ul, .msg_warning ul, .msg_error ul, .msg_validation ul {
  padding-left: 30px;
  margin-top: 5px;
  }
  
  

/* --------  Home Page mySlideshow Formating  -------- */

.mySlideshow2 {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
/*  background: #FFFFFF url('../img/slideshow/background.jpg') no-repeat top left; */
  }


/* --------  mySlideshow Formating  -------- */

.mySlideshow {
  float: left;
  margin: 10px 0px 0px 0px;
  padding: 10px 25px 10px 10px;
  background: #FFFFFF url('../img/slideshow/background.jpg') no-repeat top left;
  }





.roundedbox {
  float: left;
  border: 3px solid #DCDCDC;
  margin: 0px 50px 0px 25px;
  padding: 8px 3px 0px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  }

.roundedbox2 {
  float: left;
  border: 3px solid #DCDCDC;
  margin: 0px 10px 0px 0px;
  padding: 8px 3px 0px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  }

/* NEW Rounded Boxes Design */
.roundedboxes {
  border: 3px solid #DCDCDC;
  margin: 0px 0px 0px 10px;
  padding: 8px 3px 0px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 85%;
  }

.roundedboxes h4 {
  padding: 0px 0px 5px 10px;
  }

.downloadpdf {
  background: url(../img/icons/document-pdf.png) no-repeat 0% 30%;
  margin-left: 15px;
  padding-left: 20px;
  }


.pdfdoc span {
  font-size: 75%;
  padding: 1px 0px 1px 18px;
  background: url(../img/pdficon.gif) no-repeat left center;
/*  border: 1px solid red; */
  }

.articlepdf, .articledoc { padding-top: 8px; line-height: 18px; }

.articlepdf span, .articledoc span {
  padding: 4px 0 4px 20px;
  margin: 4px 0 0 20px;
  font-size: 10px;
  text-align: right;
  }

.articlepdf2 span { background: url(../img/icons/acrobat.gif) no-repeat left center; }
.articlepdf2 a { margin-left: 20px; }

.articlepdf span { background: url(../img/icons/acrobat.gif) no-repeat left center; }
.articledoc span { background: url(../img/icons/word.gif) no-repeat left center; }

.articlepdf a, .articledoc a { margin-left: 20px; }
.articlepdf span a, .articledoc span a { margin-left: 0px; }

.articlepdf a strong {
  color: inherit;
  }




/* HACK HACK HACK HACK HACK HACK HACK */



/* NEW BUTTON DESIGN */
a.submit, button.submit {
  background-color: #2E9DC5;
  background-image: url(/img/buttons/button-blue-bg.jpg);
  border-color: #2E9DC5;
  }

a.cancel, a.add, a.submit {
  text-decoration: none !important;
  }

a.cancel, a.add, a.submit, button.cancel, button.add, button.submit {
  border: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  -moz-box-sizing: content-box;
  -webkit-box-shadow: 0px 2px 3px #888;
  background-position: left top;
  background-repeat: repeat-x;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-weight: bold;
  }

button, a {
  cursor: pointer;
  }

a {
  color: #1d80c3;
  text-decoration: underline;
  }


/* Target the cufon blue etc... span tag */
a.submit span, button.submit span {
  border-color: #BCDBE8;
  color: #FFFFFF;
  }

a.cancel span, a.add span, a.submit span {
  padding: 6px 10px 7px;
  text-decoration: none;
  }

a.cancel span, a.add span, a.submit span, button.cancel span, button.add span, button.submit span {
  border: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  background: url(/img/buttons/bevel-bg.png) repeat-x scroll center center transparent;
  border-style: solid;
  border-width: 1px 0 0;
  display: block;
  margin: 0;
  padding: 4px 10px 7px;
  }


a.submit:hover {
  background: #67B7D8;
  }


/* END NEW BUTTON DESIGN */