/* 
light blue: #97aabd
dark blue: #6e8094
brown: #896632
*/

strong {font-weight:bold;}
em {font-style:italic;}

h2 {font:normal 15px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6e8094; margin-bottom:0; letter-spacing:.06em; text-transform:uppercase;}
h4 {font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6e8094; margin-bottom:0; letter-spacing:.03em; text-transform:uppercase;}

p {	font: 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:10px 0; }
td, th {	font: 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:5px; }
td {border-bottom:1px solid #ccc;}
th {border-bottom: 2px solid #ccc;}
th {font-weight: bold;}
a:link, a:visited {color:#6e8094; text-decoration:none;}
a:hover, a:active {color:#6e8094; text-decoration:underline;}

html, body { height:101%; }

body {
	text-align:center;
	background:#68798e url(../img/bgtile.jpg) repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#wrapper {
	position:relative;
	text-align:left; 
	margin:0 auto; 
	display:block;
	width:770px;
	}

#header {
	display:block;
	height:100px;
	width:100%;
	}

img#logo {
	margin:25px 0 0 20px;
	}

ul#nav {
	display:block;
	height:30px;
	width:570px;
	position:absolute;
	top: 35px;
	left: 200px;
	}
ul#nav li {
	float:left;
	}
ul#nav a#about {display:block; height:30px; width:106px; background:url(../img/nav_about.gif) no-repeat; text-indent:-9999px;}
ul#nav a#films {display:block; height:30px; width:79px; background:url(../img/nav_films.gif) no-repeat; text-indent:-9999px;}
ul#nav a#community {display:block; height:30px; width:121px; background:url(../img/nav_community.gif) no-repeat; text-indent:-9999px;}
ul#nav a#news {display:block; height:30px; width:141px; background:url(../img/nav_news.gif) no-repeat; text-indent:-9999px;}
ul#nav a#contact {display:block; height:30px; width:123px; background:url(../img/nav_contact.gif) no-repeat; text-indent:-9999px;}

ul#nav a#about:hover, ul#nav a#films:hover, ul#nav a#community:hover, ul#nav a#news:hover, ul#nav a#contact:hover {background-position:0 -30px;}
#about ul#nav a#about, #films ul#nav a#films, #community ul#nav a#community, #news ul#nav a#news, #contact ul#nav a#contact {background-position:0 -60px;}


#main {
	display:block;
	width:770px;
	background:#fff;
	-moz-box-shadow: 0 4px 10px #323a44;
	-webkit-box-shadow: 0 4px 10px #323a44;
	box-shadow: 0 4px 10px #323a44;
	float:left
}

#headerbar {display:block; height:30px; width:100%; background:#896632;}
#headerbar img {margin:8px 20px;}

.bodycopy {
	padding:20px;
	background:#fff url(../img/bodycopy_topshadow.gif) repeat-x;
	}

#home .bodycopy .col_left {float:left; width:545px; padding-right:10px; }
#home .bodycopy .col_right {float:left; width:150px; padding-left:15px; 
	border-left:1px solid #ccc; 	
	margin-bottom:20px;
 }
 
.bodycopy .col_left {float:left; width:505px; padding-right:10px; }
.bodycopy .col_right {float:left; width:110px; padding-left:15px; 
	margin-bottom:20px;
 } 

#newsbox p {color:#6e8094;}
#newsbox p.date { font: bold 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:10px 0 0 0; text-transform:uppercase;}
#newsbox p.headline { font: normal 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:2px 0; }
#newsbox p.permalink {font: normal 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0;}

#footer {
	clear:both;
	display:block;
	height:23px;
	width:770px;
	background:#fff url(../img/footer_bg.gif) repeat-x;
}

#footer p {
	font:9px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	text-transform:uppercase;
	letter-spacing:.03em;
	margin-left:25px;
}

/* accordion */

.accordion .head {cursor:pointer; padding:5px; margin-bottom:10px;}
.accordion .head:hover { background:#e7ecf1; /* border: 1px solid #ccc; padding:4px; */}

.accordion .body {margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ccc; }

.accordion .leftcol { float:left; display:block; width:140px; }
.accordion .midcol { float:left; display:block; width:480px }
.accordion .rightcol { display:block; float:left; width:100px;}

.accordion .leftcol img {border:1px solid #97aabd;}
.accordion p.info { font-style:italic; margin:5px 0;}