/* CSS Document for Main Street Dance Theatre */

body {font: 90% Times, Geneva, Arial; margin: 0; padding: 0; text-align: center; color: #000b3d;}
h1, h2, h3, h4, h5, ol, ul, p {margin: 0; padding: 0;}

h1, h2, h3, h4, h5 {font-family: Times, Geneva, Arial; font-weight: normal;} 
h1 {font-size: 1.85em; color: red; padding-top: 5px; padding-bottom: 5px; } 
h2 {font-size: 1.75em; color: red; padding-top: 5px; } 
h3 {font-size: 1.5em; color: #ff6600; padding-top: 12px; } 
h4 {font-size: 1.2em; font-weight: bold; color: #003366; margin-top: 10px; } 
h5 {font-size: 1.2em; font-weight: bold; color: red; padding-top: 10px; font-variant: small-caps;}

a:link, a:visited {color: #900000; text-decoration: none; }   
a:hover {color: #ff0000; text-decoration: underline; } 
a:active {color: #666666; text-decoration: underline; }
a img {border: none;}
.bold {font-weight: bold;}
.boldunderline {font-weight: bold; text-decoration: underline;}
.italic {font-style: italic;}
.red {color: red;}
.reditalic {font-style: italic; color: red;}
.indentpar {text-indent: 25px;}
.bspace {padding-bottom: 25px; visibility: hidden;}
.paraheader {font-size: 1.2em; font-weight: bold; color: #003366; margin-top: 15px; text-decoration: underline;}
.underline {text-decoration: underline;}

#frosting {background: url(../images/bkg_frosting.png) repeat-x; background-color: #ccc; }  
#wrapper #header #main_nav {font-size: 1.1em; } 
#wrapper {width: 930px; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 0;}

#header {width: 930px; height: 150px;}
#headerimage {margin-left: 25px; height: 145px; padding-top: 5px;}

#t_navmenu {background: url(../images/bkg_topmenu.png) repeat-x; height: 40px; width: 930px; overflow: hidden; }
#t_navmenu ul li {float: left; list-style-type: none; margin-left: 22px; display: inline; list-style: none; } 
#t_navmenu ul li a {display: block; outline: none; color: white; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; text-decoration: none; font-size: 120%; font-variant: small-caps;}
#t_navmenu ul li a:hover {color: #ff00fc;}
#t_navmenu ul li a.active {color: #ff00fc;}

#leftmenu {float: left; width: 200px; border-top: white solid 1px; border-left: solid #777 1px;}
#leftmenu .title {font-size: 16px; font-weight: bold; color: #fff; background: black; width: 199px; text-align: center; font-variant: small-caps; font-style:normal;}
#llinks ul li {float: left; width: 199px; font-size: 14px; line-height: 200%; text-align: left; list-style: none; background: #fff;}
#llinks ul li a {display: block; color: #000; padding-left: 4px; font-size: 1em; border-bottom: solid #ccc 1px; text-decoration: none; outline: none;}
#llinks ul li a:hover {color: #FFF; background-color: #777;}

#banner {height: 210px; width: 930px; overflow: hidden;}
#containment {float: left; width: 930px; background: url(../images/bkg_content.png) repeat-y; min-height: 450px;}
#mainbody {float: left; width: 700px; text-align: left; margin-top: 5px; line-height: 140%; font-size: 1.0em; margin-left: 15px;}
#preschool_mb {float: left; text-align: left; line-height: 140%; background: url(../images/bkg_preschool.jpg) no-repeat; width: 725px; margin: 0; overflow: hidden;}
#mainbody p {padding-top: 5px;}
#bkg_preschool {font-size: 1.0em; margin-left: 25px; margin-top: 10px;}
#rightbar {float: right; width: 175px; margin-top: 1px; background-color: #000000; min-height: 425px;}

/* List Styles *************************************/
.list {padding-top: 3px;}
.list li {margin-left: 25px;}
.alpha {list-style-type: lower-alpha; line-height: 175%; margin-left: 20px;}
.decimal {list-style-type: decimal; line-height: 175%; margin-left: 20px;}
.none {list-style-type: none; margin-left: 20px; line-height: 175%;}
.pdf {list-style-type: none; background: url(../images/icon_minipdf.png) no-repeat; padding: 0 1em 0.5em 1.8em; margin-left: 30px; margin-top: 5px;}

/* Image Styles *************************************/
.image_left{margin-top: 10px; margin-right: 10px; margin-left: 5px; margin-bottom: 15px;}
.image_right{margin-top: 10px; margin-right: 10px; margin-left: 5px; margin-bottom: 15px;}
.middle_space {padding-left: 125px;}

/*** Rates Table Styles ************************************/
#rates {width: 685px; padding: 0; margin: 0; margin-left: 10px;}
#rates caption {padding: 0 0 5px 0; width: 685px; font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, san-serif; text-align: right; color: red;}
#rates th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, san-serif; color: #003366; border-right: 1px solid #003366; border-bottom: 1px solid #003366; border-top: 1px solid #003366; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px;}
#rates th.center {text-align: center;}
#rates th.title {border-top: 0; border-left: 0; border-right: 1px solid #003366; background: #003366; color: #fff;}
#rates td {border-right: 1px solid #003366; border-bottom: 1px solid #003366; padding: 6px 6px 6px 12px; color: #003366; line-height: 135%; text-align: center;}
#rates td.alt {background: #c9cfed; color: #003366;}
#rates td.altleft {background: #c9cfed; color: #003366; text-align: left;}
#rates td.altleft li {margin-left: 10px;}
#rates td.left {text-align: left;}
#rates td.left li {margin-left: 10px;}
#rates th.odd {border-left: 1px solid #003366; border-top: 0; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, san-serif; }
#rates th.even {border-left: 1px solid #003366; border-top: 0; background: #c9cfed; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, san-serif; color: #003366;}

/*** Schedule Table Styles ************************************/
#schedule {width: 685px; padding: 0; margin: 0; margin-left: 10px;}
#schedule caption {padding: 0 0 5px 0; width: 685px; font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, san-serif; text-align: right; color: red;}
#schedule th {font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, san-serif; color: #003366; border-right: 1px solid #003366; border-bottom: 1px solid #003366; border-top: 1px solid #003366; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding: 6px 6px 6px 12px;}
#schedule th.title {border-top: 1px solid #003366; border-left: 1px solid #003366; border-right: 1px solid #003366;}
#schedule td {border-right: 1px solid #003366; border-bottom: 1px solid #003366; padding: 6px 6px 6px 12px; color: #003366; line-height: 135%; text-align: center; background:#c9cfed; }
#schedule td.title {border-left: 1px solid #003366; border-right: 1px solid #003366;}
#schedule td.red {background: #ff9999; color: #003366;}
#schedule td.redtitle {border-left: 1px solid #003366; border-right: 1px solid #003366; background: #ff9999; color: #003366;}

/*** Footer for Each Page ****************************/
#footer ul {float: left; color: #fff; width: 930px; background: url(../images/bkg_footer.png) repeat-x; height: 55px; font-size: 15px; text-align: center; padding-top: 15px;} 
#footer ul li {display: inline; text-decoration: none; padding-left: 4px; padding-right: 4px;}
* html #footer .filler {margin-top: 15px;}

