@charset "utf-8";
/* CSS Document */

/* Style.css */


body {
	height: 100%; 
	margin: auto; 
	padding: 0; 
	background: url(../images/bg.png) repeat;
	font-family: Georgia;
	font-size: .7em;
}

h1, h2, h3 {
	margin:0;
	padding:0;
	}

a, a:link, a:visited {
	font-weight: regular;
	color: #DB3500;
	text-decoration: none;
	}

a, a:hover { text-decoration: underline; }

#container-shadow {
	margin: auto; 
	width: 967px; 
	background-color: #FFF; 
	background-image: url(../images/bodybackground.png); 
	background-repeat: repeat-y;
	}

#header {
	position: relative;
	margin-left: 25px; 
	width: 917px; 
	height: 148px; 
	background: #FFFFFF url(../images/header.bmp) no-repeat top right;
	}

.topnav { 
	width: 101px; height: 23px;
	border: 0px;
	}

#content {
	overflow: auto;
	position: relative;
	width: 917px;
	margin-left: 25px;
	background: url(../images/content_top.png) no-repeat top left;
	}

#leftContainer { 
	float: left;
	margin-left: 0px; 
	width: 240px; 
	background: url(../images/left_container_head.png) top left no-repeat;
}

.borderedImage {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
}

.movieMarquee { float: left; clear: left; margin: 10px 0 0 17px; width: 195px; background-color: #EAF2F5; padding: 10px; }
.movieMarquee td { font-size: 0.9em; font-family: Georgia; line-height: 11px; }
.movieMarquee tr { height: 10px; }
.movieMarquee p { font-size: 1.0em; margin: 6px 0 6px 0; padding: 0; }
.movieMarquee ul { margin: -10px 0px 0px 0px; padding: 10px; }
.movieMarquee h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
	padding: 0; margin: 0;
	color: #DB3500;
	letter-spacing: 0.05em;
	}

.marqueeTitle { font-weight: bold; font-size: 1.00em; font-style: normal; }
.marqueeTitle a { font-weight: regular; color: #DB3500; font-size: 1.0em; font-style: normal; }

.marqueeSubtitle { font-weight: regular; font-style: italic; }

.marqueeType { font-size: 1.0em; font-weight: regular; }


.marqueeInfo { width: 194px; margin-top: 4px; }
.marqueeInfo tr { height: 13px; }
.marqueeInfo a { color: #DB3500; font-weight: regular; font-style: italic; }

.marqueeShowtimes { font-weight: bold; font-size: 1.0em; font-style: regular; margin-top: 5px; }

.marqueeBullets { font-size: 1.0em; font-weight: regular; }
.marquee-cell-right { font-size: 11px; float: right; text-align: right; }

#mainContainer {
	float: left;
	width: 440px;
	}

#mainContainer-big {
	float: left;
	margin-left: 17px;
	margin-right: 17px;
	width: 646px;
	}

#mainContainer-big p { position: relative; }

#mainContainer h1, #mainContainer-big h1 {
	font-family:  Georgia;
	font-size: 18px;
	letter-spacing: 1px;
	color: #db3500;
	font-weight: normal;
	}
	
#mainContainer h2, #mainContainer-big h2 {
	font-family:  Georgia;
	font-size: 14px;
	letter-spacing: 0px;
	color: #db3500;
	font-weight: bold;
	clear: left;
	}

.mainStory {
	font-weight: regular;
	line-height: 16px;
	letter-spacing: 0px;
	background: url(../images/main_breaker.png) repeat-x bottom;
	font-size: 12px;
	color: db3500;
	}

.ul-mainStory { margin: 0px 0px 0px 0px; padding: 0px 0 0 18px; }

.mainStory td { font-size: 0.9em; }
.mainStory td a { font-weight: normal; }
.mainStory p { margin: 7px 0 7px 0; padding: 0; }

.mainBreaker {
	height: 4px;
	width: 420px;
	background-image: url(../images/main_breaker.png);
	background-repeat: repeat-x;
	margin: 8px 0 5px 0;
	}

#navContainer {
	float: left;
	width: 237px;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	}

#navMenu { 
	background: url(../images/navmenu_bg.png) top repeat-y;
	width: 237px;
	}

#navMenu a {
	display: block;
	margin-left: 25px;
	overflow: hidden;
	text-indent: -1000px;
	}
#nav2, #nav3, #nav4, #nav5, #nav6, #nav8 {
	height: 34px;
	width: 180px;
}
#nav1 { height: 24px; width: 180px; background-image: url(../images/navbuttons/nav1.png); }
#nav2 { background-image: url(../images/navbuttons/nav2.png); }
#nav3 { background-image: url(../images/navbuttons/nav3.png); }
#nav8 { background-image: url(../images/navbuttons/nav8.png); }
#nav4 { background-image: url(../images/navbuttons/nav4.png); }
#nav5 { background-image: url(../images/navbuttons/nav5.png); }
#nav6 { background-image: url(../images/navbuttons/nav6.png); }
#nav7 {
	height: 27px;
	width: 180px;
	background-image: url(../images/navbuttons/nav7.png);
}
#nav1:hover, #nav2:hover, #nav3:hover, #nav4:hover, #nav5:hover, #nav6:hover, #nav7:hover, #nav8:hover { background-position: 0px -33px; }

.on { background-position: 0px -66px; }  

#navMenuBottom {
	height: 125px; 
	width: 237px; 
	background-image: url(../images/navbottom_bg.png);
	}

#navMenuBottom img {
	height: 80px;
	width: 169px;
	position: relative;
	top: 17px;
	left: 30px;
	}

#newsletterSignup {
	overflow: hidden;
	position: relative;
	text-align: right;
	font-style: italic;
	font-size: 0.94em;
	padding: 20px 20px 20px 17px;
	width: 185px; 
	background: url(../images/navcell_bg.png) top left repeat-y;
	}
	
.h1-newsletterSignup {
	text-align: left;
	padding: 0;
	margin: 0 0 2px 25px;
	height: 23px; width: 163px;
	background: url(../images/newsletter_head.png) top right no-repeat;
	text-indent:-1000em;
	}

#signupForm {
	margin: 5px 0 5px 0;
	}

.formText {
	text-align: right;
	border: 1px solid #ABADB3;
	background-color: #FFF;
	font-family: Georgia;
	font-style: normal;
	font-size: 1.0em;
	font-weight: normal;
	height: 15px;
	overflow: hidden;
	padding: 0px;
	}
	
.text { width: 250px; }

#email { width: 178px; padding: 4px 2px 0px 0;}

#submitEmail { margin: 7px 0 0 125px; }

.submitButton {
	width: 50px;
	height: 19px;
	border: 0px;
	background-image: url(../images/submit_bg.png);
	background-repeat: no-repeat;
	}

#membershipSignup {
	overflow: hidden;
	position: relative;
	text-align: right;
	font-style: italic;
	font-size: 0.94em;
	padding: 20px 20px 20px 17px;
	width: 190px; 
	background: url(../images/navcell_bg.png) top left repeat-y;
	}

.h1-membershipSignup {
	text-align: left;
	padding: 0;
	margin: 0 0 2px 25px;
	height: 23px; width: 163px;
	background: url(../images/member_head.png) top right no-repeat;
	text-indent:-1000em;
	}
	
#membershipSignup img { border: 0px; }
#membershipSignup a { text-align: right; margin-top: 5px; border: 0px; display: block;}

.navcell_top {
	position: absolute;
	top: 0; left: 0;
	padding: 0;
	border: 0;
	}

.navcell_bottom {
	position: absolute;
	bottom: 0; left: 0;
	padding: 0;
	border: 0;
	}

#footer {
	position: relative;
	bottom: 0px; 
	margin-left: 25px; 
	height: 123px; 
	width: 917px; 
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat-x;
	background-color: #262320;
	font-family: Georgia;
	font-size: 1.0em;
	color: #FFF;
	line-height: 17px;
	}

#footer a, #footer a:link, #footer a:visited {
	color: #EDEDDD;
	text-decoration: none;
	border-bottom: 1px dotted #EDEDDD;
	font-weight: bold;
	font-style: italic;
	}

#footer a:hover { border-bottom: 0px; }

#footer img { position: absolute; top: 1px; left: 0px; }

.footercell p { margin: 0; padding: 0; }

.footercell {
	float: left;
	padding: 35px 10px 0 15px;
	letter-spacing: 0px;
	font-size: 11px;
	}

.footerspacer {
	float: left;
	width: 64px;
	height: 123px;
	background-image: url(../images/footer_spacer.png);
	background-repeat: no-repeat;
	background-position: 10px 35px;
	}



/*__________ PAGE-SPECIFIC ITEMS BELOW THIS LINE __________*/

.h1-indented { 
	text-indent: 10px;
	}

.h1-main-title {
	overflow: hidden;
	width:440px; height:38px;
	background:url(../images/titles/main_head.png) no-repeat;
	text-indent:-1000em;
	}
	
.h1-about-title {
	overflow: hidden;
	width:440px; height:38px;
	background:url(../images/titles/about_head.png) no-repeat;
	text-indent:-1000em;
	}
	
.h1-today-title {
	overflow: hidden;
	width: 240px; height: 38px;
	background: url(../images/titles/today_head.png) no-repeat;
	text-indent:-1000em;
	}
	
.h1-waag-title {
	overflow: hidden;
	width: 145px; height: 25px;
	background: url(../images/titles/waag_head.png) no-repeat;
	text-indent:-1000em;
	}
	
.h1-announcements-title {
	overflow: hidden;
	width: 251px; height: 30px;
	background: url(../images/titles/announcements_head.png) no-repeat;
	text-indent:-1000em;
	}

#facadeContainer {
	border: 1px solid #CCC; 
	margin: 5px 0 5px 2px; 
	float: left;
	text-align: center;
	}
	
#facadeContainer img { margin: 3px; }

#announcements {
	clear: left;
	width: 252px;  
	margin-top: 10px;
	font-size: 1em;
	}

#posterContainer {
	border: 1px solid #CCC; 
	margin: 5px 0 0 17px; 
	text-align: center; 
	vertical-align: middle;
	float: left;
	}

#posterContainer img { margin: 3px; }

.event-title {
	font-size: 16px;
	font-weight: bold;
}
.event-date { font-size: 12px; font-weight: bold; font-style: italic;}

.announcementStory {
	font-size: 1.0em;
	line-height: 17px;
	font-weight: regular;
	margin-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dashed #000;
	}


#waag {
	float: left; 
	width: 167px;  
	margin-left: 9px;
	}

.marqueeKey { width: 194px; }

.marqueeKey td { font-size: 1.0em; }

.tinyCell {
	width: 135px;
	margin-top: 7px;
	background-color: #EAF2F5;
	font-size: 0.94em;
	padding: 10px;
	}

.tinyDay { font-size: 1.0em; font-weight: bold; line-height: 15px;}
.tinyDate { font-style: italic; line-height: 15px;}
.tinyCell a { font-weight: normal; font-size: 1.1em; font-style: italic; color: #DB3500; line-height: 15px;}
.tinyCat { font-weight: bold; line-height: 15px; font-size: 0.95em;}
.tinyTimes { font-size: 1.0em; letter-spacing: 0px;}

#calendar-title {float: left; margin-top: 15px;}
#calendar-nav {float:right; margin-top: 17px;}
#calendar-head { margin-top: 10px; border: 0px; width: 656px; clear: left;}
#calendar-head td { width: 93px; font-weight: bold; vertical-align: bottom; }
#calendar-table { margin-top: 0px; border-top: 1px solid #d3d3c5; border-left: 1px solid #d3d3c5; width: 656px; }
#calendar-table td { text-align: left; vertical-align: top; height: 95px; width: 93px; border-right: 1px solid #d3c3c5; border-bottom: 1px solid #d3c3c5; font-size: 10px; }
.calendar-greycell { background-color: #eeeedd; }

.history-image { float: left; position: relative; clear: left; padding: 2px; border: 1px solid #CCCCCC; margin: 0px 8px 4px 0; z-index: 0;}
.history-thumb { margin: 0; height: 100px; width: 100px;}
.history-text { width: 530px; float: right;}
.history-text p { margin: 0px; padding: 0px 0 10px 0;}
.history-year { clear: both; }