/*  Global Styles | fscc.gov.uk | © 2007      */


/* global elements */
* {
	margin: 0;
	padding: 0;
	}
	
a {color: #39C;}
a:hover {color: #073C70;}

html,html body {height:100%;}

body {
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	background: #FFF;
	}

#quote p,.hidden{
	left: -9999px;
	width: 0px;
	overflow: hidden;
	position: absolute;
	}

	
/* This is a fix for the 'Doubled top padding after float bug' in IE 5/6/7 PC:
http://lukeplant.me.uk/articles/webdev/cssbugs/double_padding_on_cleared_divs_report.html */
/* Hides from IE5-mac \*/
* html .gl {height: 1%;}
/* End hide from IE5-mac */




/*  structure  */
.container {
	margin: 0 auto;
	width: 750px;
	height: 100%;
	font-size: 1.2em;
	}

.header {
	background: url(img/header.jpg) no-repeat;
	height: 72px;
	margin: 0 auto;
	width: 750px;
	}
	
#menu {	
	width: 750px;
	height: 27px;
	float: left;
	background: url(img/menu_bg.jpg) no-repeat;
	}

.main, .mainindex {
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
	background: url(img/main_bg.jpg) no-repeat;
	}
	
.main {
	background: url(img/main_bg.jpg) no-repeat;
	}

.mainindex {
	background: url(img/mainindex_bg.jpg) no-repeat;
	}
	

.content {
	float: left;
	width: 50%;
	padding: 15px 20px 0 75px;
	}

.contentlinks, #profile_content {
	float: left;
	width: 605px;
	padding: 15px 20px 0 75px;
	}
	
.footer {
	clear: both;
	color: #073C70;
	line-height: 30px;
	text-align: center;
	border-top: 1px solid #39C;
	padding: 0 0 20px 0;
	width: 750px;
	font-size: 95%;
}

.sidebox {
	float: left;
	width: 185px;
	height: 440px;
	padding: 15px 0 0 20px;
	}

#mapbox {
	height: 180px;
	margin: 45px 0 10px 0;
	background: url(img/mapbox.jpg);
	border: 1px solid #39C;
	}
	
	
	


/* menu */

#menu ul{
	padding: 0 0 0 255px;
	}

#menu li {
	float: left;
	padding: 0 15px;
	list-style-type: none;
	}
#menu a {
	float: left;
	padding: 27px 0 0 0;
	overflow: hidden;
	background-position: 0 10px;
	height: 0px !important; 
	height /**/:27px; /* for IE5/Win */
	}
	
#menu a:hover, #menu .on {
	background-position: 0 -22px;
	}

#menu a:active, 
#menu a.selected{
	background-position: 0 2px no-repeat;
	}	

#home a {
	width: 34px;
	background: url(img/m_home.gif) 0 2px no-repeat;
	}
	
#profile a {
	width: 46px;
	background: url(img/m_profile.gif) 0 2px no-repeat;
	}

#about a {
	width: 41px;
	background: url(img/m_about.gif) 0 2px no-repeat;
	}	
	
#reports a {
	width: 53px;
	background: url(img/m_reports.gif) 0 2px no-repeat;
	}
	
#links a {
	width: 34px;
	background: url(img/m_links.gif) 0 2px no-repeat;
	}
	
#contact a {
	width: 56px;
	background: url(img/m_contact.gif) 0 2px no-repeat;
	}






/* text styles */
p{
	padding: 0 0 1.2em 0;
	}

h1 {font-size: 1.5em;}

h1.welcome, 
h1.profile, 
h1.about, 
h1.reports,
h1.links,
h1.contact,
h1.map,
h1.mainscheme, 
h1.transscheme,
h1.views,
h1.final,
h1.annual,
h1.other,
h1.indinv {
	float: left;
	padding: 42px 0 0 0;
	overflow: hidden;
	width: 400px;
	height: 0px !important; 
	height /**//**/:42px; /* for IE5/Win */
	}


h1.welcome {background: url(img/H_welcome.gif) no-repeat;}
h1.profile{background: url(img/H_profile.gif) no-repeat;}
h1.about{background: url(img/H_about.gif) no-repeat;}
h1.reports{background: url(img/H_reports.gif) no-repeat;}
h1.links{background: url(img/H_links.gif) no-repeat;}
h1.contact{background: url(img/H_contact.gif) no-repeat;}
h1.map{width: 185px; background: url(img/H_map.gif) no-repeat;}
h1.mainscheme{background: url(img/H_mainscheme.gif) no-repeat;}
h1.transscheme{background: url(img/H_transscheme.gif) no-repeat;}
h1.views{background: url(img/H_views.gif) no-repeat;}
h1.final{background: url(img/H_finalrep.gif) no-repeat;}
h1.annual{background: url(img/H_annualrep.gif) no-repeat;}
h1.other{background: url(img/H_otherrep.gif) no-repeat;}
h1.indinv{background: url(img/H_indinvrep.gif) no-repeat;}



ul{
	/*font-size: 1.2em;*/
	}

.content ul{
	padding: 0 10px;
	}
.content ul li{
	padding: 2px 0;
	list-style-image: url(img/li.png);
	}

blockquote {
	clear: both;
	background: #F7FCFF;
	border-bottom: 1px solid #B0DBEE;
	border-top: 1px solid #B0DBEE;
	color: #333;
	display: block;
	margin-bottom: 1.2em;
	padding: 5px 10px;
	}

blockquote p {
	padding: 3px 0;
	}
	
h1,h2,h3 {color: #39C;}

h3 {
	font-size: 1.2em;
	border-bottom: 1px solid #B0DBEE;
	margin: 0 0 5px 0;
	}


.contentlinks dl {
	clear: both;
	padding: 5px 0;
	border-top: 1px solid #B0DBEE;
	}

.contentlinks dt{
	font-weight:900;
	margin: 0 0 5px 0;
	}

.contentlinks dl dd{
	margin: 0 0 7px 0;
	}
	
.ddleft {
	float: left;
	width: 35%;
	}
	
.ddright {
	float: left;
	width: 50%;
	padding: 0 0 0 20px;
	}
	
.ddright ul li{
	list-style: none;
	}
	
#profile_content #bio {
	float: left;
	padding: 5px 0;
	width: 605px;
	border-top: 1px solid #B0DBEE;
	display: inline; /* fixes IE/Win double margin bug */
	}
	
#profile_content #bio p.sub{
	width: 605px;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #B0DBEE;
	}
	
#profile_content #bio li{
	float: left;
	display: block;
	margin: 0 30px 20px 0;
	width: 165px;
	height: 220px;
	font-size: 90%;
	background: url(img/biobg.jpg) no-repeat;
	border-top: 1px solid #B0DBEE;
	border-left: 1px solid #B0DBEE;
	border-bottom: 1px solid #72A3C9; 
	border-right: 1px solid #72A3C9;	
	}
	
#profile_content #bio  a, #bio a{
	text-decoration: none;
	}

.bioimg {
	padding: 10px 10px 5px 10px;
	}
	
.biotext {
	margin: 5px 10px;
	font-size: 0.9em;
	}

.bio_desc{
	float: left;
	width: 370px;
	padding-bottom: 70px;
	}
	
.list {
	margin: -10px 0 15px 10px;
	}
	
.content em{
	color: #036;
	}
		




/* navigation */
#navigation {
	float: right;
	width: 185px;
	height: 400px;
	padding: 55px 65px 0 0;
	}
#navigation li {
	float: right;
	height: 50px;
	padding: 2px 0;
	list-style-type: none;
}
#navigation a {
	float: right;
	padding: 50px 0 0 0;
	overflow: hidden;
	width: 185px;
	height: 0px !important; 
	height /**/:50px; /* for IE5/Win */
}
#navigation a:hover, #navigation .on {
	background-position: 0 -50px;
}

#navigation a:active, 
#navigation a.selected{
	background-position: 0 0;
	}
	
#main_nav a {
	background: url(img/nav_main.gif);
	}	

#scheme_nav a {
	background: url(img/nav_trans.gif);
	}	

#views_nav a {
	background: url(img/nav_views.gif);
	}	
	
#reports_nav a {
	background: url(img/nav_repover.gif);
	}	
	
#annual_nav a {
	background: url(img/nav_annrep.gif);
	}	
	
#finreports_nav a {
	background: url(img/nav_finreports.gif);
	}	
	
#other_nav a {
	background: url(img/nav_otherrep.gif);
	}	
	
#indinv_nav a {
	background: url(img/nav_indinv.gif);
	}	
	
	
	
/* table styles */

.reportstable {
	width: 400px;
	clear: both;
}

th {
	color: #073C70;
	border-right: 1px solid #82ABC9;
	border-bottom: 1px solid #82ABC9;
	border-top: 1px solid #82ABC9;
	border-left: 1px solid #82ABC9;
	text-align: left;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 6px 6px 6px 12px;
	background: #A6D4EC url(img/table_h.gif);
	font-size: 0.85em; 
}

.one, .end{width: 15%;}


td {
	border-right: 1px solid #82ABC9;
	border-bottom: 1px solid #82ABC9;
	border-left: 1px solid #82ABC9;
	padding: 6px 6px 6px 12px;
	font-size: 0.85em; 
}

td.nb, th.nb{
	border-left: 0px;
	}

tr {
	background-color: #F5FAFA;
}

tr.altrow {
	background-color: #F5FAFA;
}

tr:hover, tr.altrow:hover{
	background-color: #EAF4FD;
	}