/* UK STUDENT FILMS Screen Styles CSS */

body {
	margin: 0 auto;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 16px 0 16px 0;
	text-align: center;
	background: #fff url(../gfx/bg2.gif);
}

#wrap {
	background: #2c2c2c url(../none) no-repeat;
	margin: 0 auto;
	width: 965px;
	border: 10px solid #2c2c2c;
	text-align: left;
}


/* ********** HEADER STYLES ********** */

div#container-one {
	margin: 0 auto;
	width: 965px;
	background: #FFFFFF;
	border-bottom: 0;
	padding: 10px 0 10px 0;
}


div#logo { 
	width: 290px; 
	height: 105px; 
	float: left; 
}

div#nav-mini {
	width: 600px;
	float: right;
}

#nav-mini ul { 
	margin: 8px 0 0; 
	padding: 0 8px 0 0;
	list-style: none; 
	float: right; 
	font: normal 11px Arial, Helvetica, sans-serif; 
}

#nav-mini ul li {
	float: left;
	background: #eee;
	margin: 0 1px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#nav-mini ul li a {
	text-decoration:none;
	padding: 8px 10px 8px 10px;
	background: #6699ff;
	color: white;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #2c2c2c;
	width: auto;
	text-align: left;
}

#nav-mini ul li a:hover {
	color: white;
	padding: 8px 10px 8px 10px;
	background: #2c2c2c;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF9900;
}

#nav-mini p {
	text-align: right;
	font-family: Tahoma, Arial;
	font-size: medium;
	text-transform: capitalize;
	letter-spacing: 0.2em;
	float: right;
	width: 450px;
	font-weight: normal;
	padding-right: 8px;
}

/* ********** NAVIGATION BAR ********** */

div#breadcrumb { 
	background: #2c2c2c url(../gfx/bg-breadcrumb.gif) repeat-x; 
	width: 965px; 
	margin: 0 auto; 
	letter-spacing: 1px; 
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif; 
	border: 0; 
	padding: 0; 
}

#breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#breadcrumb ul li {
	float: left;
	display: block;
	padding: 12px 0;
}

#breadcrumb ul li a {
	text-decoration:none;
	color: #FFFFFF;
	padding: 12px 15px 12px 15px;
	border-left: 0;
	border-right: 0;
}

#breadcrumb ul li a:hover { 
	color: #000000; 
	background: #6699FF url(../gfx/bg-breadcrumb-hover.gif) repeat-x; 
}

#breadcrumb .left a { 
	border-left: 0px solid white; 
}

#breadcrumb .right a { 
	border-right: 0px solid white; 
}

/* ********** MAIN CONTAINER ********** */


div#container-main { 
	width: 949px; 
	background: #eee; 
	padding: 8px; 
}

div#container-inner {
	width: 726px;
	float: right;
}

div#main-left { 
float:left; 
background: #FFFFFF; 
width: 450px; 
padding: 15px 15px 25px 15px; 
margin: 0; 
border: 0; 
}

/* ********** MAIN CONTENT STYLES ********** */

div#main-left-front { /* Main body on two column pages */
	float: left;
	background: #FFFFFF;
	width: 673px;
	padding: 15px 15px 25px 15px;
	margin: 0;
}

#main-left-front p, #main-left p { 
	font: normal 12px/16px Helvetica, Arial, sans-serif; 
	margin: 15px 0 15px 0; 
	padding: 0; 
	color: #666666; 
}
	
#main-left-front p a, #main-left p a { 
	color: #6699FF; 
	text-decoration: none; 
}

#main-left-front p a:hover, #main-left p a:hover { 
	color: #6699FF; 
	text-decoration: underline; 
}
	
#main-left-front .intro, #main-left .intro { 
	font: bold 16px Tahoma, Arial, Helvetica, sans-serif; 
	margin: 15px 0 15px 0; 
	padding: 0; 
	line-height: 24px; 
	color: #666; 
}
	
#main-left-front .intro a, #main-left .intro a { 
	color: #FF9900; 
	text-decoration: none; 
}

#main-left-front .intro a:hover, #main-left .intro a:hover { 
	color: #CC9933; 
	text-decoration: none; 
}	
		
#main-left-front h1, #main-left h1 { 
	font: normal 25px/28px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; 
	margin: 0 0 10px 0; 
	padding: 0; color: #6699FF; 
	letter-spacing: -1px; 
}

#main-left-front h1 a, #main-left h1 a { 
	color: #CD0013; 
	text-decoration: none; 
}

#main-left-front h1 a:hover, #main-left h1 a:hover { 
	color: #CD0013; 
	text-decoration: underline; 
}

#main-left-front h2, #main-left h2 { 
	font: normal 18px/21px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; 
	margin: 10px 0 10px 0; 
	padding: 0; 
	color: #6699FF; 
}
	
#main-left-front h2 a, #main-left h2 a { 
	color: #CD0013; 
	text-decoration: none; 
}

#main-left-front h2 a:hover, #main-left h2 a:hover { 
	color: #CD0013; 
	text-decoration: underline; 
}

#main-left-front h3, #main-left h3 { 
	font: normal 15px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; 
	margin: 0 0 10px 0; 
	padding: 0; 
	line-height: 22px; 
	color: #333; 
}

#main-left-front h3 a, #main-left h3 a { 
	color: #CD0013; 
	text-decoration: none; 
}

#main-left-front h3 a:hover, #main-left h3 a:hover { 
	color: #CD0013; 
	text-decoration: underline; 
}
	
#main-left-front ul, #main-left ul { 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	margin: 15px 0 15px 0; 
	padding: 0; 
	line-height: 16px; 
	color: #333; 
}

#main-left-front li, #main-left li { 
	list-style: none; 
	background: url(../gfx/bg-li-one.gif) top left no-repeat; 
	padding: 0 25px 0 25px; 
	margin: 5px 0 5px 0; 
}

#main-left-front li a, #main-left li a { 
	color: #6699FF; 
	text-decoration: none; 
}

#main-left-front li a:hover, #main-left li a:hover { 
	color: #6699FF; 
	text-decoration: underline; 
}


/* ********** FEATURED FILM STYLES ********** */
#main-left .featured_film, #main-left-front .featured_film {
	background: #FFFFFF url(../gfx/bg_featfilm.jpg) repeat-x; 
	padding: 8px;
	margin-bottom: 15px;
	width: 650px;
	border: 1px solid #FF9900;
	color: #6699FF;
	height: auto;
}

#main-left-front .featured_film h2, #main-left .featured_film h2 {
	color: #6699FF;
	line-height: 18px;
	margin-top: 0;
	font: bold "Lucida Sans Unicode" Arial, Helvetica, sans-serif;
}
	
#main-left-front .featured_film_left, #main-left .featured_film_left {
	float: left;
	width: 212px;
	border: 1px solid #FF9900;
	padding: 2px;
	background:#FFFFFF;
}
	#main-left-front .featured_film_right, #main-left .featured_film_right {
	float: right;
	width: 420px;
	color: #272727;
	padding: 4px;
	background-color:#FFFFFF;
}
	
#main-left-front .featured_film_right p, #main-left .featured_film_right p { 
	color: #999999; 
	font: normal 12px/16px Helvetica, Arial, sans-serif; 
	margin: 0; 
}

#main-left-front .featured_film_right p a, #main-left .featured_film_right p a{ 
	color: #6699FF; 
	margin: 0;
	font: normal 16px/20px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; 
	margin: 0 0 10px 0; 
	padding: 0; 
	letter-spacing: -1px;  
}


/* ********** NEWS BOXES ********** */
#main-left-front .news_light, #main-left .news_light {
	background: white;
	color: #333333;
	padding: 10px;
	width: 196px;
	border: 1px solid #6699FF;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}

#main-left-front .news_light p, #main-left .news_light p { 
	color: #999999; 
	font: normal 11px/16px Arial, Helvetica, sans-serif; 
	margin: 0; 
}
	
#main-left-front .news_light h3, #main-left .news_light h3 { 
	color: #666666; 
	font: bold 11px Arial, Helvetica, sans-serif; 
	margin-top: 10px; 
}


/* ********** FILM LIST DISPLAY STYLES ********** */
#main-left .film { 
	margin-bottom: 15px; 
	width: 450px; 
}
	
#main-left .film p { 
	color: #666666; 
	font: normal 11px/16px Geneva, Arial, Helvetica, sans-serif; 
	margin: 5px 0 5px 0; 
}
		
#main-left .film_top {
	background: #EEEEEE;
	padding: 10px;
	margin: 0;
	width: 426px;
	border: 2px dotted #FF9900;
}
	
#main-left .film h2 { 
	font: normal 15px/18px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; 
	margin: 0 0 12px 0; 
	padding: 0; 
	color: #666666; 
}

#main-left .film h2 a { 
color: #6699FF;
}

#main-left .film h2 a:hover {
	color: #FF9900;
	text-decoration: none;
}
		
#main-left .film h4 { 
font: normal 11px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; 
margin: 0 0 12px 0; 
padding: 0; 
color: white; 
line-height: 18px; 
}
	
#main-left .film h4 a { 
color: white; 
text-decoration: none; 
}

#main-left .film h4 a:hover { 
color: white; 
text-decoration: underline; 
}	
		
#main-left .film_left { /* Image section of top */
	float: left; 
	width: 100px; 
	margin-bottom: 0px; 
	border: 0; 
	padding: 0px; 
}

#main-left .film_right {  /* Text section of top */
	float: right; 
	width: 318px; 
	margin: 0;  
}
	
#main-left .film_right p { 
	color: #2c2c2c; 
	font: normal 11px/14px Arial, Helvetica, sans-serif; 
	margin: 5px 0 5px 0; 
	}
		
#main-left .film_description { 
	background: white; 
	width: 426px; 
	font: normal 11px Arial, Helvetica, sans-serif; 
	margin: 0; 
	padding: 10px; 
	border-right: 2px dotted #FF9900; 		
	border-bottom: 2px dotted #FF9900; 
	border-left: 2px dotted #FF9900; 
}
		
#main-left .film_description p { 
	color: #666666; 
	font: normal 11px/16px Arial, Helvetica, sans-serif; 
	margin: 5px 0 10px 0; 
}
	
#main-left li { 
	font: normal 11px Arial, Helvetica, sans-serif; 
}

	
/* ********** RIGHT HAND COLUMN ********** */

div#main-right { 
	width: 238px; 
	float: right; 
	padding: 0px; 
	border: 0px;
}


/* ********** RANDOM FILM BOX ********** */
div.random_film { 
	border: 3px solid #6699FF; 
	background: white; 
	margin: 0 0 8px 0; 
	padding: 8px; 
}

.random_film .header { 
	font: normal 18px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; 
	color: #6699FF; 
	text-transform: none; 
	}
	
.random_film p { 
	font: normal 11px/15px Helvetica, Arial, sans-serif; 
	color: #666666; 
	margin: 10px 0 10px 0; 
	}
	
.random_film p a {
	color: #6699FF;
	text-decoration: none;
	font-size: 12px;
}

.random_film p a:hover { 
	color: #6699FF; 
	text-decoration: underline; 
}


/* ********** NEWS BOARD BOX ********** */
div.news-board { 
	border: 3px solid #FF9900; 
	background: #FF9900 url(../gfx/bg-news-board.jpg) repeat-x; 
	margin: 0 0 8px 0; 
	padding: 0 8px 0 8px;  
}

.news-board .header { 
	font: normal 18px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-transform: none; 
}
	
.news-board p { 
	font: normal 11px/15px Helvetica, Arial, sans-serif; color: #FFE0AD; 
	margin: 10px 0 10px 0; 
}
	
.news-board p a { 
	font: normal 12px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-decoration: none;  
}
	
.news-board p a:hover { 
	color: #fff; 
	text-decoration: underline; 
}


/* ********** SPONSORED LINKS BOX ********** */
div.sponsored-links { 
	border: 5px solid #272727; 
	background: #272727; 
	margin: 0 0 8px 0; 
	padding: 0 8px 0 8px;  
}

.sponsored-links .header { 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
	color: white; 
	text-transform: uppercase; 
}
	
.sponsored-links p { 
	font: normal 11px Arial, Helvetica, sans-serif; 
	color: white; 
	line-height: 15px; 
	margin: 10px 0 10px 0; 
}
	
.sponsored-links p a { 
	font: bold 11px Arial, Helvetica, sans-serif; 
	color: white; 
	text-decoration: none;  
}
	
.sponsored-links p a:hover { 
	color: white; 
	text-decoration: underline; 
}


/* Menu presently on the Left hand side */


/* ================================================================ 
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/flyoutt.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.
=================================================================== */

	
/* ********** LEFT HAND SIDE MENU STYLES ********** */
div#left-side-menu{ 
	font: normal 11px Arial, Helvetica, sans-serif; 
	width:215px; 
	margin:0; 
	padding: 0; 
	border: 0; 
}

#left-side-menu p { 
	margin: 0; 
	padding: 0; 
}

#left-side-menu ul li a, .menu ul li a:visited {
		background: #E7E7E7 url(../gfx/bg-menu-film-resources.gif) top right no-repeat;
		display:block; 
		padding: 4px 10px 4px 10px; 
		text-decoration:none; 
		color:#222; 
		width:195px;
		text-align:left; 
		border-top: 1px solid white; 
		border-bottom: 1px solid #ccc; 
		border-left: 0; 
		border-right: 0; 
		line-height:19px; 
		font-size:11px; 
}

#left-side-menu ul {
	padding: 0px; 
	margin: 0px;
	list-style-type: none; 
}
	
#left-side-menu ul li {
	float:left; 
	margin-right:1px; 
	position:relative;
}
	
#left-side-menu ul li ul {
	display: none;
}

/* Specific to Non IE Browsers */
#left-side-menu ul li:hover a {
	color: #000000; 
	background: #FDB441 url(../gfx/bg-menu-film-resources-hover.gif) top right no-repeat; 
	border-top: 1px solid #CD0013; 
	border-bottom: 1px solid #FE0018; 
}
	
#left-side-menu ul li:hover ul {display:block; position:absolute; top: 0; left:215px; width:200px;  }
	
#left-side-menu ul li:hover ul li a.hide { 
	color:#000;
}
	
#left-side-menu ul li:hover ul li:hover a.hide {
	width:250px;
}
	
#left-side-menu ul li:hover ul li ul {
	display: none; 
}
	
#left-side-menu ul li:hover ul li a {
	display:block;  
	background: #ddd;  
	color:#000; 
	width:180px; 
	padding: 2px 10px 2px 10px; 
	border: 0px;
}
	
#left-side-menu ul li:hover ul li a:hover {
	background:#272727; 
	color: white; 
	border: 0px; 
}


/* List Item Header */

#left-side-menu .header a { 
	background: #272727 url(../gfx/bg-menu-film-resources-header.gif) top right repeat-x; 
	color: white; 
	border-top: 1px solid #272727; 
	border-bottom: 1px solid #272727; 
	text-transform: uppercase; 
	padding-top: 6px; 
	padding-bottom: 5px; 
}
	
#left-side-menu .header a:hover { 
	background: #272727 url(../gfx/bg-menu-film-resources-header.gif) top right repeat-x;  
	color: white; 
	border-top: 1px solid #272727; 
	border-bottom: 1px solid #272727; 
	text-decoration: underline; 
}

#left-side-menu .noarrow  a { 
	background: #E7E7E7 url(../gfx/bg-menu-film-resources-no-a.gif) top right repeat-x; 
}
	
#left-side-menu .noarrow  a:hover { 
	color: white; 
	background: #FE0018 url(../gfx/bg-menu-film-resources-no-a-h.gif) top right no-repeat; 
	border-top: 1px solid #CD0013; 
	border-bottom: 1px solid #FE0018;
}

#left-side-menu .new  a { 
	background: #E7E7E7 url(../gfx/bg-menu-film-resources-new.gif) top right repeat-x; 
}
	
#left-side-menu .new  a:hover { 
	color: white; 
	background: #FE0018 url(../gfx/bg-menu-film-resources-new-a.gif) top right no-repeat; 
	border-top: 1px solid #CD0013; 
	border-bottom: 1px solid #FE0018;
}

	
/* ********** FOOTER ********** */

div#footer{	
	margin: 0px auto; 
	width: 965px; 
	background: white; 
	border-top: 3px solid #ddd; 
	padding: 20px 0px 20px 0px; 
}

div#footer-left { 
	float: left; 
	width: 466px; 
}
	
#footer-left ul { 
	margin: 10px 0px 20px 10px; 
	padding: 0px;
	list-style: none; 
	font: normal 11px Arial, Helvetica, sans-serif;  
}

#footer-left .right a { 
	border-right: 0px; 
}
	
#footer-left p { 
	font: normal 11px Arial, Helvetica, sans-serif; color: #777; 
	margin: 0px 0px 0px 15px; 
	padding-top: 6px; 
}

#footer-left ul li {
	float: left;
	background: #eee;
	margin: 0 1px;
	padding-top: 11px;
	padding-bottom: 11px;
}

#footer-left ul li a {
	text-decoration:none;
	padding: 8px 10px 8px 10px;
	color: white;
	background: #6699ff;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2c2c2c;
	border-bottom-color: #2c2c2c;
}

#footer-left ul li a:hover {
	color: white;
	padding: 8px 10px 8px 10px;
	background: #2c2c2c;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF9900;
	border-bottom-color: #FF9900;
}
	
div#footer-right {
	float: right;
	width: 468px;
	padding-right: 8px;
}
	
#footer-right p { 
	font: normal 11px Arial, Helvetica, sans-serif; 
	color: #777; 
	margin: 0px; 
	line-height: 18px; 
}

div#footer-fade { 
	background: #FFFFFF url(../gfx/bg-footer-fade.gif) repeat-x left top; 
	margin: 0px auto; 
	width: 965px; 
	height: 60px; 
	padding: 0px; 
}

#amadFooter {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #6699FF;
}

#amadFooter a:link, #amadFooter a:visited {
text-decoration:none;
color: #6699FF;
}

#amadFooter a:hover {
text-decoration:underline;
}

/* ********** NEWS SECTION ********** */
.news_teaser {
	border-top: #6699FF solid 2px;
	padding:5px 0px;
	margin:0;
}

.date {
	font-size:.8ems; 
	color:#6699FF;
}

.news_teaser a:link, .news_teaser a:visited {
color:#6699FF;
}

/* ********** OTHER STYLES ********** */
hr { 
	border: 0px; 
	margin: 20px 0px 20px 0px !important; 
	margin: 5px 0px 5px 0px; 
	padding: 0px; 
	height: 1px; 
	color: #ccc; 
	background-color: #ccc; 
}

.clear { 
	clear:both; 
	height: 0px; 
	margin: 0px; 
}

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}