body {top: 0; margin: 0; padding: 0; background: #CBCBCB; }
.surround {width: 776px; margin-left: auto; margin-right: auto; text-align: left; }
.header {height: 158px; width: 776px; background: url(../images/header.gif); text-align: left; }
	.header .title {padding: 30px 0 0 0px; margin: 0 0 0 0px; width: 400px; text-align: left; float:left; }
	.header .title h1 {color: #487F7F; size: 25px; font-family: "Times new roman"; }
	.homelink {display:block; width:200px; height:156px; float:left;}
	.headwrap {display:block; width:auto; height:180px;}
	
.subhead {border: solid 3px #FFFFFD; height: 152px; background: #FFFFFD url(../images/halfback.gif) right repeat-y; }
	.subhead .half {height: 152px; width: 378px; }
	ul.film {margin: 0; padding: 0; list-style-type: none; float: right; width: 92px; }
		ul.film span {display: none; }
		ul.film li {display: block;  }
		ul.film li a.cc1 {height: 41px; width: 92px; background: url(../images/film_01.jpg) #000; display: block; }
		ul.film li a.audio {height: 37px; width: 92px; background: url(../images/film_02.jpg) #000; display: block;  }
		ul.film li a.cc2 {height: 40px; width: 92px; background: url(../images/film_03.jpg); display: block;  }
		ul.film li a.deaf {height: 34px; width: 92px; background: url(../images/film_04.jpg); display: block;  }
	.subhead .copy {width: 250px; margin: 0 0 0 10px; float: left; }

.headerbar {margin: 2px 2px 0 2px; background: #487F7F; width: 772px; height: 40px; color: #fff; font-family: "times-new-roman"; padding: 10px 0 0 0; }	
	.headerbar h2 {color: #fff; padding-left: 30px; }
	.headerbar p {padding-top: 12px; }
	
.subheaderbar {margin: 2px 2px 0 2px; width: 772px; background: #C3C09F; }
.subheaderbar2 {margin: 2px 2px 0 2px; width: 540px; background: #C3C09F; }
.subheaderbar3 {margin: 2px 2px 0 2px; width: 772px; background-color: #C3C09F; display:block; height:34px; }

	.subheaderbar h2, .subheaderbar2 h2 {color: #363636; padding-left: 30px; font-size: 20px; font-family: "times-new-roman"; font-weight: bold; margin:0px; padding:0px; }
	
.content {background: #FFFFFD; padding: 0 0 4px 0; }

.content_wrap {background: #FFFFFD; padding: 4px 20px 4px 0px; display:block; float:left; width:750px; vertical-align:top; text-align:left; float:left; display:block; clear:both; }	

.content_wrap_wide {background: #FFFFFD; padding: 4px 20px 4px 30px; display:block; float:left; width:720px; vertical-align:top; text-align:left; float:left; display:block; clear:both; }	



.calendartable {background: #D9D7BC; width: 772px; margin: 2px 2px 0 2px; padding: 5px 0 5px 0; }
.calendartable2 {background: #D9D7BC; width: 540px; margin: 2px 2px 0 2px; padding: 5px 0 5px 0; }

.row {margin: 5px 0 10px 10px; height: 50px; }
	.row a {text-decoration: none; color: #487F7F; }
		.row a:hover {text-decoration: underline; }
	.row-1 {width: 50px; text-align: center; color: #487F7F; border-right: solid 1px #C4C1A1; float: left; }
		.row-1 span {font-size: 20px; margin: 0; padding: 0; }
	.row-2 {width: 130px; padding: 10px 0 0 10px; font-size: 20px; color: #487F7F; float: left; }
	.row-3 {width: 430px; height: 50px; padding: 0 10px 0 10px; border-left: solid 1px #C4C1A1; border-right: solid 1px #C4C1A1; float: left; }
	.row-3b {width: 340px; height: 50px; padding: 0 10px 0 10px; border-right: solid 1px #C4C1A1; float: left; }
	.row-4 {width: 100px; padding: 1.2em 0 0 10px; color: #487F7F; float: left; }

.base_row { height: 50px; padding:2px 10px 2px 10px;}
	.row-month {width: 180px; text-align:left; border-right: solid 1px #C4C1A1; float: left;
	color: #363636; padding: 4px 0px 0px 20px; font-size: 20px; font-family: "times-new-roman"; font-weight: bold; margin:0px;
	
	}
	.row-pdf{width: 460px; padding: 10px 0 0 10px; font-size: 10px; color: #487F7F; float: left;}


/* ============================ MENU ================================== */

ul.menu {margin: 0 0px 0 0px; padding: 0; list-style-type: none; border-top: 2px solid #fff; }
	ul.menu li {float: left; margin-right: 2px; width: 95px; height: 67px; }
		ul.menu li.last {margin-right: 0px; }
	
		ul.menu li a {width: 95px; height: 67px; display: block; }
	ul.menu li a span {display: none; }
	ul.menu li.about {background: url(../images/menu-about.jpg); width: 95px; height: 67px; }
	ul.menu li.about a:hover, ul.menu li.about a.active {background: url(../images/menu-about-hover.jpg); }	
	ul.menu li.contacts {background: url(../images/menu-contacts.jpg); width: 95px; height: 67px; }
	ul.menu li.contacts a:hover, ul.menu li.contacts a.active {background: url(../images/menu-contacts-hover.jpg); }		
	ul.menu li.calendar {background: url(../images/menu-calendar.jpg); width: 95px; height: 67px; }
	ul.menu li.calendar a:hover, ul.menu li.calendar a.active {background: url(../images/menu-calendar-hover.jpg); }		
	ul.menu li.programs {background: url(../images/menu-programs.jpg); width: 95px; height: 67px; }
	ul.menu li.programs a:hover, ul.menu li.programs a.active {background: url(../images/menu-programs-hover.jpg); }		
	ul.menu li.clubs {background: url(../images/menu-clubs.jpg); width: 95px; height: 67px; }
	ul.menu li.clubs a:hover, ul.menu li.clubs a.active {background: url(../images/menu-clubs-hover.jpg); }
	ul.menu li.newsletter {background: url(../images/menu-newsletter.jpg); width: 95px; height: 67px; }
	ul.menu li.newsletter a:hover, ul.menu li.newsletter a.active {background: url(../images/menu-newsletter-hover.jpg); }
	ul.menu li.newspaper {background: url(../images/menu-newspaper.jpg); width: 95px; height: 67px; }
	ul.menu li.newspaper a:hover, ul.menu li.newspaper a.active {background: url(../images/menu-newspaper-hover.jpg); }
	ul.menu li.resources {background: url(../images/menu-resources.jpg); width: 95px; height: 67px; }
	ul.menu li.resources a:hover, ul.menu li.resources a.active {background: url(../images/menu-resources-hover.jpg); }			

	
ul.buttons {margin: 0 0 0 3px; padding: 0; width: 774px; list-style-type: none;  }
	ul.buttons li span {display: none; }
	ul.buttons li {width: 191px; height: 153px; float: left; margin: 1px; }
	
	
/* ============================ SECONDARY MENU ================================== */	

.sidemenu_wrap{ width:160px; padding:14px 0px 0px 0px;}
.sidemenu_wrap_thin{ width:30px; padding:0px;}

ul.sidemenu {margin: 0 0px 0 0px; padding: 0; list-style-type: none; border-top: 2px solid #fff; }
	ul.sidemenu li { margin-right: 2px; width: 130px; }
		ul.sidemenu li.last {margin-right: 0px; }
	
		ul.sidemenu li a {width: 130px; display: block; padding:1px 6px; color:#487F7F; text-decoration:none; border-bottom:1px dotted #CCCCCC; }
		ul.sidemenu li a.active{ border-left: 4px solid #CBCBCB; width: 126px; color:#333333; }
/*		ul.sidemenu li a:hover {width:inherit; xheight: 67px; display: block; background-color:#CCCCCC; padding:1px 6px; }

*/	

		ul.sidemenu li a:hover {width:inherit; display: block; background-color:#333333; padding:1px 6px; color:#CCCC00; }

ul.sidemenu li a span {display: none; }
		

/* ============================ END SECONDARY MENU ================================== */


.maincontent { display:block; float:left; width:544px; padding:10px 0px 10px 30px;}

.maincontent_wide { display:block; float:left; width:700px; padding:10px 0px 10px 0px;}

.maincontent_wide p, .maincontent p { padding: 0px 0px 10px 0px;}


.callout1 { border-top: 3px double #487F7F;  border-bottom: 3px double #487F7F; padding:20px; font-size:18px; font-style:italic; text-align:justify; text-align:center;}


	
.borderleft { border-left: solid 4px #FFFFFD; }	

.footer {padding: 3px 0 0 0; height: 75px; width: 776px; background: #487F7F url(../images/footer.gif) bottom no-repeat; text-align: left; }
	.footer p {margin: 0 0 0 10px; }

h1.head {color: #487F7F; font-family: helvetica; size: 24px; }
h1 {margin: 0; padding: 0; }
h2 {margin: 0; padding: 0; font-family: "times new roman"; }
p {margin: 0; padding: 0; }

a.more {color: #606163; text-decoration: none; font-size: 11px; }
	a.more:hover {text-decoration: underline; }

.left {float: left; }
.right {float: right; }
.smPadL {padding-left: 5px; }

.mdMargR {margin-right: 10px; }
img {display: block; border: 4px solid #000000; padding:0px; margin:0px; }

.calendartitle {
color:#FFFF00; font-weight:bold;}

.sidebar {  padding:4px 4px 4px 8px;}
.sidebar_thin { width: 30px; border:1px solid #00FF33;}


.timetable{ display:block; float:left; width:240px; padding-left:25px;}

.links2 { padding:2px;margin-bottom:1px;border:2px solid #ddd; background:#E6EFC2;color:#264409;border-color:#C6D880;}

.ddlist dd { padding:10px 0px 0px 0px;}
.ddlist dd a { color:#487F7F;}
.ddlist dd a:hover { color:#333333;}