/* CSS Document */
* { margin:0; padding:0; }

body { font:0.8em Arial, Helvetica, sans-serif; background:#000000 url(../images/bg_body.jpg) repeat-x; text-align:center; }
h1 { font-size:2.0em; font-weight:normal; color:#663399; }
h2 { font-size:1.5em; font-weight:normal; }
ul, ol { margin-left:20px; }

#container { width:800px; margin:0 auto; padding:3px; border:1px solid #bb3720; border-bottom:23px solid #bb3720; text-align:left; }
	#header { background:url(../images/bg_header.jpg) no-repeat; height:225px; position:relative; }
		#logo { position:absolute; top:8px; height:134px; left:181px; }
	
	#sub_container { background-image:url(../images/bg_leftcol.jpg); background-repeat:repeat-y; background-position:top left; }
		#left_col { float:left; width:182px; position:relative; z-index:1; }
			#menu { background:url(../images/bg_menu.gif) no-repeat top left; width:182px; height:450px; position:relative; margin:0 0 2px 0; padding:0px; }
			#menu li { list-style:none; padding:0px; margin:0px; position:absolute; top:0px; }
			#menu li, #menu a { height:40px; display:block; }
			#menu span { display:none; }
			#menu .li1 { width:182px; height:40px; top:0px; }
			#menu .li2 { width:182px; height:36px; top:40px; }
			#menu .li3 { width:182px; height:36px; top:76px; }
			#menu .li6 { width:182px; height:36px; top:112px; }
			#menu .li7 { width:182px; height:36px; top:148px; }
			#menu .li9 { width:182px; height:36px; top:184px; }
			#menu .li11 { width:182px; height:36px; top:220px; }
			#menu .li14 { width:182px; height:36px; top:256px; }

			
			#menu .li1 a:hover, #menu .li1 a.selected { background:transparent url(../images/bg_menu.gif) -182px -0px no-repeat; }
			#menu .li2 a:hover, #menu .li2 a.selected { background:transparent url(../images/bg_menu.gif) -182px -40px no-repeat; }
			#menu .li3 a:hover, #menu .li3 a.selected { background:transparent url(../images/bg_menu.gif) -182px -76px no-repeat; }
			#menu .li6 a:hover, #menu .li6 a.selected { background:transparent url(../images/bg_menu.gif) -182px -112px no-repeat; }
			#menu .li7 a:hover, #menu .li7 a.selected { background:transparent url(../images/bg_menu.gif) -182px -148px no-repeat; }
			#menu .li9 a:hover, #menu .li9 a.selected { background:transparent url(../images/bg_menu.gif) -182px -184px no-repeat; }
			#menu .li11 a:hover, #menu .li11 a.selected { background:transparent url(../images/bg_menu.gif) -182px -220px no-repeat; }
			#menu .li14 a:hover, #menu .li14 a.selected { background:transparent url(../images/bg_menu.gif) -182px -256px no-repeat; }
		#content { float:right; width:588px; padding:10px; }
		#movie { float:right; width:618px; }

#footer { width:800px; margin:0 auto; color:#ffffff; padding:10px; font-size:0.8em; }
	#footer a { color:#58bdcb; }


.teal { background-color:#58bdcb; }
.green { background-color:#99cc99; }
.pale_green { background-color:#99cccc; }
.gray { background-color:#cccccc; }
.pink { background-color:#ffcccc; }
.snot { background-color:#cccc99; }
.orange { background-color:#ff9966; }
.purple { background-color:#ccccff; }
.lavander { background-color:#E6E6FA; }
.light_blue { background-color:#b2cce5; }

.clear { clear:both; height:0px; line-height:1px; font-size:1px; }
.floatleft { float:left; vertical-align:top; }
	.floatleft img { margin-right:10px; }
.floatright { float:right; vertical-align:top; }
	.floatright img { margin-left:10px; }

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden; }
.clearfix {display:inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */

.emailB_form {
    width: 130px;
    font-weight: bold;
}
.emailB_form input.name,
.emailB_form input.email{
    width: 120px;
    font: .75em Arial, Helvetica, sans-serif;
    float: right;
}
.emailB_form input.subscribe {
    font: bold .9em Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #00CC00;
    padding: 2px;
    margin: 2px;
}
.emailB_form input.subscribe.hover {
    background-color:#CCCCCC;
}
.emailB_form select.mode {
}
.emailB_form select.mode.hover {
    color: #000000;
}
.emailB_form select.mode.active {
    color: #000000;
}
.emailB_form .bottom {
    text-align: right;
    clear: both;
}

#emailbrain {
	color:#ffffff;
	padding:10px;
	}

#schedule { width:100%; border:1px solid #cccccc; }

#schedule th, #schedule th { width:33%; padding:2px; }

#schedule th { background-color:#000000; color:#ffffff; }

#schedule td.day { background-color:#ececec; }

#schedule td { vertical-align:top; }