@charset "UTF-8";
body {
	margin: 0px;
	padding: 0;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}
a {outline:none;}
.wrap {
	min-width:810px;
	max-width:1100px;
	padding:0 30px;
	margin:0 auto;
	clear:both;
	}
#header {
	height:72px;
	padding: 20px 15px;
	background-image: url(imgs/headerbk2010.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
#submenu {
	float:left;
	width:175px;
	font-size:0.75em;
	text-align:right;
	line-height:1.4em;
	}
#submenu ul {
	margin-bottom:30px;
	}
	#submenu ul li  {
		text-transform:uppercase;
		}
	#submenu ul li a:link {
	text-decoration:none;
	color:#000;
	display:block;
	border-bottom:1px dotted #000;
	padding:0.2em 0;
	}
	#submenu ul li a:visited {
	text-decoration:none;
	color:#000;
	display:block;
	border-bottom:1px dotted #000;
	padding:0.2em 0;
	}
	#submenu ul li a:hover {
	text-decoration:none;
	color:#000;
	display:block; background:#ff6;
	border-bottom:1px solid #000;
	padding:0.2em 0;
	}
	#submenu ul li a:active {
	text-decoration:none;
	color:#000;background:#ff6;
	display:block;
	border-bottom:1px solid #000;
	padding:0.2em 0;
	}

#content {
	padding-left:205px;
	font-size:0.8em;
	line-height:1.45em;
	}
	#content a:link {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
	background:#ff6;
	padding:2px;
	}
	#content a:visited {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
	background:#ff6;
	padding:2px;
	}
	#content a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
	background:#ff6;
	padding:2px;
	}
	#content a:active {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
	background:#ff6;
	padding:2px;
	}
#notes {
	float:right;
	width:270px;
	font-size:0.88em;
	line-height:1.3em;
	margin:0 0 15px 20px;
	}
	#notes img{
	max-width:270px;
	height:auto;
	}
#footer {
	border-top: 1px dotted #000;
	font-size:0.8em;
	line-height:1.4em;
	clear:both;
padding-top:1em;
	padding-bottom:1em;
	}
.logowrap {
	float:left;
	}
	.logowrap img, .logoblock img {
	margin:15px 40px 10px 0;
}
.logoblock , .logowrap {
	font-weight:bold;
	line-height:1.2em;
	margin:0 40px 40px 0;
	border-top:1px dotted #000;
	padding:3px 0 0 0;
}

#footer .logowrap {
font-size:0.8em;
border:0;
text-transform:uppercase;
margin:0 15px 10px 0;
}

#footer .logowrap img {
margin:10px 20px 10px 0;
width:auto;
height:45px;
}
.logotext {
margin-right:30px;
height:70px;
}
#content .logowrap a:link, #content .logoblock a:link  {
border:0;
padding:0;
background:#fff;
}
#content .logowrap a:visited, #content .logoblock a:visited {
border:0;
padding:0;
background:#fff;
}
#content .logowrap a:hover, #content .logoblock a:hover{
border:0;
padding:0;
background:#fff;
}
#content .logowrap a:active, #content .logoblock a:active{
border:0;
padding:0;
background:#fff;
}

/*-----------------------------------------------------
  typography
------------------------------------------------------*/
h1, h2, h3, h4, h6 {
	padding:0;
}
h1 {
	margin:0;
	font-size:1.8em;
	line-height:1em;
	letter-spacing:-0.05em;
	text-transform:capitalize;
	}
h2 {
	margin:0.1em 0 1.5em 0;
	font-size:0.85em;
	text-transform:uppercase;
	}
h3 {
	margin:2em 0 0 0;
	padding:0;
	font-size:1.2em;
	}
h4 {
	margin:0;
	font-size:1.1em;
	line-height:1.3em;
	}
h5 {
	margin:0;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	font-size:1.1em;
	line-height:1em;
	padding:0.2em 0;
	letter-spacing:-0.02em;
	}
p {
	padding:0;
	margin:0.25em 0 0.75em 0;
	}
.subcat {
	font-size:0.65em;
	text-transform:uppercase;
	letter-spacing:0.05em;
	}
.nolist {
	margin:0;
	padding:0;
	}
.nolist li {
	list-style-type:none;
	}
label {
	font-size:1.2em;
	margin-right:5px;
	font-weight:bold;
	}
input {
	border:1px #ccc solid;
	font-size:1em;
	padding:0.3em;
	margin-right:5px;
	}
	input:focus {
	border:1px #000 solid;
	}
	.btn {
	background:#000;
	color:#fff;
	font-weight:bold;
	border:0;
	padding:0.3em 0.8em;
	}
#search td {
	padding:0;
	border-bottom:1px dotted #000;
	margin:0;
	vertical-align:top;
	}
	#search th {
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	margin:0;
	text-align:left;
	padding:0;
	}
	#search a:link {
	color:#000;
	background:#fff;
	display:block;
	border:0;
	}
	#search a:visited {
	color:#000;
	background:#fff;
	display:block;
	border:0;
	}
	#search a:hover {
	color:#000;
	background:#ff6;
	display:block;
	border:0;
	}
	#search a:active {
	color:#000;
	background:#fff;
	display:block;
	border:0;
	}
.role {
width:16em;
font-weight:bold;
text-align:right;
float:left;
margin-top:10px;
clear:left;
}
.people {
margin-left:17em;
margin-top:0.5em;
margin-top:10px;
}
#search td.pressdate {
padding-right:1em;
font-size:0.8em;
text-transform:uppercase;
}
.numberedlist {
	margin:-0.5em 0 1em 1.5em;
	padding:0;
	}
.numberedlist li {
	margin:0;
	padding:0;
	}

.quote {
font-size:1.5em;
line-height:1.2em;
text-align:right;
padding:1em 0 1em 1em;
border-top:1px dotted #000;
border-bottom:1px dotted #000;
}
p.hidethis {
margin-top:-1.9em;
}
/*-----------------------------------------------------
  misc
------------------------------------------------------*/
img {
	border:0;
	}
#logo {
	float:left;
	}
#topbanner {
	margin:0 243px 0 0;
	text-align:center;
	}
hr {
	border-top:1px dotted #000;
	line-height:1px;
	border-bottom:0;
	border-left:0;
	border-right:0;
	overflow:hidden;
}
.clearboth {clear:both;}
.writeup img {
	max-width:250px;
	height:auto;
	float:left;
	margin: 0.4em 15px 10px 0; 
	}
object {
margin:0 0 1em 0;
}
/*-----------------------------------------------------
  very messy menu 
------------------------------------------------------*/

#menutop {
	border-top:2px solid #000;
	}
	#topmenu li {
		float:left;
		height:24px;
		width:120px;
		margin:0;
		text-align:center;
	}
	#topmenu a:link {
		text-decoration:none;display:block;
		border-left:2px solid #fff;
		border-right:2px solid #fff;
		}
		#topmenu a:visited {display:block;
		text-decoration:none;
		border-left:2px solid #fff;
		border-right:2px solid #fff;
		}
		#topmenu a:hover {
		display:block;
		text-decoration:none;
		border-left:2px solid #000;
		border-right:2px solid #000;
		}
		#topmenu a:active {
		text-decoration:none;display:block;
		border-left:2px solid #000;
		border-right:2px solid #000;
		}
	#menu_film {
		line-height:24px;
		font-size:24px;
		margin-top:-8px;
		}
#menubottom {
	border-top:2px solid #000;
	clear:both;
	margin:0 0 20px 0;
	display:block;
	}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
	border-top:1px dotted #000;
	clear:both;

}
.menu ul {
	list-style-type:none;
	padding:0;
	margin:0 0 0 78px;
	z-index:80;
	}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li {
	float:left;
	position:relative;
	z-index:100;
	}
.menu li a {
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	font-weight:bold;
	}
.menu li ul li a{
	border-left:2px dotted #eee;
	border-right:2px dotted #eee;
	border-bottom:2px dotted #eee;
	background:#fff;
	}
/* use the table to position the dropdown list */
.menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	background:#fff;
	left:-1px;
	top:25px;
	}
/* style all the links */
.menu a, .menu :visited {
	display:block;
	width:170px;
	text-align:center;
	color:#000;
	background:#fff;
	font-size:0.8em;
	line-height:1.1em;
	letter-spacing:-0.05em;
	text-decoration:none;
	margin-right:1px;
	}
.menu ul li ul a , .menu ul li ul a:visited {
	width:300px;
	}
	.menu ul ul li a, .menu ul ul li :visited {
	text-align:left;
	padding: 2px 4px;
	}
/* style the links hover */
.menu ul li a:hover{
	color:#000;
	border-left:2px solid #000;
	border-right:2px solid #000;
	}
.menu ul li ul li a:hover {
	background:#ff6;
	}
/* hide the sub level links */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	margin:0;width:200px;
	z-index:100;
	border-top:2px solid #000;
	height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible;
}

#filmmenu {
	height:24px;
	background-image: url(imgs/menu_films.png);
	background-repeat: no-repeat;
	background-position: 53px 0px;
}
/*-----------------------------------------------
DOM COLLAPSE
-----------------------------------------------*/
.trigger{
			cursor:pointer;
			border-top:1px dotted #000;
			padding:0.2em 0;
			margin:0;
		}		
		.trigger:hover{
			cursor:pointer;
			background:#ff6;
		}		
		.expanded{
			background:#eee;
		border-top:1px dotted #000;
		padding:.2em 0;
			cursor:pointer;margin:0;
		}
		.expanded:hover{
			background:#ff6;
			cursor:pointer;
		}
		.show{
		 position:static;
		 display: table;
		}
		.hide{
			position:absolute;
			left:-999em;
			height:1px;
			width:100px;
			overflow:hidden;
		}

.filmlist {
	width:200px;
	margin:15px 0 0 15px;
	line-height:1.2em;
	float:left;
	height:240em;
	}
	.filmlist img {
	max-width:200px;
	height:auto;
	padding:0 0 10px 0;
	}
.folded {
	background:#eee;
	width:100%;
	}
