@import "spry.css";

body {
	background-image: url(../images/body_background.png);
	margin: 0px;
	padding: 0px;
}
#content {
	background-image: url(../images/page_background.png);
}
#flankleft {
	background-image: url(../images/flank_left.png);
	background-repeat: repeat-y;
	background-position: right;
}
#flankright {
	background-image: url(../images/flank_right.png);
	background-repeat: repeat-y;
	background-position: left;
}
#playlist {
	background-image: url(../images/playlist_temp.jpg);
	display: block;
	float: left;
	height: 295px;
	width: 200px;
}
#branding {
	float: left;
	width: 500px;
}
#left {
	float: left;
	width: 170px;
	padding-right: 15px;
	padding-left: 15px;
}
#right {
	width: 440px;
	padding-top: 30px;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}
#page, #sponsors {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}
h1 {
	font-weight: normal;
	letter-spacing: -2px;
	color: #FFF;
	margin-top: 0px;
}
h2 {
	color: #FFF;
	letter-spacing: -1px;
	font-weight: normal;
}
h3 {
	font-weight: bold;
	color: #FB0800;
	letter-spacing: -1px;
	font-size: 1.0em;
}
p {
	line-height: 19px;
	font-size: 0.8em;
}
#page a, #sponsors a {
	color: #FFF;
	text-decoration: underline;
}
#page a:hover, #sponsors a:hover {
	text-decoration: none;
	color: #F00;
}
#page ul, ol, #sponsors ul, ol {
	line-height: 17px;
	font-size: 0.7em;
}
#left ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#left li {
	float: left;
	width: 169px;
	height: 25px;
	display: block;
}
#page td {
	line-height: 17px;
	font-size: 0.7em;
	vertical-align: top;
}
#sponsors td {
	background: #FFF;
}
#schedule {
	margin-bottom: 15px;
	margin-left: 10px;
	margin-top: 10px;
}
#programme_download {
	margin-bottom: 30px;
	margin-left: 5px;
}

#menuwrapper {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #000000;
	background-repeat: repeat-x;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#p7menubar a {
	display: block;
}
#p7menubar a.trigger {
}
#p7menubar li {
	float: left;
}
#p7menubar li ul, #p7menubar ul li  {
	width: 9em;
}
#p7menubar ul li a  {
	color: #8E8E8E;
	padding: 6px 12px 6px 16px;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3A3A3A;
}
#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #1A1919;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #3A3A3A;
	border-bottom-color: #3A3A3A;
	border-left-color: #3A3A3A;
	margin-top: -26px;
	margin-left: 169px;
}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #8E8E8E;
	
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #8E8E8E;
	background-color: transparent;
}

#p7menubar ul a:hover {
	
	color: #9A1A1C!important;
}
#p7menubar li {width: auto;}


#films {
	border-top: dotted 1px #666;
	width: 180px;
	font-family: "Arial Narrow", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	float: left;
}
#films td {
	border-bottom: dotted 1px #666;
	background: #333;
	padding: 5px;
	color: #999;
}
#films dl {
	padding: 0px;
	margin: 0px;
}
#films dl a {
	text-decoration: none;
	color: #FFF;
}
#films dl a:hover {
	color: #FB0800;
}
#films dt {
	padding: 0px;
	margin: 0px;
}
#films dd {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
}
#films td:hover {
	background: #000;
	color: #FB0800;
	cursor: pointer;
}

#contact {
	font-weight: bold;
}

#contact td {
	
}

#contact .enquiry_width {
	
	width: 250px;
	
}




#film_info {
	font-family: 'Arial', 'Helvetica', sans-serif;
	float: left;
	width: 240px;
	padding-left: 20px;
	color: #FFF;
}
#film_info h6, h5 {
	margin-top: 0px;
}
#film_info h5 {
	font-size: 1em;
}
#film_info p {
	
}
#film_info img {
	border: solid 5px #222;
	margin-bottom: 20px;
}