/* GENERAL STYLES */
html {
	height:				100%;
}
body {
	margin:				0;
	padding:			0;
	background:			#7DD3F4 url(images/main-area-bg.gif) repeat-y 50% 0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			76%;
}
h1, h2, h3 {
	margin:				0;
	font-size:			1em;
}
a {
	color:				#294b81;

}
a:hover {
	color:				#ffffff;
}

/* PAGE LAYOUT */
#header {
	height:				72px;
	width:				100%;
	background-color:	#14245F;
}
#header #banner {
	width:				760px;
	margin-left:		auto;
	margin-right:		auto;
}
#header #banner h1 span {
	display:			none;
}
#header #banner img#logo {
	float: left;
}
#header #banner img#strap {
	float: right;
}


#page {
	width:				760px;
	margin-left:		auto;
	margin-right:		auto;
	padding-left:		1px;	
	top:				-14px;
	position:			relative;
}
#right {
	float:				right;
	width:				186px;
	padding:			0;
	margin:				0;
}
#right #intro {
	width:				186px;
	height:				372px;
	padding:			0;
	margin:				0;
	background-color:	#7DD3F4;
}
#right #intro h2 span {
	display:			none;
}
#right #intro img {
	clear:				both;
}


#main-area {
	float:				left;
	width:				574px;
	margin:				0;
	padding:			0;
}
#location {
	width:				50%;
	height:				14px;
	margin:				0;
	padding:			0;
	position:relative;

}
#page #location {
	width:				100%;
	height:				14px;
	margin:				0;
	padding:			0;
}
#navigation { 
	float:				left;
	position:			relative;
	margin:				0;
	padding:			0; 
	width:				170px;
}
#content {
	float:				right;
	width:				370px;
	max-width:			370px;
	margin:				0;
	padding-right:		24px;
	font-size:			1em;
	line-height:		1.5em;
	color:				#294b81;
}
#content h3 {
	padding-top:		23px;
	font-size:			1.33em;
	font-weight:		bold;
	color:				#294b81;	
}
#content #links ul {
	list-style:			none;
	margin:				0;
	padding:			4px 0 0 0;
	width:				100%;
	border-bottom:		#ffffff solid 1px;
}

#content #links ul li a {
	display:			block;
	width:				16em;
	margin:				0;
	padding:			0.1em;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			1.15em;
	line-height:		1.7em;
	color:				#294B81;
	text-decoration:	none;
}

#content #links ul li a:hover {
	background:			#3D96C4;
	color:				#ffffff;
}

#content #main-photo {
	float:				left;
	padding:			20px 8px 0 0;
	margin:				0;
}

#footer {
	margin:				1em 0 1em 0;
	color:				#ffffff;
	font-size:			0.9em;
}
#footer a {
	color:				#ffffff;
	text-decoration:	none;
}


/* FORMS */
#main-form {
	position:relative;
	display:block;
}
#main-form div.row {
	position:relative;
	display:block;
	padding:		10px 0 0 0;
}
#main-form div.label {
	width:80px;
	float:left;
	display:block;
	text-align:right;
	padding:		0 4px 0 0;
}
#main-form div.comment {
	display:block;
	padding:		0 0 4px 0;
}
#main-form div.field {
	display:block;
	padding:		0 0 0 0;
}
#main-form div.field input {
	width:200px;
	border: 2px solid #6AC1E6;
	color:				#294b81;
	background-color:	#A4E0F7;
}
#main-form div.field textarea {
	width:370px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	border: 2px solid #6AC1E6;
	color:				#294b81;
	background-color:	#A4E0F7;
}

#login-form {
	position:relative;
	display:block;
	color:				#294b81;
}
#login-form div.row {
	position:relative;
	display:block;
	padding:		10px 0 0 0;
}
#login-form div.comment {
	display:block;
	padding:		0 0 4px 0;
}
#login-form div.field {
	display:block;
	padding:		0 0 0 15px;
}
#login-form div.button {
	display:block;
	padding:		0 0 0 15px;
}
#login-form div.field input {
	width:150px;
	border: 2px solid #6AC1E6;
	color:				#294b81;
	background-color:	#A4E0F7;
}






/* THEMES */
#default #page-links {
	width:				100%;
	height:				69px;
	display:			block;
	background-color:	transparent;
}
#default #intro {
	height:				303px;
}
#default #page {
	top:0px;
}
#default	 #location {	display:			none;	 }
#the-project #location {	background-color:	#FE660D; }
#advice		 #location {	background-color:	#B33800; }
#news		 #location {	background-color:	#51A121; }
#resources	 #location {	background-color:	#9160AC; }
#press		 #location {	background-color:	#6F6652; }
#events		 #location {	background-color:	#4A8157; }
#downloads	 #location {	background-color:	#D19800; }
#contact-us	 #location {	background-color:	#A55A4F; }
#terms-conditions	 #location {	background-color:	#006FB6; }
#site-map			 #location {	background-color:	#006FB6; }
#accessibility		 #location {	background-color:	#006FB6; }


/* MENU: general settings */
#menu { position: relative; margin: 0; padding: 0; }
#menu ul { display: block; margin: 0; padding: 0; list-style: none; }
#menu a { display: block; }
#menu div { position: absolute; margin: 0; padding: 0; }
#menu div.on { position: relative; display: block; margin: 0; padding: 0; }
#menu ul ul { position: relative; display: block; z-index:50;}
#menu ul ul li a { display: block; }

/* MENU: display settings */
#menu { 
	width:				155px;
	padding-top:		20px;
	padding-left:		15px;
}
#menu ul li {
	width:				126px;
	line-height:		30px;
	background:			url(images/menu-bg.gif) no-repeat;
	vertical-align:		top;
	
}
#menu ul li a {
	width:				106px;		/* subtract padding from desired dimensions (126x30) */
	height:				14px;
	line-height:		14px;
	padding:			4px 0 12px 20px;
	background:			url(images/menu-bg.gif) no-repeat;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	color:				#294B81;
	text-decoration:	none;
}
#menu ul li a.on {
	background:			url(images/menu-bg-over.gif) no-repeat;
	color:				#ffffff;
}
#menu div {
	margin-left:		126px;
}
#menu ul ul {
	top:				-30px;		/* line height of parent */
}
#menu ul ul li {
	width:				119px;
	height:				20px;
	line-height:		20px;
	background:			url(images/menu-pop-other.gif) no-repeat;
	padding:			0 0 0 0;
	margin-bottom:		0;
	vertical-align:		top;
}
#menu ul ul li a {
	width:				105px;		/* subtract padding from desired dimensions (119x20) */
	height:				14px;
	line-height:		14px;
	padding:			1px 0 5px 14px;
	margin:				0;
	background:			url(images/menu-pop-other.gif) no-repeat;
	font-size:			12px;
	font-weight:		bold;
	color:				#FFFFFF;
}
#menu ul ul li.first {
	height:				22px;
	line-height:		22px;
	background:			url(images/menu-pop-first.gif) no-repeat;
}
#menu ul ul li.first a {
	width:				105px;		/* subtract (top & horizontal) padding from desired dimensions (119x22) */
	height:				14px;
	line-height:		14px;
	padding:			3px 0 5px 14px;
	background:			url(images/menu-pop-first.gif) no-repeat;
}
#menu ul div.on {
	margin-left:		0px;
}
#menu ul div.on ul {
	top:				-7px;
}
#menu ul div.on ul li.first {
	height:				32px;
	line-height:		32px;
	background:			url(images/menu-sub-first.gif) no-repeat;
}
#menu ul div.on ul li.first a {
	width:				105px;		/* subtract (top & horizontal) padding from desired dimensions (119x32) */
	height:				14px;
	line-height:		14px;
	padding:			13px 0 5px 14px;
	background:			url(images/menu-sub-first.gif) no-repeat;
}
#menu ul div.on ul li.first a.on {
	background:			url(images/menu-sub-first-on.gif) no-repeat;
}
#menu ul ul li a.on {
	background:			url(images/menu-pop-other-on.gif) no-repeat;
}
#menu ul li a:hover {
	background:			url(images/menu-bg-over.gif) no-repeat;
	color:				#ffffff;
}
#menu ul ul li a:hover {
	background:			url(images/menu-pop-other-on.gif) no-repeat;
}
#menu ul ul li.first a:hover {
	background:			url(images/menu-pop-first-on.gif) no-repeat;
}
#menu ul div.on ul li.first a:hover {
	background:			url(images/menu-sub-first-on.gif) no-repeat;
}

#skip-navigation {
	display:			none;
}

#menu #info-links {
	position:			relative;
	display:			block;
	clear:				both;
	padding:			1em 0 0 0.5em;
	margin:				0 0 0 0;
	line-height:		10px;
}
#menu #info-links a {
	font-size:			0.9em;
	color:				#ffffff;
	text-decoration:	none;
}



/* MENU: Other pages */
div#other-pages { position: relative; margin:0 0 0 0; padding:10px 0 0 0; }
div#other-pages ul { display: block; margin: 0; padding: 0; list-style: none; }
div#other-pages li {
	width:				155px;
	height:				32px;
	vertical-align:		top;
}
div#other-pages li a {
	width:				120px;		/* subtract padding from desired dimensions (155x32) */
	height:				27px;
	line-height:		14px;
	padding:			5px 0 0 35px;
	display:			block;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	color:				#294B81;
	text-decoration:	none;
}
div#other-pages li#downloads			{ background: url(images/btn_downloads.gif) no-repeat; }
div#other-pages li#contact-us			{ background: url(images/btn_contact.gif) no-repeat; }
div#other-pages li#downloads a			{ background: url(images/btn_downloads.gif) no-repeat; }
div#other-pages li#contact-us a		{ background: url(images/btn_contact.gif) no-repeat; }
div#other-pages li#downloads a:hover	{ background: url(images/btn_downloads_on.gif) no-repeat; }
div#other-pages li#contact-us a:hover	{ background: url(images/btn_contact_on.gif) no-repeat; }
div#other-pages li#downloads-on		{ background: url(images/btn_downloads_on.gif) no-repeat; }
div#other-pages li#contact-us-on		{ background: url(images/btn_contact_on.gif) no-repeat; }
div#other-pages li#downloads-on a		{ background: url(images/btn_downloads_on.gif) no-repeat; }
div#other-pages li#contact-us-on a		{ background: url(images/btn_contact_on.gif) no-repeat; }


/* MENU: News and Press articles */
#article-menu { position: relative; margin: 0; padding: 15px 0 0 0; }
#article-menu ul { display: block; margin: 0; padding: 0; list-style: none; }
#article-menu li {
	width:				186px;
	height:				45px;
	background:			url(images/sub-menu-article.gif) no-repeat;
	vertical-align:		top;
}
#article-menu li a {
	width:				160px;		/* subtract padding from desired dimensions (186x40) */
	height:				37px;
	line-height:		14px;
	padding:			3px 0 0 26px;
	display:			block;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	color:				#294B81;
	text-decoration:	none;
}

/* MENU: Press cuttings */
#press-cuttings { position: relative; margin: 0; padding: .5em 0 0 0; }
#press-cuttings ul { display: block; margin: 0; padding: 0; list-style: none; }
#press-cuttings li {
	padding:			.5em 0 .5em 0;
	background:			url(images/bg-dots.gif) repeat-x bottom left;
	vertical-align:		top;
}
#press-cuttings li a {
	font-weight:		bold;
	color:				#294B81;
	text-decoration:	none;
}
#press-cuttings a.publication-link {
	font-weight:		normal;
	text-decoration:	underline;
}
#press-cuttings li a.more {
	font-weight:		normal;
	color:				#FF601F;
	text-decoration:	none;
}

/* PRESS */
span.instruction {
	color:				#FF601F;
}
#press #go-back {
	height:				27px;
	margin:				6px 0 5px 0;
	padding:			1px 0 0 0;
	background:			url(images/btn_back-arrow.gif) no-repeat top left;
}
#press #go-back a {
	padding:			0 0 0 25px;
	color:				#ffffff;
	font-weight:		bold;
	text-decoration:	none;
}

#press #publication-info {
	padding:			0 0 4px 0;
}
#press #publication-info #publication-date {
	padding:			0 1em 0 0;
	float:				right;
	text-align:			right;
}
#press #publication-info #publication-name {
	float:				left;
}
#press #publication-name a {
	color:				#294B81;
	text-decoration:	underline;
	font-size:			1.2em;	
}
#press.press-cutting h3 {
	padding:			3px 0 10px 0;
}

/* SITE MAP */
ul#sitemap { 
	margin:				0 0 0 0; 
	padding:			1em 0 0 0;
	list-style:			none;
}
ul#sitemap li { 
	margin:				0 0 0 0; 
	padding:			1em 0 1em 0;
}
ul#sitemap ul { 
	margin:				0 0 0 0; 
	padding:			0 0 0 2em;
	list-style:			disc;
}
ul#sitemap ul li { 
	margin:				0 0 0 0; 
	padding:			.5em 0 0 0;
}


/* BROWSER "TWEAKS" */

/* 1. Have set html height to be 100% to allow for browsers that use this element for height calculations */
/* 2. Have set page height to be 99% to allow for border adding to box height */