/*
	Layout Divs
----------------------------------------------------------	*/
html {
}

body {
	text-align:center;
	margin:0 auto;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#363636;
	background-color:#fff;
}

div#container {
	margin: 0 auto;
	width:960px;
	text-align:left;
}


div#container div.container_wrap {
	margin:0;
	padding:0;
}

div#header {
}

div#menu {
	clear:both;
}

div#menu_2 {
	clear:both;
}

div#content {
	clear:both;
	margin-top:30px;
}

div#footer {
	clear:both;
	font-size:11px;
	text-align:center;
	color:#363636;
	padding:10px 0;
}

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

div#header .logo {
	float:left;
}

div#header .links {
	float:right;
}

div#header .links a.menu_button {
	color:#636363;
	font-size:12px;
	background-color:#dddddd;
	border-bottom:3px solid #dddddd;	
	padding:1px 15px 0px 15px;
	line-height:30px;
	text-decoration:none;
	display:inline-block;		
	margin-left:7px;
}

div#header .links a.active {
	border-bottom:3px solid #636363;
}


div#header .links a.menu_button:visited {
	text-decoration:none;
}

div#header .links a.menu_button:hover {
	text-decoration:none;
	border-bottom:3px solid #636363;		
}

div#header .links a.menu_button:active {
	text-decoration:none;
}

div#header .icons {
	clear:right;
	float:right;
}

/*
	Facebook Live Styles
----------------------------------------------------------	*/
div#facebook_like {
	width:100px;
	height:60px;
	padding-top:68px;
	float:right;
}

/*
	Add this Styles
----------------------------------------------------------	*/
div#add_this {
	width:245px;
	float:right;
	padding-top:2px;
}

/*
	Menu Styles
----------------------------------------------------------	*/

div#menu .links {
	float:left;
	width:450px;
}


div#menu .links a.menu_button {
	color:#3d3d3d;
	font-size:12px;
	background-color:#dddddd;
	border-bottom:3px solid #dddddd;	
	padding:1px 15px 0px 15px;
	line-height:30px;
	text-decoration:none;
	display:inline-block;		
	margin-right:7px;	
	
}

div#menu .links a.active {
	border-bottom:3px solid #66AACE;
}

div#menu .links a.menu_button:visited {
	text-decoration:none;
}

div#menu .links a.menu_button:hover {
	text-decoration:none;
	border-bottom:3px solid #66AACE;	
}

div#menu .links a.menu_button:active {
	text-decoration:none;
}

div#menu .search {
	float:right;
	width:300px;
	line-height:33px;
	text-align:right;
}

div#menu .search input.input-text {
	border:2px solid #e0e0e0 !important;
	margin:0px 10px !important;
	color:#000;
	padding:2px !important;
	background-color: #FFF;
	background-image: none !important;
	width: 195px;	
}

div#menu .search input.search_button {
	vertical-align:middle;
}

/*
	Menu 2 Styles
----------------------------------------------------------	*/

div#menu_2 {
	border-top:7px solid #fff;
	background-color:#dddddd;
	line-height:36px;	
}

div#menu_2 a.menu_button {
	color:#3d3d3d;
	font-size:12px;
	background-color:#dddddd;
	border-bottom:2px solid #dddddd;	
	padding:1px 10px 0px 10px;
	line-height:30px;
	text-decoration:none;
	display:inline-block;		
	margin-right:0px;	
	
}

div#menu_2 a.active {
	border-bottom:2px solid #999;
}

div#menu_2 a.menu_button:visited {
	text-decoration:none;
}

div#menu_2 a.menu_button:hover {
	text-decoration:none;
	border-bottom:2px solid #999;	
}

div#menu_2 a.menu_button:active {
	text-decoration:none;
}

div#menu_2 .links {
}

/*
	Content Image Right Styles, e.g. home page
----------------------------------------------------------	*/
.content_image_right div.left_column {
	width:280px;
	margin-right:55px;	
	float:left;
}

.content_image_right div.middle_column {
	width:378px;
	margin-right:64px;
	float:left;	
	margin-left:10px;
}

.content_image_right div.right_column {
	width:160px;
	float:right;
}

/*
	Content Image Left Styles, e.g. home page
----------------------------------------------------------	*/
.content_image_left div.left_column {
	width:378px;
	margin-right:64px;
	float:left;	
	margin-left:10px;
}

.content_image_left div.middle_column {
	width:280px;
	margin-right:55px;	
	float:left;	
}

.content_image_left div.right_column {
	width:160px;
	float:right;
}

/*
	Content Image Left Styles, e.g. home page
----------------------------------------------------------	*/
.content div.left_column {
	width:329px;
	margin-right:64px;
	float:left;	
	margin-left:10px;
}

.content div.middle_column {
	width:329px;
	margin-right:55px;	
	float:left;	
}

.content div.right_column {
	width:160px;
	float:right;
}

/*
	Middle column styles
----------------------------------------------------------	*/
.middle_column .item {
	border-bottom:1px solid #dbdbdb;
	padding-bottom:15px;
}

.middle_column h2 {
	padding-top:0px;
	margin:20px 0;
}	

.middle_column h2.first {
	padding:0px;
	margin:0px 0px 20px 0px;	
}

.middle_column h3 {
	padding-top:0px;
	margin:20px 0;
	font-size:16px;
	font-weight:normal;
}	

.middle_column h3.first {
	padding:0px;
	margin:0px 0px 20px 0px;	
}

/*
	Content left column styles
----------------------------------------------------------	*/
.left_column {
}

.left_column h2 {
}

.left_column h2 {
	padding-top:0px;
	margin:20px 0;
}	

.left_column h2.first {
	padding:0px;
	margin:0px 0px 20px 0px;	
}

.left_column h2.blue {
	padding:0px;
	margin:0px 0px 20px 0px;
	color:#20729e;	
}

.left_column h2.blue2 {
	padding-top:0px;
	margin:20px 0;
	color:#20729e;	
}

.left_column h2.board {
	padding:0px;
	margin:0px 0px 5px 0px;	
}

.left_column h2.red {
	padding-top:0px;
	margin:20px 0;
	color:#9e0b0f;	
}

.left_column img.wrapped{
	float:left;	
	padding-right:10px;
	margin-bottom:0px;
}

.blue_line {
	border-top:7px solid #66aace;
}

.programmes {
	border-top:7px solid #66aace;
	border-bottom:7px solid #66aace;	
	margin:20px 0;
	padding:0px 0px 10px 0px;
}

.programmes .item {
}

.programmes .item p.first {
	padding-top:0px;
	margin-top:4px;	
}

.programmes .item h3 {
	font-size:11px;
	color:#464646;
	font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;	
}


/*
	Homepage news styles
----------------------------------------------------------	*/
.news_list {
	color:#464646;
}

.news_list .news_item {
	border-bottom:1px solid #dbdbdb;
	padding-bottom:10px;
	margin-bottom:15px;
}

.news_list p {
	text-align:justify;
	font-size:11px;
	padding-bottom:0;
	margin-bottom:0;
}


.news_list img.wrapped{
	float:left;	
	padding:10px;
	margin-bottom:5px;
}
.news_list p.first {
	padding-top:0px;
	margin-top:4px;	
}

.news_list h3 {
	padding:0;
	margin:0;
	font-size:11px;
	font-weight:bold;	
}	

.news_list .blue {
	color:#0086ce;
	font-size:8px;
}

/*
	Sidebar Styles
----------------------------------------------------------	*/

.sidebar_item {
	border-bottom:1px solid #dbdbdb;
	padding-bottom:15px;
	margin-bottom:15px;
}

.sidebar_item h2 {
	padding-top:0px;
	margin:10px 0;
	font-size:12px;
}	

.sidebar_item h2.download {
	padding-top:0px;
	margin:10px 0;
	font-size:12px;
	color:#8a191b;
}

.sidebar_item h2.first {
	padding:0px;
	margin:0px 0px 20px 0px;	
	font-size:12px;	
}

.sidebar_item h3 {
	padding-top:0px;
	margin:10px 0;
	font-size:10px;
}	

/*
	Generic styles
----------------------------------------------------------	*/
form {
	display:inline;
}

a:link {
	color:#363636;
	text-decoration:none;
	font-weight:bold;
}

a:visited {
	color:#363636;
	text-decoration:none;
	font-weight:bold;	
}

a:hover {
	color:#363636;
	text-decoration:underline;
	font-weight:bold;	
}

a:active {
	color:#363636;
	text-decoration:none;
	font-weight:bold;	
}

a.blue_text {
	color : #66aace;
}

h2 {
	color:#363636;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}

.justify {
	text-align:justify;
}

a.arrowlink {
	font-size:12px;
	font-weight:bold;
}


/*
	Publication list styles
----------------------------------------------------------	*/
div#publication_list {
	margin:0;
	font-size:9px;	
}

div#publication_list .publication {
	width:100px;
	float:left;
	margin:0 13px 20px 13px;
}

div#publication_list .publication img {
	padding-bottom:3px;
}

div#publication_list .publication img.TEST {
	padding-bottom:3px;
	border-top-style: 5px solid #999;
}

div#publication_list .publication img.BLOCK {
	padding-right:5px;
	padding-top:3px;
}

div#publication_list .publication img.BLOCK2 {
	padding-top:3px;
	padding-left:5px;
}

div#publication_list .publication img.bullet {
	padding-left:3px;
}

div#publication_list .publication a {
	font-size:9px;
}

/*
	Publication styles
----------------------------------------------------------	*/
div.publication {
}

div.publication img {
	text-align:center;
}

div.publication img.TEST {
	text-align:center;
	border-top-style: 5px solid #999;
}

div.publication h1 {
	font-size:16px;
	font-weight:normal;
	line-height:22px;
}

/*

 Programmes
----------------------------------------------------------- */
.programme_list li{
	padding-bottom:10%;
}

/*

 Programmes
----------------------------------------------------------- */
table.staff {
	padding-bottom:20px;
}

table.staff td {
	text-align:left;
	vertical-align:top;
	line-height:18px;
	width:120px;
	padding-right:40px;
}

table.staff img.staff_image {
	border:1px solid #999;
	padding:4px;
	width:100px;
	margin-bottom:5px;
}

table.staff img.gallery_image {
	border:1px solid #999;
	padding:4px;
	width:150px;
	margin-bottom:5px;
}

table.staff img.gallery_image_portrait {
	border:1px solid #999;
	padding:4px;
	width:85px;
	margin-bottom:5px;
}

/* Futurebox styles */

.overlay
{
	width: 100%;
	height: 100%;
	position: absolute; 
	top: 0; 
	left: 0; 
	display: none; 
	z-index: 999;
	background: rgba(0,0,0,0.7);
}
	.overlay a
	{
		display: table-cell; 
		vertical-align: middle; 
		text-align: center;
	}
		.overlay img
		{
			padding: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			background: #ffffff;
		}

.overlay:target { display: table; }


/* 
	In the media
*/	

.mediaitem{
	border-bottom:1px solid #dbdbdb;
	padding-bottom:15px;
	margin-bottom:15px;
}

.mediaitem .file_downloads {
	float:left;
}

.mediaitem .image_downloads {
	float:left;
	margin-left:20px;
}

/*
	Vacancies
*/

.vacancy{
	border-bottom:1px solid #dbdbdb;
	padding-bottom:15px;
	margin-bottom:15px;
}


/*
	CAPTCHA securimage styles
----------------------------------------------------------	*/
div#securimage {
	padding:20px 0px 0px 0px;
	overflow:auto;
}

div#securimage img#siimage {
	padding-right:0px;
	border:1px solid #cecccd;
}

div#securimage-input {
	padding-top:10px;
}

div#securimage-input #securimage_code {
	width:255px;
}

label.validate-error {
	display:block;
	font-style:italic;
	font-weight:bold;
	color:#66AACE;
}

.message {
	color:#66AACE;	
}