/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	background-color:#000;
	background-image:url(../images/spot_grad.jpg);
	background-repeat:repeat-x;
}

#base	{
	width: 780px;
	margin-left:auto;
	margin-right:auto;		
}

.skips {
	display: none;
}

/* LOGO AREA */
#logo {
	width: 780px;
	height:100px;
	}
#logo img {
	border:none;
	float:left;
	margin:12px 0px 0px 20px;
}

#logo h1	{
	color:#fff;
	line-height:0.9em;
}

/* TOP NAV AREA */
#topnav	{
	padding:0px;
	margin:0px;	
}
#topnav ul{
	padding-left: 0px;
	margin: 0;
	float: left;
	width: 780px;
	list-style: none;
	}
#topnav ul li{ display: inline;}
#topnav li a:link, #topnav li a:visited {
	color: #fff;
	padding: 2px 12px;
	text-decoration: none;
	float: left;
	margin: 0px;
	margin-bottom:2px;
	font-size:0.9em;
	background-image:url(../images/dots.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#topnav li a:link:hover, #topnav li a:visited:hover	{
	text-decoration: none;
	color: #fff;
}

/*BANNER*/
/*IMAGE STUFF ON HOMEPAGE*/
#banner {
	clear:both;
	width: 780px;
	height:190px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/home_mast_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#img1, #img2, #img3, #img4	{
	width:180px;
	height:130px;
	background-image:url(../images/image1.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:30px 7px 21px 9px!important;
	margin:30px 5px 21px 7px;
	float:left;
}

#img2{
	background-image:url(../images/image2.jpg);
	margin:30px 7px 21px 7px!important;
	margin:30px 5px 21px 5px;
}
#img3{
	background-image:url(../images/image3.jpg);
	margin:30px 7px 21px 7px!important;
	margin:30px 5px 21px 5px;
}
#img4{
	background-image:url(../images/image4.jpg);
	margin:30px 7px 21px 7px!important;
	margin:30px 5px 21px 5px;
	}


.title	{
	background-color:#c60c3f;
	padding:3px;
	color:#fff;
	opacity:0.8;
	filter:alpha(opacity=80);
	text-align:center;
	margin-top:100px!important;
	margin-top:98px;
	font-size:0.8em;
	line-height:1.1em;
	font-weight:bold;
	width:174px;
}


#about	{
	height:215px;
	background-image:url(../images/about_us_holding_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	

#hidden_hastings	{
	height:215px;
	background-image:url(../images/hidden_hastings.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}	
	
#contact_us	{
	height:215px;
	background-image:url(../images/contact_us_header.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}

#about_us	{
	height:215px;
	background-image:url(../images/about_us_header.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}	
	
#programme{
	height:25px;
	background-image:none;
	}

/* MAIN AREA */
#mainAreaHome {
	width: 780px;
	padding:0px;
	background-color:#fff;
	background-image:url(../images/bg_hm.gif);
	background-position:left;
	background-repeat:repeat-y;
}
#mainArea {
	width: 780px;
	padding:0px;
	background-color:#fff;
	background-image:url(../images/bg_inner.gif);
	background-position:left;
	background-repeat:repeat-y;
	float:left; 
	display: inline;
}
a:link, a:visited{
	color:#c60c3f;
}
p {
	font-size: 0.9em;
	margin-top: 2px;
	margin-bottom:4px;
}
#logo alt	{
	line-height:0.8em;
	color:#fff;
	margin-top:0px;
	padding:0px;
}
#mainAreaHome h2 {
	font-size: 1.5em;
	font-weight:normal;
	color: #000;
	margin:0px;
	margin-bottom: 0.5em;
	background-image:url(../images/box_red.gif);
	background-repeat:no-repeat;
	background-position:left 2px;
	padding-left:20px;
}
#mainAreaHome h3 {
	font-size: 1.2em;
	font-weight:normal;
	margin: 0px;
	margin-bottom: 0.2em;
}
#rightContent h3{
	color:#fff;
	font-weight:normal;
	background-image:url(../images/box_org.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	margin-top:15px;
}

#rightContent h3 a:link, #rightContent h3 a:visited	{
	text-decoration:none;
}

#rightContent h3 a:link:hover, #rightContent h3 a:visited:hover	{
	text-decoration:underline;
	}

#midColumn h3	{
	color:#000;
	font-weight:normal;
	background-image:url(../images/box_red.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}

.filmlist	{
	clear:both;
	padding-top:1em;
	margin-bottom:1em;
	border-top:1px dotted #e20533;
	}
.filmlist h3	{
	font-weight:normal;
	text-transform:uppercase;
	}	
.filmlist a:link, .filmlist a:visited {
	color:#fff;
	background-color:#e62a2f;
	text-decoration:none;
	padding:2px;
	}
.filmlist img	{
	float:right;
	margin-left:5px;
	}		
		
#mainAreaHome h4 {
	font-size: 1em;
	font-weight:bold;
	margin: 0px;
	margin-bottom: 0.2em;
}

img.right {
	float:right;
	margin-left:0.75em;
}
img.left {
	float:left;
	margin-right:0.75em;
}

.sbts_heading	{
	background-image:url(../images/yellow_strip.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-top: 0.5em;
	margin-bottom: 0.7em;
	padding: 0px;
	clear: both;
	color:#f0ce17;
	padding-bottom:0.5em;
	font-weight:bold;
	font-size:1.1em;
}


/* MAIN AREA - LEFT COLUMN */

#mainAreaHome #leftColumn {
	float: left;
	width: 390px;
	line-height: 1.4em;	
}
.clear	{
	clear:both;
	}
	
.divider	{
	border-top:1px dotted #e20533;
}	

/* MAIN AREA - MAIN CONTENT AREA FOR MOST PAGES */
#mainArea #ContentArea {
	float: left;
	width: 580px;
	line-height: 1.3em; 

}
#mainArea #Content {
	padding: 0em 20px;
	color:#000;
}
#Content a:link, #Content a:visited {
	color:#c60c3f;
	text-decoration:underline;
	font-weight:bold;
}
#Content a:hover, #Content a:visited:hover {
	color:#e20533;
	text-decoration:none;	
}
#Content h1 {
	font-size: 1.9em;
	color: #000;
	padding: 0em;
	margin-top: 0em;
	margin-bottom: 1em;
	clear: both;
	line-height: 1.2em;
	margin-top: 1em;
}
#Content h2  {
	font-size: 1.8em;
	line-height:1.1em;
	font-weight:normal;
	color: #000;
	padding: 0em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	clear: both;
}
#Content h3  {
	font-size: 1.4em;
	line-height:1.1em;
	font-weight:normal;
	margin-top: 0.5em;
	margin-bottom: 0.7em;
	padding: 0px;
	clear: both;
	color:#e20533;
}
#Content h4 {
	font-size: 1.2em;
	font-weight:bold;
	color: #000;
	margin-bottom: 0.5em;
	padding: 0px;
	margin: 0.75em oem;
}
#Content h5 {
	font-size: 1.0em;
	line-height:1.3em;
	font-weight:normal;
	color: #000;
	margin-bottom: 0em;
	padding: 0px;
	margin: 1em 0em;
}
#Content p {
	margin-top: 2px;
	margin-bottom:4px;
}
#Content ul {
	margin-left: 3em;
	padding: 0px;
	list-style-image:url(../images/bullet_1.gif)
	}
#Content ul li {
	margin: 0px;
	padding: 0.2em;
	font-size:0.9em;
}
#Content ol {
	margin-top: 0.5em;
	margin-bottom: 1em;	
}
#Content ol li {
	padding-bottom: 0.2em;
	font-size:0.9em;
}

#Content .filmlist { 
	border-top:none;

}
#Content .shortlist	{
	clear:both;
	border-top:1px dotted #e20533;
	margin-top:0px;
	padding:5px;
}

#Content .day	{
	border-top:1px solid #e20533;
}		

#Content .filmlist a:link, #Content .filmlist a:visited, #Content .shortlist a:link, #Content .shortlist a:visited	 {
	color:#fff;
	background-color:#e20533;
	text-decoration:none;
	padding:2px;
	font-weight:bold;
	}	
#Content .filmlist h3 {
	border-top:1px dotted #e20533;
	border-bottom:1px dotted #e20533;
	padding:5px 0px;
	color:#000;
	}	
	
/* MAIN AREA/HOME - RIGHT COLUMN */

#mainArea #rightColumn, #mainAreaHome #rightColumn {
	float: left;
	width: 200px;
	padding:0px;
}

#rightColumn a:link, #rightColumn a:visited {
	color:#fff;
	text-decoration:underline;
}

#rightColumn a:link:hover, #rightColumn a:visited:hover {
	color:#fff;
	text-decoration:none;
}

#rightColumn img {
	margin-bottom: 0.5em;
	padding:5px;
}



#rightContent, #midContent, #leftContent	{
	padding:15px;
}

#rightContent	{
	padding-top:0px;
}

/* HOME AREA - MIDDLE COLUMN */ 

#mainAreaHome #midColumn {
	float: left;
	width: 190px;
	padding:0px;
}

#midContent a:link, #midColumn #midContent a:visited {
	color:#000;
	text-decoration:underline;
}

#midContent a:link:hover, #midColumn #midContent a:visited:hover {
	color:#000;
	text-decoration:none;
}

/* RIGHT COLUMN - second level navigation */ 

#rightColumn #mainNavDiv {
	margin-bottom: 1.5em;
	font-size:0.8em;
	background-color:#fff;
	padding:0px 10px;
	border-left:1px dotted #e6d585;
}

#mainNavDiv ul{list-style: none; margin:0px; padding:0px; }
#mainNavDiv ul li {margin-top: 0px;border-bottom:1px dotted #e6d585;padding:4px 0px;}
#mainNavDiv li a:link, #mainNavDiv li a:visited {text-decoration: none;color: #c60c3f;}
#mainNavDiv li a:link:hover, #mainNavDiv li a:visited:hover {color:#e6d585;}

#mainNavDiv ul li#selected {margin-top: 0px;border-bottom:1px dotted #e6d585;padding:4px 0px;padding-left:16px; background-image:url(../images/arrow_menu.gif); background-position:left; background-repeat:no-repeat; }

#mainNavDiv ul ul {margin-top: 0px;}
#mainNavDiv ul ul li {margin-top: 0px;}
#mainNavDiv ul ul li a:link, #mainNavDiv ul ul li a:visited {padding: 4px 4px 4px 8px;text-decoration: none;font-weight:normal;color: #04629e;}
#mainNavDiv ul ul li a:link:hover, #mainNavDiv ul ul li a:visited:hover {color:#e6d585;}





/* CLEAR AFTER FOOTER */

#footerClear {
	clear: both;
}


/* FOOTER */
#footer	{
	clear:both;
	background-color:#ae0533;
	background-image:url(../images/foot_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:10px 0px 20px 0px;
	margin-bottom:20px;
}
#footerInside p {
	margin:4px 12px 4px 12px;
	font-size:0.8em;
	color:#fff;
	}
	
#footerInside .logos {
	float:right;
	}
	
#footerInside img{
	margin:8px 12px 0px 12px;
	}
		
#footerInside a:link, #footerInside a:visited{
	color:#fc3e43;
	text-decoration:none;
}
#footerInside a:link:hover, #footerInside a:visited:hover {
	text-decoration:none;
	color:#fff;
}



/*FORM STYLES */

form	{
	padding:0em;
}

input, textarea	{
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	padding:0.2em;
}

.Submit	{
	text-align:right;
}
.error {color:#FF0000; font-weight:bold;}

.label	{
	float:left;
	clear:both;
	width:35%;
	text-align:right;
	font-size:0.9em;
	padding-right:3px;
	padding-top:3px;
	}
.input	{
	float:left;
	width:55%;
	text-align:left;
	font-size:0.9em;
	padding-left:6px;
	padding-top:3px;
}	
.formButton	{
	text-align:right;
	margin-right:20px;
}
.button	{
	background-image:url(../images/button_bg.jpg);
	background-color:#e20533;
	color:#fff;
	border-top:none;
	border-left:none;

}
.button:hover	{
	background-image:url(../images/button_bg_over.jpg);
	background-color:#e20533;
	color:#fff;

}

#month	{
	background-image:url(../images/red_dot.gif);
	background-position:top;
	padding-bottom:10px;
	background-repeat:repeat-x;
	}

#month ul{
	margin: 0px;
	margin-top:2em;
	padding:0px;
	width: 100%;
	list-style: none;
	}
#month ul li{ 
	display: inline;
	margin: 0px;
	padding:0px;
	}
#month li a:link, #month li a:visited {
	color: #fff;
	padding: 4px 14px;
	text-decoration: none;
	float: left;
	clear:right;
	margin-left: 3px;
	font-size:1.2em;
	font-weight:normal;
	border-top:1px dotted #c60c3f;
	border-right:1px dotted #c60c3f;
	border-left:1px dotted #c60c3f;
	background-image:url(../images/button_bg.jpg);
	background-repeat:repeat-x;
	background-color:#e20634;
	margin-bottom:2em;
}
#month li a:link:hover, #month li a:visited:hover	{
	color: #e20634;
	background-image:none;
	background-color:#FFFFFF;
	border-bottom:1px solid #fff;
}

#month li#selected a:link, #month li#selected a:visited	{
color: #e20634;
	background-image:none;
	background-color:#FFFFFF;
	border-bottom:1px solid #fff;
}

#footer p.copyr	{
	float:left;
	color:#fff;
}

.credit	{
	color:#fff;
	font-size:0.7em;
}

table	{
	color:#000000;
	
}

th	{
	text-align:left;
	padding:5px;
}
td	{
	border-bottom:1px solid #000;
	padding:5px;
}