/*Basic html tags*/


/*wild card gets rid of all default browser margins and padding*/
* {
	margin: 0em;
	padding: 0em;
	}


html { 
	background:#E1F1F0;
	padding-top:12px;
	padding-bottom:12px;
	}



/*Sets whole site page margins and font*/

body {
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	width: 975px;
	text-align: left;
	background: #006699;
	border-right: 1px solid #111;
	border-left: 1px solid #111;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	}
	
body#wide {
	width: 1606px;
	
	}
	
	
body#wide #container {
	padding:12px;
	}

body#wide #container h1{
	padding:0px;
	}


	
#container	{
	background: #fff;
	margin-top:0;
	padding-top:0;	
	}




body,p,h1,h2,h3,h4,td,div,ul,li,ol,blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}




/*<h1> is only for the page heading*/


#content h2, #content h3, #content h4 {
	letter-spacing: 0.02em;
	color: #005E52;
	background-color: #fff;
	font-weight: bold;
	}



h1 {
	font-size: 2.4em;
	font-weight: normal;
	color: #fff;
	padding-top: 3px;
	padding-bottom: 5px;
	letter-spacing: 0.02em;
	margin-bottom: 42px;
	background-color: #008D7C;
	clear:both;
	margin-top:12px;
	padding-left:12px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-shadow: 1px 1px 0px #000;
	}
	
	

#content h2 {
	font-size: 1.6em;
	margin-bottom: 12px;
	margin-top: 25px;
	padding-top:8px;
	}


#content h3 {
	font-size: 1.3em;
	margin-top: 24px;
	margin-bottom: 0;
	padding-bottom:6px;
	}


#content h4 {
	font-size: 1.3em;
	margin-top: 1.05em;
	margin-bottom: 0.6em;
	}
	
	#content ul {
	margin-top:0;
	}


/*Body text for whole site*/

p, li {
	font-size: 1.05em;
	color: #000;
	line-height: 1.65;
	background-color: #fff;
	} 


p	{
	margin-bottom: 0.45em;
	margin-top: 0.2em;
	}



/*<span class="bolder"> is only to be used where emphasis is needed NOT just presentational*/
strong {
	font-weight: bold;
	}


.superscript {
	font-size: 0.75em;
	vertical-align: super;
	}


/*<hr> will be phased out when we use more #divs*/

hr {
	padding-top: 0.7em;
	padding-bottom:0.4em;
	display: block;
	height: 1px;
	border-top: 1px solid #999999;
	clear:right;
	}
	
	
	

/*Use ONLY for quotes - otherwise change margins and padding of #div. For the blockquote opening paragraph the first line is negatively indented so that the inverted commas are OUTSIDE the text block*/



blockquote p{
	color: #000077;
	font-weight: normal;
	line-height: 1.3em;
	text-align: left;
	padding-left: 0px;
	margin-left: 1em;
	margin-bottom: 1.2em;
	margin-top: 0.4em;
	letter-spacing: -0.01em;
	font-size: 1.1em;
	text-indent: -0.47em;
	background-color: #fff;
	}
	

/*This is for a second paragraph where there is no inverted commas and the indent is adjusted to take acount of this. Tighter margin above and below brings second paragraph a touch closer*/

blockquote p.noindent{
	text-indent: 0em;
	margin-top: -0.9em;
	margin-bottom: 0.65em;
	}



/*Basic links within text- does not apply to navigation links/lists*/

a:link {
	color: #005E52;
	text-decoration: underline;
	}
	
a:visited {
	color: #000033;
	text-decoration: underline;
	}


a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #005E52;
	}


a:active {
	color: #fff;
	text-decoration: none;
	background-color: #005E52;
	}




/*Basic lists - does not apply to navigation lists*/

ul {
	list-style-image: none;
	color: #000;
	list-style-type: square;
	margin-top: 0.75em;
	margin-left: 1em;
	margin-bottom: 0.6em;
	}
	
	
	
	/*Sub list - list within a list*/
ul ul	{
	list-style-position: outside;
	list-style-image: none;
	font-size: 1em;
	color: #000;
	line-height: 1.45em;
	list-style-type: disc;
	margin-top: 0.5em;
	margin-left: 1em;
	}
	
	
	

li {
	margin-bottom: 0.24em;
	}
	
	
	
		
.pdf
	{
	list-style-image: url(../images/navigation/pdf_icon.jpg);
	}


ul.pdf {
	margin-top: 2em;
	margin-left:30px;
	}



.pdf li {
	margin-bottom: 1em;
	margin-top: 1em;
	}




ul.mp3 li
	{
	list-style-image: url(../images/navigation/mp3-icon.jpg);
	margin-bottom: 1em;
	}




ul.pdf li.pptlist {
	list-style-image: url(../images/powerpoint_icon.jpg);
	margin-bottom: 1em;
	}
	
	

/*Other text styles - these will be phased out as the site develops*/




.captionx {
	font-size: 0.95em;
	font-weight: normal;
	color: #008D7C;
	text-align: center;
	letter-spacing: -0.03em;
	margin-top: -0.8em;
	margin-bottom: 1em;
	}




.captleftCopy {
	font-size: 1.2em;
	text-align: left;
	color: #008D7C;
	}
	
	


.table-centred {
	font-size: 1.16em;
	list-style-position: outside;
	list-style-type: disc;
	color: #000;
	line-height: 1.5em;
	vertical-align: middle;
	margin-right: 0.6em;
	margin-top: 0.75em;
	}

/*This is a grey font for technical data/dates on news pages etc*/

.feint-data {
	color: #666666;
	}
	
	

/*Specific to template*/


/*all top navigation, banner and text - this is the header area*/

#alltop {
	background:#fff;
	}
	



#alltop a:link img, #alltop a:visited img  {
	border-bottom: 2px solid white;
	}
	

	
#alltop a:hover img,  #alltop a:active img {
	border-bottom: 2px double #008D7C;
	background: #fff;
	text-decoration: none;
	}
	
	
	

/*This is the horizontal image - the id controls the margins only*/
















/*This is the div containing left navigation and content - not header or footer*/

#belownav {
	
	}





/*Left navigation - button type - it is displayed as  'block' so that clicking on the 'box' triggers the link as well as the text*/



#nav {
	margin-top: 0px;
	margin-left:12px;
	float: left;
	margin-bottom: 12px;
	width:168px;
	background: #E1F1F0;
	padding: 10px 7px 4px 6px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #ccc;
	}

#nav ul{
	margin-left:0;
	padding-left:0;
	margin-top:0;
	}
			

#nav ul li {
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 15px;
	height: 2em;
	}
	
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:hover, #nav ul li a:active {
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 4px 6px;
	letter-spacing: 0.02em;
	font-size: 0.9em;
	border-left: 2px solid #ccc;
	border-top: 2px solid #ccc;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	}

#nav ul li a:hover, #nav ul li a:active {
	padding: 3px 3px 5px 5px;
	border-left: 2px solid #000;
	border-top: 2px solid #000;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	}
	

#nav a:link {
	color: #fff;
	background-color:#008D7C;
	}

#nav a:visited {
	color: #fff;
	background-color:#008D7C;
	}

#nav a:hover {
	color: #FFFFCC;
	background-color: #000;
	}
	

#nav a:active{
	color: #FFFF33;
	background-color: #111;
	border-color:#ffff33;
	}




#newsbox{
	float: right;
	border: 1px solid #000;
	padding: 0.3em;
	margin-top: 2em;
	clear: right;
	}

#newsbox ul{
	list-style-image: none;
	list-style-type: none;
	margin-left: 0em;
	}

#newsbox li{
	margin-left: 0em;
	}


/*I think the content div positions the main (editable region) body to the right of the left navigation*/

#content {
	margin-top: 20px;
	bottom: 20px;
	padding-left:212px;
	background: #fff;
	padding-right:12px;
	}
	
	
	
	
	
	/*This is the horizontal footer box containing footer navigation, logos, company info etc*/

#footall	{
	padding-bottom:8px;
	clear:both;
	}





/*footer navigation - text type - no underline or box - they are an <ul>, but displayed horizontally (inline)*/


#footnav{
	margin-top: 0;
	background-color:#008D7C;
	padding-top: 0.2em;
	padding-bottom: 8px;
	border-top: 1px solid #000;
	border-right: 0px none #000;
	border-bottom: 1px solid #000;
	border-left: 0px none #000;
	}
	
	

#footnav ul{
	display: inline;
	color: #006699;
	margin-left: 12px;
	text-align: center;	
	}

#footnav li{
	list-style-type: none;
	text-align: center;	
	display: inline;
	margin-right: 1.65em;
	font-size: 0.88em;
	letter-spacing: 0.02em;
	color: #fff;
	background-color:transparent;
	}
	
	
	

#footnav li a:link {
	text-decoration: none;
	color: #fff;
	padding:3px;
	background-color:transparent;
	}

#footnav li a:visited {
	text-decoration: none;
	color: #fff;
	background-color:transparent;
	}

#footnav li a:hover {
	text-decoration: none;
	color: #000;
	background-color:white;
	}

#footnav li a:active {
	text-decoration: none;
	color: #000;
	background-color:white;
	}


/*image positioning, margins and borders - on this site default images are not to have borders*/

img {
	border: 0px none;
	background-color: #fff;
	}
	

.photoright {
	border: 0px none;
	float: right;
	clear: none;
	margin-left: 10px;
	margin-bottom: 5px;
	}

.container-right {
	border: 0px none;
	float: right;
	clear: right;
	margin-left: 14px;
	}





.container-right p{
	color: #008D7C;
	font-size: 0.94em;
	letter-spacing: -0.04em;
	text-align: center;
	vertical-align: top;
	line-height: 1.2em;
	margin-top: -0.3em;
	margin-bottom: 0.3em;
	}


.photoleft {
	border: 0px none;
	float: left;
	clear: left;
	margin-right: 10px;
	margin-bottom: 5px;
	}

#container-left	{
	float: left;
	}

/*logos are told to have no borders nor background colours when they are links in all states l,v,h,a */

#logosfooter {
	margin-top: 1em;
	margin-left: 11px;
	}


#logosfooter img.no_marg {
	margin-right:-70px;
	}


#logosfooter a:link,#logosfooter a:visited,#logosfooter a:hover,#logosfooter a:active{
	border: 0px none;
	background-color: #fff;
	}



/*Controls spacing between logos (images) in the logofooter div*/

#logosfooter img{
	margin-right: 65px;
	border: 0px none;
	}




/*This constrains the width of text and right aligned images and brings them closer together as they take up too much page width*/

#constrainwidth {
	width: 79%;
	margin-top: 15px;
	margin-bottom: 0.1em;
	clear:right;
	padding-top:15px;
	}

#constrainwidth ul {
	margin-left: -0.12em;
	}
	

/*This constrains the space after the <p> tag in the constrainwidth div to bunch up the text and images which are too widely spaced and take up too much page height*/

#constrainwidth li{
	margin-bottom: 4.7em;
	list-style-image: none;
	list-style-type: none;
	display: block;
	}
	
	#constrainwidth .photoright {
	clear: right;
	float: right;
	margin-top: -27px;
	}
	
	
.bold-presentational {
	font-weight: bold;
	}




#voice_collage {
	margin-top: 1em;
	margin-bottom: 1em;
	}



.voice_strapline {
	text-align: left;
	vertical-align: top;
	margin-top: 0.3em;
	}





.container_left_half_page {
	border: 0px none;
	float: left;
	margin-right: 4px;
	}
	
	
.container_left_half_page p {
	color: #005E52;
	font-size: 1.25em;
	letter-spacing: -0.05em;
	text-align: center;
	vertical-align: top;
	line-height: 1.2em;
	margin-top: -0.3em;
	padding-bottom: 1.4em;
	}



.clear_left_and_right	{
	clear: both;
	float: left;
	padding-top: 1em;
	}


#links_section {
	width:700px;
	}
	
	
#links_section img	{
	border: 0px none #fff;
	clear: right;
	float: right;
	margin-bottom:6px;
	}


#links_section p {
	clear: both;
	margin-top: 15px;	
	}

#links_section a:link, #links_section a:visited {}

#links_section a:hover, #links_section a:active {
	text-decoration: none;
	}


.frame_image {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #000;
	}

.clear {
	clear:right;
	}
	
	
.bolder { 
	font-weight: bold; 	
	}
	
#newspage h2 {
	margin-top: 27px;
	padding-top:14px;
	border-top:1px dotted #111;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear:right;
	}
	
#newspage h2.no_border, h2.no_border {
	border-style: none;
	padding-top:0;
	margin-top:0px;
	border-width: 0px;
	}
	

#content ul.bullet li, #content #newspage ul.bullet li	{
	list-style: url(../images/bullet_2.gif);
	margin-left:12px;
	padding-left:10px;
	}