/*
-----------------------------------------------
Client: The London Film School
Author: Copious Ltd - www.copious.co.uk
Copyright: 2005 Copious Ltd
Version:  06 Oct 2009
----------------------------------------------- */

/* Page Structure
----------------------------------------------- */

body {
 	background-color: #393939;
	color: #333;
	margin: 0;
	padding: 0 0 25px 0;
	font-family: Verdana, sans-serif;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: 90%; /* CHANGE ME */
	text-align: center;
	}

	
	
/* Postioning
----------------------------------------------- */

#wrapper {
background-color: White;
	margin: 0 auto;
	padding: 0;
	line-height: 120%;
	text-align: left;
	width: 750px;
	}
	
html> #wrapper { /* be nice to Opera */
  	width: 750px;
	} 
	

#wrapper-screening-room {
background-color: White;
	margin: 0 auto;
	padding: 0;
	line-height: 120%;
	text-align: left;
	width: 800px;
	}
	
html> #wrapper-screening-room { /* be nice to Opera */
  	width: 800px;
	} 
	
/* Main Structure
----------------------------------------------- */

#main-body {
	background: White url(../images/gen_pgbk.gif) repeat-y;
	}
	
#content {
	float: right;
	margin: 0;
	padding: 0 20px;
	width: 590px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 550px;
	}
	
html> #content { /* be nice to Opera */
  	width: 750px;
	} 

#flash-banner {
	margin: 0;
	padding: 0;
	}
	
	
	
/* Common Typography
----------------------------------------------- */
	
h1, h2, h3, h4, h5, h6	{
	color: #1167A3;
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	}


div.soldout {color:#FF0000;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 18px 0 8px 0;
	padding: 0 0 4px 0;
	font-size: 130%; 
	font-weight: bold; 
}

h1 { 
	margin: 0;
	padding: 0;
	font-size: 140%; 
	font-weight: bold; 
	}
	
h2 {
	border-bottom: 1px solid #D7D2BC;
	margin: 18px 0 8px 0;
	padding: 0 0 4px 0;
	font-size: 130%; 
	font-weight: bold;
	line-height:normal;
	}
	
h2 span {
		font-weight: normal; 
	}
	
h3 {
	margin: 0 0 4px 0;
	padding: 0 0 2px 0;
	font-size: 115%; 
	font-weight: bold;
	}
	
h4 {
	margin: 10px 0 4px 0;
	padding: 0 0 2px 0;
	font-size: 110%; 
	font-weight: bold;
	}
	
h5 {
	margin: 2px 0 0 0;
	padding: 0 0 2px 0;
	font-weight: bold;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 85%; 
	line-height: 100%;
	}

h6 {
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
	font-weight: bold;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 85%; ;
	line-height: 100%;
	}
	
	



/* Titlebar (across content top)
----------------------------------------------- */
	
#titlebar {
	background: White url(../images/gen_titlebar.gif) repeat-y;
	border-bottom: 1px solid #104D76;
	margin: 0;
	padding: 2px 0;
	width: 750px;
	}
	
#breadcrumbs {
	float: left;
	color: #333;
	margin: 0 ;
	padding: 6px 0 0 10px;
	font-size: 90%;
	}
	
#breadcrumbs p {
	margin: 0 ;
	padding: 0;
	}
	
#breadcrumbs a {
	color: #1167A3;
	}
	
#title {
	float: left;
	color: White;
	margin: 0;
	padding: 6px 0 5px 10px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 150px;
	}
	
	
/* Styled Paragraphs
----------------------------------------------- */
	
p {
	margin: 0;
	padding: 0 0 16px 0;
	font-size: 85%;
	}

p.macdonald {
	color: #797979;
	border: 1px solid #D7D2BC;
	margin: 0 0 10px 0;
	padding: 10px;
	}
	
p.gibson {
	}

p.intro {
	color: #797979;
	font-size: 85%;
	}

p.intro_italic {
	color: #797979;
	font-size: 85%;
	font-style:italic
	}
	
p.index {
	color: white;
	font-size: %85;
	}

p.worldpal {
	color: #555555;
	font-size: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
p.photo_caption {
	color: Gray;
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 75%;
	line-height: 110%;
	text-align: right;
	}

p.photo_caption_left {
	color: Gray;
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 75%;
	line-height: 110%;
	text-align: left;
	}

p.photo_caption_center {
	color: Gray;
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 75%;
	line-height: 110%;
	text-align:center;
	}

p.honorary_photo_caption_center {
	color: #333333;
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 85%;
	line-height: 110%;
	text-align:center;
	}


.para_push {
	background: transparent url(../images/para_push_bullet.gif) no-repeat 0 4px;
	margin: 0;
	padding: 0 0 0 12px;
	}
	

.para_push_bold {
	background: transparent url(../images/para_push_bullet.gif) no-repeat 0 4px;
	margin: 0;
	padding: 0 0 0 12px;
	font-size: 120%;
	font-weight:bold;
	}	


p.boxed_text {
	background: #F8F6ED;
	border: 1px solid #DDDEC7;
	margin: 2px 0 8px 8px;
	padding: 6px;
	}


.boxed_text_book_now {
	background: #FFFFCC;
	border: 1px solid #FF9966;
	margin: 2px 0 8px 8px;
	padding: 6px;
	}

.boxed_text_usloan {
	background: #FFFFCC;
	border: 1px solid #FF9966;
	margin: 2px 0 8px 8px;
	padding: 6px;
	width: 300px;
	}

p.boxed_text_centre {
	background: #F8F6ED;
	border: 1px solid #DDDEC7;
	margin: 2px 0 8px 8px;
	padding: 6px;
	text-align:center;
	}
	
/* Column 01 - left navigation
----------------------------------------------- */

#col_01 {
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;
	}
	
	
/* 100% column styling
----------------------------------------------- */
	
#ma-banner {
	margin: 0 0 20px 0;
	padding: 0;
	}

div.col_100 {
	margin: 20px 0 0 0;
	padding: 0;
	width: 100%;
	}
	
div.col_100 ul2 {
	color: #1167A3;
	}
	
div.col_100 ul2 {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	}
	
div.col_100 li2 {
	margin: 0;
	padding: 0;
	font-size: 80%;
	}
	
div.col_100 li a2 {
	background: transparent url(../images/gen_arrow.gif) no-repeat 0 2px;
	padding: 0 0 0 6px;
	font-weight: normal;
	}
	
ul.hundred_list {
	color: #1167A3;
	}
	
ul.hundred_list_faq {
	color: Black;
	}
	
ul.hundred_list, ul.hundred_list_faq {
	margin: 0 10px 10px 6px;
	padding: 0;
	list-style: none;
	}
	
ul.sitemap {
	margin: 0 0 20px 6px;
	padding: 0;
	font-size: 85%;
	list-style: none;
	}
	
ul.hundred_list li, ul.hundred_list_faq li {
	background: transparent url(../images/sq_bullets.gif) no-repeat 0 4px;
	margin: 0;
	padding: 0 0 3px 12px;
	font-size: 85%;
	}
	
ul.hundred_list .list_title , ul.hundred_list_faq .list_title {
	color: Black;
	background-image: none;
	padding: 0 0 2px 0;
	}
	
ul.sitemap_title {
	color: Black;
	background-image: none;
	padding: 0 0 2px 0;
	}
	
ul.hundred_list_active {
	color: #1167A3;
	}
	
ul.hundred_list_active {
	margin: 0 10px 10px 6px;
	padding: 0;
	list-style: none;
	}
	
ul.hundred_list_active li {
	margin: 0;
	padding: 0 0 6px 8px;
	font-size: 85%;
	}
	
ul.hundred_list_active li a, ul.sitemap li a  {
	background: transparent url(../images/gen_arrow.gif) no-repeat 0 2px;
	padding: 0 0 0 6px;
	font-weight: normal;
	}
	
dl.hundred_definition {
	margin: 0 0 14px 0;
	padding: 0;
	font-size: 85%;
	}
	
dl.hundred_definition dt {
	color: #333;
	margin: 0;
	padding: 2px 0 0 0;
	line-height: 120%;
	}
	
dl.hundred_definition dd {
	margin: 0 0 12px 0;
	padding: 2px 0 0 14px;
	line-height: 120%;
	}
	
#graduates dt {
	font-size: 85%;
	}
	
#graduates dd {
	margin: 0 0 12px 0;
	padding: 2px 0 0 10px;
	font-size: 85%;
	line-height: 130%;
	}
	
ol.hundred_ordered {
	margin: 0 0 10px 24px;
	padding: 0;
	}
	
ol.hundred_ordered li {
	margin: 0;
	padding: 0 0 6px 0;
	font-size: 85%;
	}
	
#clips {
	display: none;
	background: #F8F6ED;
	color: #797979;
	border: 1px solid #E6E6D2;
	margin: 10px 0 0 0;
	padding: 6px;
	text-align: center;
	}
	
#clips p {
	margin: 0;
	padding: 0;
	}
	
.clipthumb {
	float:left;
	margin: 6px 0 0 0;
	padding: 0 0 0 70px;
	width: 160px;
	text-align: center;
	}

	
/* 60% column styling
----------------------------------------------- */

	
div.col_60 {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	width: 370px;
	}
	
ul.sixty_list {
	color: #1167A3;
	}
	
ul.sixty_list {
	margin: 0 10px 10px 6px;
	padding: 0;
	list-style: none;
	}
	
ul.sixty_list li {
	background: transparent url(../images/sq_bullets.gif) no-repeat 0 4px;
	margin: 0;
	padding: 0 0 2px 12px;
	font-size: 85%;
	}
	
ul.sixty_list .list_title {
	color: Black;
	background-image: none;
	padding: 0 0 2px 0;
	}
	
ul.sixty_list_active {
	color: #1167A3;
	}
	
ul.sixty_list_active {
	margin: 0 10px 10px 6px;
	padding: 0;
	list-style: none;
	}
	
ul.sixty_list_active li {
	margin: 0;
	padding: 0 0 6px 8px;
	font-size: 85%;
	}
	
ul.sixty_list_active li a {
	background: transparent url(../images/gen_arrow.gif) no-repeat 0 2px;
	padding: 0 0 0 6px;
	font-weight: normal;
	}
	


ul.testimonials li a {
	background: transparent url(../images/gen_arrow.gif) no-repeat 0 2px;
	padding: 0 0 0 6px;
	font-size: 85%;
	font-weight: normal;
	list-style: none;
	}



ul.sixty_list_active .list_title {
	color: Black;
	background-image: none;
	padding: 0 0 2px 0;
	}
	

ol.sixty_list {
	color: #1167A3;
	}
	
ol.sixty_list {
	margin: 0 10px 10px 6px;
	padding: 0;
	list-style: none;
	}
	
ol.sixty_list li {
	margin: 0;
	padding: 0 0 2px 12px;
	font-size: 85%;
	}
	
ol.sixty_list .list_title {
	color: Black;
	background-image: none;
	padding: 0 0 2px 0;
	}
	
ol.sixty_list_active {
	color: #1167A3;
	}
	
ol.sixty_list_active {
	margin: 0 10px 10px 6px;
	padding: 0;
	list-style: none;
	}
	
ol.sixty_list_active li {
	margin: 0;
	padding: 0 0 6px 8px;
	font-size: 85%;
	}
	
ol.sixty_list_active li a {
	background: transparent url(../images/gen_arrow.gif) no-repeat 0 2px;
	padding: 0 0 0 6px;
	font-weight: normal;
	}
	
ol.sixty_list_active .list_title {
	color: Black;
	background-image: none;
	padding: 0 0 2px 0;
	}
	

dl.sixty_definition {
	margin: 0 0 14px 0;
	padding: 0;
	font-size: 85%;
	}
	
	
dl.sixty_definition dt {
	color: #333;
	margin: 0;
	padding: 0;
	line-height: 120%;
	}
	
dl.sixty_definition dd {
	margin: 0 0 22px 0;
	padding: 2px 0 0 8px;
	line-height: 100%;
	}
	
#staff {	
	background: #F8F6ED;
	border: 1px solid #E6E6D2;
	margin: 0 0 10px 0;
	padding: 10px;
}

#staff h3 {
	margin: 0 0 4px 0;
	padding: 0 0 2px 0;
	font-size: 100%; 
	font-weight: bold;
	}
	
	
/* 40% column styling
----------------------------------------------- */
	
div.col_40 {
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;
	}
	
div.col_40 p {
	color: Gray;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 75%;
	line-height: 120%;
	}
	
div.col_40 p.index {
	margin: 0;
	padding: 0 0 10px 0;
	color: white;
	font-size: 75%;
	}
	
div.col_40 p.caption {
	color: Gray;
	margin: 0 0  10px 0;
	padding: 2px 0 0 0;
	font-size: 75%;
	line-height: 110%;
	text-align: right;
	}
	
ul.forty_list {
	color: #1167A3;
	}
	
ul.forty_list {
	margin: 0 10px 10px 0;
	padding: 0;
	list-style: none;
	}
	
ul.forty_list li {
	background: transparent url(../images/sq_arrow_bullet.gif) no-repeat 0 5px;
	margin: 0;
	padding: 0 0 2px 12px;
	font-size: 85%;
	}
	
ul.forty_list li a {
	padding: 0 0 0 6px;
	font-weight: normal;
	}
	
ul.forty_list .list_title {
	color: Black;
	background-image: none;
	padding: 0 0 2px 0;
	}
	
ul.forty_list_active {
	color: #1167A3;
	}
	
ul.forty_list_active {
	margin: 6px 0 10px 0;
	padding: 0;
	list-style: none;
	}
	
ul.forty_list_active li {
	background: transparent url(../images/sq_plus_bullet.gif) no-repeat 0 5px;
	padding: 0 0 3px 12px;
	font-weight: normal;
	font-size: 80%;
	}
	
ul.forty_list_active .list_title {
	color: Black;
	background-image: none;
	padding: 0 0 2px 0;
	}
	
ul.forty_list_active_index {
	color:#FFFFFF;
	}
	
ul.forty_list_active_index {
	margin: 6px 0 10px 0;
	padding: 0;
	list-style: none;	
	}
	
ul.forty_list_active_index li {
	background: transparent url(../images/sq_plus_bullet.gif) no-repeat 0 5px;
	padding: 0 0 3px 12px;
	font-weight: normal;
	font-size: 80%;
	}	
	
ul.forty_list_active_index .list_title {
	color: Black;
	background-image: none;
	padding: 0 0 2px 0;
	}

dl.forty_definition {
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 85%;
	}
	
dl.forty_definition dt {
	color: #333;
	margin: 0;
	padding: 0;
	line-height: 120%;
	}
	
dl.forty_definition dd {
	margin: 0 0 8px 0;
	padding: 2px 0 0 8px;
	line-height: 100%;
	}

	
/* Imagery / Photography
----------------------------------------------- */
	
.lfs_logo {
	float: right;
	margin: 6px;
	padding: 0;
	}
	
.logo_ani {
	float: left;
	margin: 0;
	padding: 0;
	}
	
img {
	border: none;
	}

.column_photo {
	margin: 32px 0 0 0;
	padding: 0;
	}
	
.side_photo {
	border: 1px solid #DDDEC7;
	margin: 0;
	padding: 3px;
	}
	
.past_advert {
	border: 1px solid #DDDEC7;
	margin: 0;
	padding: 3px;
	}
	
.float_right {
	float: right;
	background: #F8F6ED;
	border: 1px solid #DDDEC7;
	margin: 2px 0 8px 8px;
	padding: 6px;
	}
	
.float_right_50  {
	float: right;
	background: #F8F6ED;
	border: 1px solid #DDDEC7;
	margin: 0 0 8px 8px;
	padding: 6px;
	}
	
.float_left {
	float: left;
	background: #F8F6ED;
	border: 1px solid #DDDEC7;
	margin: 2px 12px 8px 0;
	padding: 6px;
	}
	
.left_nav_image {
	margin: 2px 12px 8px 0px;
	padding: 15px;
	}
	
.left_nav_home_page_image {
	margin: 2px 12px 8px 0px;
	padding: 3px;
	}			
	
.image_right {
	background: #F8F6ED;
	border: 1px solid #E6E6D2;
	float: right;
	margin: 0 0 12px 12px;
	padding: 8px 8px 10px 8px;
	text-align: right;
	width: 250px;
	}
	

.image_left {
	background: #F8F6ED;
	border: 1px solid #E6E6D2;
	float: left;
	margin: 0 0 12px 12px;
	padding: 8px 8px 10px 8px;
	text-align: left;
	width: 250px;
	}	
	
.image_right_170 {
	background: #F8F6ED;
	border: 1px solid #E6E6D2;
	float: right;
	margin: 0 0 12px 12px;
	padding: 8px 8px 10px 8px;
	text-align: right;
	width: 170px;
	}	
	
.video_right {
	background: #F8F6ED;
	border: 1px solid #E6E6D2;
	float: right;
	margin: 0 0 10px 10px;
	padding: 8px 8px 8px 8px;
	text-align: left;
	font-size: 9px
	width: 250px;
	}
	
	.video_left {
	background: #F8F6ED;
	border: 1px solid #E6E6D2;
	float: left;
	margin: 0 0 10px 10px;
	padding: 8px 8px 8px 8px;
	text-align: left;
	font-size: 9px
	width: 250px;
	}

.text_box_middle {
	background: #F8F6ED;
	border: 1px solid #E6E6D2;
	float: middle;
	margin: 0 0 10px 10px;
	padding: 8px 8px 8px 8px;
	text-align:center;
	font-size: 9px
	width: 250px;
	}

.thumbnail {
	float:left;
	margin: 0 0 8px 0;
	padding: 0 6px 0 0;
	}
	
.thumbnail_end {
	float:left;
	margin: 0 0 8px 0;
	padding: 0;
	}
	

.honorary {
	float:left;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	}
	
.honorary_end {
	float:left;
	margin: 0 0 10px 0;
	padding: 0;
	}



.past_advert {
	border: 1px solid #DDDEC7;
	margin: 0;
	padding: 3px;
	}
	
.staff_photo {
	float: right;
	background: #FFF;
	border: 1px solid #DDDEC7;
	margin: 0 0 8px 8px;
	padding: 6px;
	}


	
/* General linkology
----------------------------------------------- */

a {
	color: #1167A3;
	}
	
a:hover {
	color: #36A1ED;
	}
	
a:visited {
	color: #36A1ED;
	}

a:link, a:visited, a:active {
	text-decoration: none;
	}
	
a:hover {
	text-decoration : underline;
	}
	
#main-body-index a:link, #main-body-index a:visited {
	color: White;
	}

#main-body-index a:hover, #main-body-index a:active {
	color: #97D0D4;
	}



/* Header
----------------------------------------------- */

#header	{
	background: Black  url(../images/header.gif) top left no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	height: 72px;
	}
	
	
#header h1 {
	color: #FFF;
	border: 0;
	margin: 0;
	padding: 0;
	}
	
#header h1 span	{
	display: none;
	}


	
/* Footer
----------------------------------------------- */
#footer {
	background: Black;
	color: #FFF;
	border-top: 5px solid #196296;
	}
	
#footer {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 90%;
	text-align: left;
	height: 86px;
	}

#footer p {
	margin: 0;
	padding: 6px 0 4px 10px;
	font-size: 70%;
	}
	
#footer li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#footer ul {
	margin: 6px 0 6px 10px;
	padding: 0;
	font-size: 70%;
	}
	
#footer a {
	color: #FFF;
	
	}
	
#footer a:link {
	color: #fff;
	}
	
#footer a:visited {
	color: #BCDAEA;
	}
	


/* Misc Elements
----------------------------------------------- */

.skiplink {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}
	
.topper {
	clear: both;
	background: url(../images/topper.gif) 0 10% no-repeat;
	margin: 30px 0 10px 0;
	padding: 0 8px;
	font-size: 80%;
	text-align: left;
	}

	
.questions {
	clear: both;
	background: url(../images/topper.gif) 0 50% no-repeat;
	border-bottom: 1px solid #C0C2C5;
	margin: 0 10px 20px 0;
	padding: 0 8px 2px 8px;
	font-size: 80%;
	text-align: left;
	}

.clear {
	clear: both; 
	margin: 0;
	font-size: 1px; 
	line-height: 1px; 
	height: 1px; /* used for clearing elements */
	} 
	
.clearer {
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
	height: 10px;
	}

.clearer_line {
	clear: both;
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #D7D2BC;
	height: 1px;
	}


.redtext {
	color: #FF0000;
	font-size: 100%;
	font-weight: bold;
}

.smallredtext {
	color: #FF0000;
	font-size: 85%;
	
}
	
.bigredtext {
	color: #FF0000;
	font-size: 120%;
	font-weight: bold;
}

.xsmalltext {font-size: x-small}

.newcoursetext {
	color:#00CCFF;
	font-size:115%;
	font-weight: bold;
	font-style:italic;
}

	
/* Horizontal Main navigation
----------------------------------------------- */

#mainMenu {
	position: relative;
	background: #303437 url(../images/navback_3.jpg) top left no-repeat;
	margin: 0px;
	padding: 0 0 0 20px;
	width: 750px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 730px;
	height: 29px;
	}
	
html> #mainMenu { /* be nice to Opera */
	width: 750px;
	}

#menuList {
	margin: 0;
	padding: 0;
	}

#menuList ul {
	margin: 0;
	padding: 0;
	}

#menuList li {
	display: inline;
	list-style: none;
	}
	
	
	
/* Main Drop Titles
----------------------------------------------- */

a.starter1, a.starter2, a.starter3, a.starter4, a.starter5, a.starter6, a.starter7, a.starter8, a.starter9, a.starter10 {
	float:left;
	display: block;
	color: White;
	margin: 2px 0 0 0;
	padding: 0 24px 0 12px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 100%;
 	letter-spacing: 0px;
	text-decoration: none;
	text-transform: lowercase;
    height: 23px;
	}
	
html>body a.starter1, a.starter2, a.starter3, a.starter4, a.starter5, a.starter6, a.starter7, a.starter8, a.starter9, a.starter10 {
	height: 23px;
	/* ie5win fix ends */
	}

a.starter1:hover, a.starter1:active, a.starter2:hover, a.starter3:hover, a.starter4:hover, a.starter5:hover, a.starter6:hover, a.starter7:hover, a.starter8:hover, a.starter10:hover {
	background: transparent;
	color: White;
 	text-decoration: underline;
	}
	
a.starter1:visited, a.starter2:visited, a.starter3:visited, a.starter4:visited, a.starter5:visited, a.starter6:visited, a.starter7:visited, a.starter8:visited, a.starter9:visited, a.starter10:visited {
	background: transparent;
	color: White;
	text-decoration: none;
	}
	
	
	
/* Drop Downs + Sub Drops
----------------------------------------------- */

.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7, .menu8, .menu9, .menu10 {
	background: #303338;
	text-align: left;
	position: absolute;
    LEFT: -999em
	}

.menu1 li a, .menu2 li a, .menu3 li a, .menu4 li a, .menu5 li a, .menu6 li a, .menu7 li a, .menu8 li a, .menu9 li a, .menu10 li a {
	display: block;
	background: #303338;
	color: #E3E3E3;
	border-left: 1px solid #C5C7CB;
	margin: 0;
	padding: 1px 10px 1px 10px;
	font-size: 85%;
	text-decoration: none;
	width: 160px;	
	}
	
.menu8 li a {
	width: 140px;
	}	

.menu1 li a:hover, .menu2 li a:hover, .menu3 li a:hover, .menu4 li a:hover, .menu5 li a:hover, .menu6 li a:hover, .menu7 li a:hover, .menu8 li a:hover, #menu4 li.section a:hover, .menu9 li a:hover, .menu10 li a:hover {
	background: #9DA0A6;
	color: #34383B;
	text-decoration: none;
	}
	
.menu1 li a:visited, .menu2 li a:visited, .menu3 li a:visited, .menu4 li a:visited, .menu5 li a:visited, .menu6 li a:visited, .menu7 li a:visited, .menu8 li a:visited, #menu4 li.section a:visited, .menu9 li a:visited, .menu10 li a:visited {
	text-decoration: none;
	color: #E3E3E3;
	}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10 { 
	z-index:100; 
	}
	
#menu1 li.section, #menu2 li.section a, #menu3 li.section, #menu4 li.section a, #menu5 li.section, #menu6 li.section, #menu7 li.section, #menu8 li.section, #menu9 li.section, #menu10 li.section {
	border-left: 1px solid #C5C7CB;
	}

	
	
/* Sub Navigation - Column 01
----------------------------------------------- */
#sub_nav {
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-weight: bold;
	list-style: none;
	}
	
#sub_nav ul {
	color: #fff;
	}
	
#sub_nav ul a {
	color: #fff;
	}

	
#sub_nav ul {
	margin: 6px 0 50px 6px;
	padding: 0;
	list-style: none;
	}
	
#sub_nav li {

	margin: 0;
	padding: 0;
	}
	
#sub_nav li.indent {
	background: transparent url(../images/sub_arrow.gif) no-repeat 0 4px;
	padding: 0 0 0 6px;
	font-weight: normal;
	}
	
#sub_nav li.spacer {
	padding: 20px 0 0 0;
	}



/* Horizontal form (QuickSearch)
----------------------------------------------- */
#quicksearch {	
	background: transparent;
	margin: 0;
	padding: 2px 0 2px 560px;
	}

fieldset {
	border : 0;
	margin: 0;
	padding: 0;
	}
	
#quicksearch .inputfield { 
	border: 1px solid #C5C5BB;
	margin: 0;
	width: 130px;
	}
	
#quicksearch .inputsend {
	margin: 0;
	font-size: 100%;
	}
	
p.quicksearch {
	margin: 0;
	padding: 0;
	font-size: 85%;
	}
	
/* Form (Search + Registration)
----------------------------------------------- */
form {	
	background: transparent;
	margin: 0;
	padding: 0;
	}

fieldset {
	border : 0;
	margin: 0 0 0 0;
	padding: 0;
	}

legend {	
	display: none;
	height: 1px;
	}
	
label {
	margin: 0 10px 0 0;
	}
	
.formcheck { 
	margin: 0 10px 0 10px;
	}
	
.formLabel {
	font-weight: bold;
	}
	
.row {
	clear: both;
	padding-top: 6px;
	}

.inputfield-ebulletin { 
	border: 1px solid #C5C5BB;
	margin: 0;
	width: 135px;
	color:#999999;
		}
	
.inputfield, .inputarea, .inputdrop { 
	border: 1px solid #C5C5BB;
	margin: 0;
	width: 240px;
	}
	
.quicklink-drop { 
	border: 1px solid #C5C5BB;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	font-size: 90%;
	}
	
.inputfield_short { 
	border: 1px solid #C5C5BB;
	margin: 0;
	width: 160px;
	}
	
.inputsend {
	margin: 5px 10px 0 0;
	font-size: 115%;
	}
	
form p.boxed{
	background: #F8F6ED;
	color: #555555;
	border: 1px solid #D7D2BC;
	margin: 2px 0 10px 0;
	padding: 6px 0 6px 10px;
	font-size: 85%;
	}
	
form h2 {
	border-bottom: 0;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 100%; 
	font-weight: bold;
	}
	
form h3 {
	border-bottom: 0;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 100%; 
	font-weight: bold;
	}
	
form h4 {
	border-bottom: 0;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 100%; 
	font-weight: bold;
	}
	
#pageform, .payment_form {
	background: #F8F6ED;
	color: #555555;
	border: 1px solid #D7D2BC;
	margin: 0 0 5px 0;
	padding: 0 10px 10px 10px;
	font-size: 85%;
	}
	
.payment_form .row {
	clear: both;
	padding-top: 12px;
	}
	
#worldpay {	
	background: transparent;
	margin: 10px 10px 20px 10px;
	padding: 0;
	}
	
.pay_inputfield{ 
	border: 1px solid #C5C5BB;
	margin: 0 10px 0 0;
	width: 240px;
	}
	
#form_action {
	color: Red;
	text-decoration: underline;
	}

#form_action .thanks {
	color: #1167A3;
	text-decoration: underline;
	}
	
	
/* Table Elements
----------------------------------------------- */

#tableframe {
	clear: both; 
	float: left;
	width: 100%;
	}
	
#term_dates {
	margin: 0 0 20px 0;
	padding: 0;
	}
	
#table {
	background: White;
	clear: both; 
	float: left;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	margin: 5px 0 2px 0;
	padding: 0;
	width: 100%;
	}

table {
	border-top: 1px solid #D7D2BC;
	border-left: 1px solid #D7D2BC;
	}

caption {
	color: #1167A3;
	margin: 0;
	padding: 4px 0 4px 10px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 100%; 
	font-weight: bold;
	text-align: center;
	}

th {
	background: #F8F6ED;
	text-align: left;
	padding: 2px 5px;
	font-weight: bold;
	text-align: left;
	}

th, td, tr {
	border-right: 1px solid #D7D2BC;
	border-bottom: 1px solid #D7D2BC;
	font-size: 90%;
	}

tfoot {
	background: #F8F6ED;
	color: #6A6A6A;
	font-size: 90%;
	}
	
tr.total {
   background-color: #EAEAE1;
	}	
		
td.foot {
	padding: 1px 10px 1px 10px;
	text-align: right;
	}
	
#fees_table {
 margin: 0 0 14px 0;
	padding: 0;
	}

#fees_table caption {
	text-align: left;
	padding: 0 0 2px 0;
	}

#fees_table th {
	text-align: left;
	}

#fees_table td, #fees_table tr {
	text-align: left;
	}
	
#fees_table td.foot {
	padding: 1px 10px 1px 10px;
	text-align: right;
	}
	
	
	
/* NEW RULES>>
----------------------------------------------- */

#main-body-index {
	background-color: #2F78A8;
	}
	
div.col_40 p.photo_caption_white {
	color: White;
	margin: 0 0 10px 0;
	padding: 2px 0 0 0;
	font-size: 75%;
	line-height: 110%;
	text-align: center;
	}
	
	/* Flash Index 
----------------------------------------------- */

#titlebar-index {
	background: #303338;
	clear: both; 
	margin: 0;
	font-size: 1px; 
	line-height: 1px; 
	height: 1px; /* used for clearing elements */
	}

#flash-banner {
	margin: 0 0 20px 0;
	padding: 0;
	}
	
#main-body-index h2 {
	color: White;
	border-bottom: 1px solid #E7E7E7;
	margin: 0 0 8px 0;
	padding: 0 0 4px 0;
	font-size: 130%; 
	font-weight: normal; 
	}
	
p.index {
	color: white;
	font-size: 85%;
	}
	
#news-ticker {	
	color: #BDDEF5;
	border-top: 1px solid #71B1DB;
	margin: 5px 0 0 10px;
	padding: 0;
	width: 142px;
	text-align: left;
	}
	
p.index-news {
	font-size: 85%;
   margin: 6px 0 10px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #71B1DB;
	
   }
	
p.index-news strong {
	color: #E6F3F6;
   margin-bottom: 3px;

   }
	
p.index-news-noborder {
	font-size: 85%;
   margin: 6px 0 10px 0;
	padding: 0 0 2px 0;
    }


ul.news-ticker_list_active {
	color: #BDDEF5;
	}

ul.news-ticker_list_active {
	margin: 6px 0 10px 0;
	padding: 0;
	list-style: none;
	}

ul.news-ticker_list_active li {
	background: transparent url(../images/sq_plus_bullet.gif) no-repeat 0 5px;
	padding: 0 0 3px 12px;
	font-weight: normal;
	font-size: 85%;
	}










/* Index (QuickSearch)
----------------------------------------------- */
#index-search {	
	background: transparent;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 85%;
	}
	
#index-search .inputfield { 
	border: 1px solid #C5C5BB;
	margin: 0;
	width: 65%;
	}
	
#index-search .inputsend {
	margin: 2px 0 0 0;
	}
	
p.#index-search {
	margin: 0;
	padding: 0;
	}
	
	
	
/* Wide Page
----------------------------------------------- */
	
#main-body-clean {
	background-color: White;
	}
	
#content-wide {
	float: left;
	margin: 10px 0 0 0;
	padding: 0 20px;
	width: 750px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 710px;
	}

#content-wide-screening-room {
	float: left;
	width: 800px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 800px;
	}


	
html>#content-wide { /* be nice to Opera */
	width: 750px;
	}
	
#content-wide div.col_60 {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	width: 480px;
	}

#content-wide div.col_40 {
	float: left;
	margin: 0;
	padding: 0;
	width: 210px;
	}



/* Shout outloud
----------------------------------------------- */
	
	div.soldout {color:#FF0000;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 18px 0 8px 0;
	padding: 0 0 4px 0;
	font-size: 130%; 
	font-weight: bold; 
}




/*
-----------------------------------------------
MODIFICATIONS BEGIN HERE
Version:  06 Oct 2009
----------------------------------------------- */

/* Page Structure
----------------------------------------------- */

body {background: #393939 url(../images/bkgrd.gif) repeat-x;} 	
	
/* NOTE: FONT SIZE HAS BEEN CHANGED IN THE LFS_GENERIC CSS */

	
#wrapper {width: 960px;}
	
html> #wrapper { /* be nice to Opera */width: 960px;} 
	
#header	{height: 84px;}
	
#main-body-index {background: #2f78a8 url(../images/home_pgbk.gif) repeat-y; /* home page background */}


/* Header
----------------------------------------------- */

#header	{background: Black  url(../images/wideHeader.gif) top left no-repeat;}

/* Horizontal Main navigation
----------------------------------------------- */
	
#mainMenu {
	position: relative;
	margin: 0px;
	padding: 0 0 0 5px;
	background: #303437 url(../images/navback_shine.gif) ;
	z-index: 1;
	width: 955px;
	height: 34px;
	}
	
html> #mainMenu { /* be nice to Opera */
	width: 955px;
	}


a.starter1, a.starter2, a.starter3, a.starter4, a.starter5, a.starter6, a.starter7, a.starter8, a.starter9, a.starter10 {
	float:left;
	display: block;
	margin: 4px 0 0 0;
	padding: 4px 28px 0 0;
	font-family: Arial, helvetica, sans-serif;
	font-size: 120%;
	text-transform: none;
	}
	
a.starter1, a.starter2, a.starter1:visited, a.starter2:visited {color: white;}
a.starter1 {padding-left: 12px;}
a.starter10 {padding-right: 0;}
	
.menu1 li a, .menu2 li a, .menu3 li a, .menu4 li a, .menu5 li a, .menu6 li a, .menu7 li a, .menu8 li a, .menu9 li a {
	border-left: none;
	border-bottom: 1px solid #3b3e41;
	width: 180px;	
	}
	
.menu1 li a:hover, .menu2 li a:hover, .menu3 li a:hover, .menu4 li a:hover, .menu5 li a:hover, .menu6 li a:hover, .menu7 li a:hover, .menu8 li a:hover, #menu4 li.section a:hover, .menu9 li a:hover {
	color: black;
	}
	
	
#quicksearch {	
	width: 240px;
	padding: 2px 0 2px 760px;
	}
	
	
/* Titlebar (across content top)
----------------------------------------------- */	
#titlebar {width: 100%;}
	
#title {
	padding: 6px 0 5px 15px;
	font-size: 100%;
	width: 200px;
	}
	
#breadcrumbs {font-size: 100%;}
	
/* Main Structure
----------------------------------------------- */
	
/* Content
----------------------------------------------- */
#content {
	width: 760px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 720px;
	}
	
#main-body-index #content {
	padding: 0 0 0 20px;
	width: 780px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 740px;
  	color: white;
	}
	
	
html> #content { /* be nice to Opera */
  	width: 960px;
	} 
	
h2 {font-size: 170%; }
#main-body-index h2 {font-size: 150%; }
	

	
	
	
/* Column 01 - left navigation & Sub Navigation - Column 01
----------------------------------------------- */

#col_01 {width: 200px; margin-top: 0;}
#sub_nav {font-size: 90%;}
#sub_nav li {margin-bottom: 6px;}
#sub_nav li.indent {padding-left: 8px;}



	
	
/* Just Homepage Elements
----------------------------------------------- */	

#main-body-index .col_60 p {font-size: 85%;}

#flash-banner {margin: 0 0 30px;z-index: 2;}
#newsletterSub {margin: 30px 0; color: white; background-color: #2f78a8; border: 1px solid #1a567f; padding: 0 10px 10px;}
#newsletterSub p {margin: 0; padding: 0 0 .4em; font-size: 90%;}
#newsletterSub .inputfield-ebulletin {width: 98%; font-size: 90%; color:black;}
#newsletterSub .inputsend {font-size: 90%; }

img.benStage {float: right; margin: 0 0 10px 10px; border: 1px solid #1a567f;}

#badges {clear: both; width: 100%; padding: 10px 0; border-top: 1px solid #196296; background-color: #2f78a8; text-align: center;}
img.skillsetBadge {margin: 0 20px;}

#leftColHome {float: left; width: 180px; margin-top: 0; padding:0 10px;}
#rightColHome {float: left; width: 220px; margin-top: 0; padding:0;}

body #leftColHome h3 {color: white; font-size: 130%; margin-top: 0; border-bottom: 1px solid #2f78a8;  line-height: 120%; }
body #rightColHome h3 {color: white; font-size: 140%; margin-top: 0; border-bottom: 1px solid #2f78a8;  line-height: 120%; }

#googleSiteSearch { background-color: #2f78a8;  padding: 10px 5px; margin: 0 0 30px 0; padding-left: 10px;}
#googleSiteSearch p {margin: 0; padding: 0 0 .4em; font-weight: bold; font-size: 100%;}

ul#courseDates  { list-style-type: none; margin: 0; padding: 0;}
ul#courseDates  li {font-size: 90%; margin: 0; padding: 0 0 10px 0; line-height: 120%;}
ul#courseDates a {text-decoration: underline;}

#coursesPub {margin: 0; padding: 0 12px 0; border-bottom: 1px solid #2f78a8;}
#coursesPub p, #workshopsPub p  {font-size: 90%; margin: 0 0 5px; padding: 0; line-height: 120%;}
#workshopsPub {margin: 12px 0; padding: 0 12px;}

#greatestNews {color: white;}
#greatestNews p {line-height: 100%;}
#greatestNews ul { list-style-type: none; margin: 0; padding: 0; text-transform: lowercase;}
#greatestNews ul li {font-size: 80%; margin: 0; padding: 0 0 10px 0; line-height: 100%;}
#greatestNews a {text-decoration: none;}

img.miniBannerRight, img.miniBannerLeft  {margin-bottom: 10px;}




/* Columns 
----------------------------------------------- */

div.col_100 {
	margin: 20px 0 0 0;
	padding: 0;
	width: 100%;
	}
	
	

div.col_60 {width: 500px;}

	
div.col_40 {width: 200px;}
div.col_40 p, div.col_40 p.index, div.col_40 p.caption {font-size: 85%;}
	
	

	
/* Wide Page
----------------------------------------------- */
	
#main-body-clean {background-color: White;}
	
#content-wide {
	float: left;
	margin: 10px 0 0 0;
	padding: 0 20px;
	width: 750px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 710px;
	}

#content-wide-screening-room {
	float: left;
	width: 800px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 800px;
	}


	
html>#content-wide { /* be nice to Opera */
	width: 750px;
	}
	
#content-wide div.col_60 {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	width: 480px;
	}

#content-wide div.col_40 {
	float: left;
	margin: 0;
	padding: 0;
	width: 210px;
	}





/* Footsie
----------------------------------------------- */
	
#footer {height: auto; padding: 10px;}
#footer p {font-size: 80%;}
#footer ul {font-size: 80%; }

img.lfs_50th, img.lfs_ScreeningRoom {
	float: right;
	margin: 6px;
	padding: 0;
	border: 1px solid #3b3e41;
	}

#socialise {clear: both; margin: 10px 0; border-top: 1px solid #3b3e41; padding-top: 6px;}

#socialise p {margin: 0; padding:0;}

#footer .twitter {background: transparent url(../images/twitterIcon.gif) no-repeat 0 0; padding: 2px 0 2px 18px;}
#footer .facebook {background: transparent url(../images/facebookIcon.gif) no-repeat 0 0; padding: 2px 0 2px 18px;}