/*** Set defaults ***/

p {
	font-size: 1em;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#333;
	margin: 0;
	opacity: .9999;
}

/*** Layout divs ***/

#page {
	width:100%;
	text-align:center;
	background-color: #fff;
  	}

#banner {
	width:100%;
	text-align:left;
	background: transparent;
}

#content {
	max-width: 60em;
	margin: auto;
	text-align:left;
	padding: 12px;
	background-color: #ffffff;
	opacity: .9;
}

#footer {
	text-align:left;
	height: 1.8em;
	margin-top: 1em;
	background-color:#6785c1;
	color:#fff;
	font-size: .7em;
	padding: 4px 0 0 6px;
	clear: both;
}

#footer a {
	color: white;
}

.clearboth {
	clear: both;
}

div.clearboth {
	height: 16px;
}

/************** Global links **************/

#toplinks {
	background-color:#e5eaf5; /* was #dedede */
	height: 1.2em;
	font-size: x-small;
	text-align: right;
	border-bottom: 1px solid #666666;
	padding: 2px 4px;
}

#toplinks ul {
	float: right;
	margin: 0; 
	list-style: none;
	}

#toplinks li {
	display: block; 
	float: left;
	}

#toplinks li a {
	color:#333333;
	text-decoration:none;
	padding: 2px 6px;
	border-left: 1px solid #999999;
	font-weight: normal;
}

#toplinks a:hover {
	color:#eeeeee;
	background-color:#999999;
	text-decoration:none
}

/** Branding **/

#branding {
	background-color: #ffffff;
	height: 45px;
	width: 100%;
	text-align:left;
}

/*** Search ***/
#searchbox {
	float:right;
	top: 0;
	margin: 12px 4px;
	height: 18px;
	}

.hidden {
	top: -999px;
	position: absolute;
	}
	
#search {
	font-size: .8em;
	color: #666666;
	background-color: #ffffff;
}

#go {
	vertical-align:top;
}

#navwrapper {
	width: 100%;
	text-align: center;
	padding-bottom: 9px;
	background-image:url(../i/shadow.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* Global navigation */

#globalnav {
	max-width: 60em;
	margin: auto;
	text-align:center;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}

.nav {
	margin: 0; 
	padding: 0;
	list-style: none;
	width: 100%;
	font-size: .7em;
	font-weight: bold;
}

.nav li {
	display: block; 
	float: left;
	background-color: #ffffff;
	vertical-align: bottom;
}

.nav li a {
	display: block;
	color: #999;
	text-decoration: none;
	width: 11em;
	padding: 5px;
	border-left: 1px solid #ccc;
	}
	
.nav li a:hover {
	background-color: #cccccc;
	color: #666666;
    border-left: 1px solid #fff;
}	

.nav li.selected, .nav li.selected a, .nav li a.selected {
	background-color: #cccccc;
	color: #fff;
    border-left: 1px solid #fff;
}


/*** Main content ***/

#navigation {
	width: 12em;
	float: left;
	padding: .5em;
	border: 1px solid #6785c1;
	display: inline;
	/* margin-right: 20px; */
}

#maincontent {
	padding: 0 15px 0 15px;
	background:transparent; 
	text-align:left; 
	border: 0;
	overflow:auto; 
	/* 

	height: 100%;
	width: 560px;
	float: left;
	margin: 0 .5em 0 0;
	padding: 12px;
	border: 1px solid #ccd6eb; 
	*/
}
/*
#maincontent #maincontent {
		background:transparent; 
		text-align:left; 
		overflow:auto; 
		margin: 0;
		padding: 0;
		height: 100%;
		border: 0;
		border: 1px solid #ccd6eb; 
}
*/

/*** Section navigation ***/

.sectionnavigation ul {
	margin: 0;
	padding: 0;
}

ul.sectionnavigation {
	margin: 0; 
	padding: 0;
	border: 0;
	width: 100%;
	font-weight: bold;
	text-align:left;
	font-size: 80%;
}

.sectionnavigation li {
	display: block;
	list-style: none;
}

.sectionnavigation li a {
	display: block;
/*	color: #6785c1; */
	color: #8098cb;
	text-decoration: none;
	padding: 5px;
	border-bottom: 1px solid #6785c1;
	margin:0;

	}
	
.sectionnavigation li a:hover {
	background-color: #ccd6eb;
	color: #365dab;
	}
	
.sectionnavigation li.selected {
	color: #003399;
	padding: 5px;
}

.sectionnavigation li li {
	padding-left: 4px;
	background: url(../i/ancestor.gif) no-repeat top left;
}

.sectionnavigation li.selected {
	padding-left: 12px;
	background: url(../i/selected.gif) no-repeat top left;
}

.sectionnavigation li.selected ul {
	border-top: 1px solid #6785c1;
	margin-top: 4px;
	list-style: none;
}

li.selected li {
	background-image: none;
}

/* ************** Highlight child pages ********************** */

#navigation ul.sectionnavigation li#currentpage {
	background-image: url(../i/selected_parent.gif);
	background-repeat: no-repeat;
	padding-bottom: 0;
}

#navigation ul.sectionnavigation li.selected {
	color: #365dab;
	text-decoration: none;
	border-bottom: 1px solid #ccd6eb;
	margin:0;	
	background-color: #ccd6eb;
}

#navigation ul.sectionnavigation li.selected ul {
	margin-left: -12px;
}

#navigation ul.sectionnavigation li.selected ul li {
	padding: 0;
	margin-right: -5px;
	background-color: #ffffff;
}

#navigation ul.sectionnavigation li.selected li a {
	padding-left: 12px;
	border-bottom: 0;
	border-top: 1px solid #ccd6eb;
	color: #365dab;
	font-weight: bold;
}
	
#navigation ul.sectionnavigation li.selected li a:hover {
	background: #ccd6eb url(../i/selected.gif) no-repeat top left;
	border-top: 1px solid #ffffff;
}

/* End highlight */

/* *************  Helpline  ************** */

#helpline {
	margin-top: 12px;
	background-color: #ccd6eb; 
	color: #365dab; 
	border: 1px solid #365dab
}

#helpline h2 {
	font-size: 1em; 
	background-color: #365dab; 
	color: #ccd6eb; 
	padding: 4px; 
	margin-top: 0;
}

#helpline p {
	font-family: Arial;
	font-size: 90%; 
	padding: 0 4px
}

/* *************  Now's the time to ask  ************** */

#timetoask {
	margin-top: 12px;
	background-color: #ccd6eb; 
	color: #365dab;
	padding-bottom: 4px;
	background: #ccd6eb url(../i/swathe.jpg) 1320px 820px;
	opacity: .9;
}

#timetoask h2 {
	font-size: 1em; 
	background: #365dab url(../i/blue_header.jpg) no-repeat top right;
	color: #ccd6eb; 
	padding: 8px 4px; 
	margin-top: 0;
}

#timetoask p {
	font-family: Arial;
	font-size: 90%; 
	padding: 0 4px
}

#timetoask a {
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}

#timetoask a:visited {}

#timetoask a:hover {
	color: #79c262;
	border-bottom: 1px solid #79c262;
}

#timetoask a:active {}

/* ** Typography ** */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
}

h1 {
	font-size: 1.8em;
	margin:0 0 24px 0;
}

h2 {
	font-size: 1.6em;
	/* margin:24px 0 0 0; */
	margin: 0;
}

h3 {
	font-size: 1.2em;
	margin:24px 0 0 0;
}

h4 {
	font-size: 1em;
	margin:12px 0 0 0;
}

h5 {
	font-size: .9em;
	margin:8px 0 0 0;
}

h6 {
	font-size: .8em;
	margin:8px 0 0 0;
}

p {
	line-height: 140%;
}

.small {
	font-size: 90%;
}

.smaller {
	font-size: 80%;
}

.large {
	font-size: 110%;
}

.larger {
	font-size: 120%;
}

/* ** Link styles ** */

/* ** default links ** */

#maincontent a:link {
	color: #365dab;
	text-decoration: none;
	font-weight: bold;
}

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

#maincontent a:hover {
	text-decoration: underline;
	color: #79c262;
	/* border-bottom: 1px solid #79c262; */
}

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

/* ** Headings as links  ** */

#maincontent h2 a:link, #maincontent h3 a:link, #maincontent h4 a:link, #maincontent h5 a:link, #maincontent h6 a:link {
	display: block;
	text-decoration: none;
	padding: 2px 0;
}

#maincontent h2 a:hover, #maincontent h3 a:hover, #maincontent h4 a:hover, #maincontent h5 a:hover, #maincontent h6 a:hover {
	display: block;
	/* background-color: #365dab;
	color: #ffffff; */
	text-decoration: none;
}



/* ** Action links ** */

a.action {
	display: block;
	padding-left: 16px;
	background: url(../i/actionlink.gif) no-repeat top left;
}

a:visited.action {
	background: url(../i/actionlink_visited.gif) no-repeat top left;
}

a:hover.action {
	background: url(../i/actionlink_hover.gif) no-repeat top left;
}

a:active.action {
	background: url(../i/actionlink_active.gif) no-repeat top left;
}

/* ************ Toggle subtitles for video content *********** */
/*               Also used for button style links              */

#video p.subtitlesToggle {
	margin: 2em 0 2em 2em;
	text-align: left;
	font-size: 90%;
}

#video p.subtitlesToggle a, #maincontent a.button {
	color: #ffffff;
	background-color: #6785c1;
	padding: .5em 1em;
	margin: 1em 0;
	border: #ccdce9 2px double;
}

#video p.subtitlesToggle a:visited, #video p.subtitlesToggle a:active, #video p.subtitlesToggle a:hover,
#maincontent a.button:visited, #maincontent a.button:hover, #maincontent a.button:active {
	color: #ffffff;
	text-decoration: none;
}

#video p.subtitlesToggle a:hover, #maincontent a.button:hover {
	background-color: #ccdce9;
	color: #6785c1;
	border: #6785c1  2px double;
}

/* */

a.jsbutton {
	color: #ffffff;
	background-color: #6785c1;
	padding: .5em 1em;
	margin: 1em 0;
	border: #ccdce9 2px double;
	font-weight: bold;
	text-decoration: none;
}

a.jsbutton:hover, a.jsbutton:active {
	color: #ffffff;
	text-decoration: none;
}

a.jsbutton:hover {
	background-color: #ccdce9;
	color: #6785c1;
	border: #6785c1  2px double;
}

/* ** white links ** */

a.white {
	color: #ffffff;
	text-decoration: none;
}

a.white:hover {
	text-decoration: underline;
}

/* ** Data tables ** */

table.data {
	border: 0;
	padding: 0;
	margin: 0;
	border-spacing: 0;
	border-left: 1px solid #99add5;
	font-size: .9em;
}

caption {
	text-align:right;
	padding: 1em 0 .5em .25em;
	color:#666666;
	font-style:oblique;
	font-size: .9em;
}

.header th {
	background-color: #365dab;
	color: #ccd6eb;
	border-right: 1px solid #99add5;
	margin: 0;
	padding: 6px;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
}

.data td {
	border-right: 1px solid #99add5;
	border-bottom: 1px solid #99add5;
	padding: 6px;
	text-align: left;
	vertical-align:baseline;
}
	
.odd td {
	background-color: #ffffff;
	color: #365dab;
}

.even td {
	background-color: #ccd6eb;
	color: #003399;
}





/*				Images              
                              */

.rightalign {
	float: right;
	margin-left: 6px;
}

.leftalign {
	float: left;
	margin-right: 6px;
}

a img {
	border: 0;
}

a:hover img {
	opacity: .5;
}


/* Quotations and citations */

blockquote.standard {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../i/openquotes.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0 0 6px 24px;
	padding-left: 24px;
	color: #365dab;
	font-weight: bold;
	line-height: 1.8;
}

cite {
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 48px 0 12px 48px;
}


/*	Pull quotes for news articles
	Font and background colours can be specified in section style sheets */

blockquote.pullquote {
	background-image: url(../i/openquotes.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0 0 6px 6px;
	font-weight: bold;
	width: 30%;
	float: right;
}

blockquote.pullquote p {
	background-image: url(../i/endquotes.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 12px 24px;
}
/* This rule is hidden from IE6 */
blockquote.pullquote>p {
	padding: 4px 24px;
}

/* ** Accessibility ** */

abbr {
	cursor: help;
}

a:focus, input#txtSearchBox:focus {
	background-color: #cdeafa;
}

input[type="checkbox"]:focus + label {
		background-color: #cdeafa;
}


/* **                Sitemap             ** */
ol#sitemap {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ol#sitemap li {
	list-style-type: none;
	padding: 2px 0 0 12px;
	background: #fff url(../i/selected.gif) no-repeat top left;
}

ol#sitemap ol {
	margin: 0;
	padding: 0 0 0 12px;
	font-size: 97%;
}

/* **              Event bookings             ** */

body#ID182658 div#navigation {
	 display: none; 
}

body#ID182658 div#content {
	width: 98%;
	max-width: 98%
}

/* ****************   Media player *********************** */

#maincontent #feature a img, #maincontent #newsresults a img{
	float: left;
	margin: 0 12px 8px 0;
	clear: right;
}

body#ID164462 #feature {
	margin-bottom: 36px;
	clear: both;
}

body#ID164462 #maincontent dl {
	position: relative;
	/* right: 24px; */
}

body#ID164462 #maincontent dt {
	clear: both;
}


body#ID189880 #maincontent dl {
	position: relative;
	right: 24px;
}

body#ID189880 #maincontent dt {
	clear: both;
}

body#ID189880 #feature {
	margin-bottom: 36px;
}

body#ID189880 dd.summary {
	font-size: 90%;
	margin-top: 8px;
}

h3#infohead a.expand {
	background: transparent url(../i/plus.gif) no-repeat center left;
	padding-left: 18px;
}

h3#infohead a.expand:hover {
	background-image: url(../i/plus_hover.gif);
}

h3#infohead a.contract {
	background: transparent url(../i/minus.gif) no-repeat center left;
	padding-left: 18px;
}

h3#infohead a.contract:hover {
	background-image: url(../i/minus_hover.gif);
}

div#info {margin-left: 18px;}

/* ****************  Social media links 
                     DO 21/05/10           *********************** */

ul#socialmedia {
  height: 58px;
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

ul#socialmedia li {
  display: inline;
  float: left;
  width: 60px;
  margin-right: 10px;
  text-indent: -999em;
}

ul#socialmedia li a {
  display: block;
  height: 58px;
  background: #ffffff url(../i/socialmedia.gif) no-repeat left top;
  position: relative;
}

ul#socialmedia li a:hover {
  opacity: .5;
}

ul#socialmedia li.twitter a {
  width: 60px;
}

ul#socialmedia li.linkedin a {
  width: 60px;
  background-position: -70px;
}

ul#socialmedia li.youtube a {
  width: 100px;
  background-position: -130px;
}

/* ****************  dltoggle
                     DO 21/07/10           *********************** */

dl#toggle dt {font-size: 1.3em; color: #365dab; margin-top: 1em;}
dl#toggle dt.show {background: url(../i/plus.gif) no-repeat left 4px; padding-left: 16px;}
dl#toggle dt.hide {background: url(../i/minus.gif) no-repeat left 4px; padding-left: 16px;}
dl#toggle dt:hover, dl#toggle dt:focus {text-decoration: underline; cursor: pointer; color: #5aba47}
dl#toggle dd {padding-left: 0; margin-left: 0; overflow: hidden;}