/* 
CSS Document for Archant

Project : Archant Life
Author:	Adam Collison [adam.collison@soup.co.uk]

Date Created: 07 - Aug - 2006
Date Modified: 08 - Oct - 2007

*/



/* *********************** Generic Styles **************************************** */
/* ******************************************************************************* */

body {
	padding:					0;
	margin:						0;
	font-size:					small;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
}

a img, img {
	border:						0;
}

cite {
	font-weight: bold;
	color: #000;
	}
a {
	outline: none;
	}

/* ******************************************************************************* */
/* ************************ End Generic Styles *********************************** */


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

#header {
	margin:						19px 0;
	padding:					0 0 0 10px;
	height:						82px;
}	

* html #header {
	margin:						19px 0 9px;
}	

#header div {
	float:						left;
}

#header div.banner {
	padding:					11px 0 0 19px;
	display:					block;
	width:						509px;
}


#header div.form {
	padding:					11px 0 8px;
	margin:						0;
	width:						158px;
}


#header div.form input[type='text'] {
	width:						100px;
}


#header div.form p {
	padding:					0 0 4px;
	margin:						0;
}


#header div.form p * {
	font-size:					85%;
}

#header div.form p.title {
	padding:					0 0 6px;
}

#header div.form p .go {
	vertical-align:				top;
	margin-left:				5px;
	margin-right:				10px;
}

/* ******************************************************************************* */
/* ************************ End Header Styles ************************************ */


/* ************************ Layout Styles **************************************** */
/* ******************************************************************************* */

.layout {
	float:						right;
	width:						828px;
} 

* html .layout {
	width:						830px;
} 

#structure {
	width:						997px;
}

.editorial_panel {
	float:						left;
	width:						665px;
}

/* ******************************************************************************* */
/* ************************ End Layout Styles ************************************ */


/* ************************ Content Styles *************************************** */
/* ******************************************************************************* */

#content {
	float:						left;
	width:						545px;
	font-size:					85%;
}

div.editorial_panel.nocallout #content {
	float: none;
	width: 645px;
}

#content p {
	margin:						0.6em 0;
}

#content p.lead {
	margin:						1.3em 0 1em;
}

#content h3 {
	font-size:					160%;
	margin:						0.4em 0;
	font-weight:				normal;
}

#content h4 {
	margin:						0;
	font-size:					110%;
}

.header {
	height:						80px;
	text-align:					right;
	margin-bottom:				10px;
}

.header h2 {
	float:						left;
	margin:						0;
	padding:					0;
}

.header h1 {
	float:						right;
	margin:						0;
	padding:					28px 0 2px;
	font-size:					175%;
	display:					block;
    color:						#000;
	font-weight:				normal;
	width: 300px;
}

.header h1 span {
	margin:						0;
	padding:					0;
	font-size:					65%;
}

.content_column {
	float:						left;
	width:						305px;
	line-height: 1.4em;
}

.full {
	float:						left;
	width:						100%;
}

.image_column {
	width:						230px;
	float:						right;
}

/* additional css for images within callouts - LB 09/01/08 */
.image_callout{
    width: 43px;
    float:left;
	border: 1px solid grey;
    display: inline;
    margin-right: 4px;
}
/*****************************************************/

.image_column .dashed {
	padding-bottom:				20px;
	border-bottom: 10px solid white;
}

#content div.form {
	margin-top: 15px;
	}
#content div.form input,
#content div.form select,
#content div.form textarea {
	font-size: 85%;
	}

/* ******************************************************************************* */
/* ************************ End Content Styles *********************************** */


/* ************************ Callout Column Styles ******************************** */
/* ******************************************************************************* */

#callout_column {
	float:						right;
	width:						90px;
	border-right:				10px solid #fff;
	padding-top:				83px;
}

#callout_column h4 {
	margin:						0;
	padding:					15px 0 0;
	font-size:					120%;
	font-family:				Arial, Helvetica, sans-serif;
}

#callout_column p {
	margin:						0 0 10px 0;
	font-size:					75%;
}

#callout_column div {
	padding: 5px 0 1px;
}

/* ******************************************************************************* */
/* ************************ End Callout Column Styles **************************** */


/* ************************ Galllery Styles ************************************** */
/* ******************************************************************************* */

.gallery_block {
	padding-bottom:				12px;
}

.gallery_object {
	margin-right:				5px;
	padding-top:				10px;
	float:						left;
	width:						130px;
}

.last {
	margin-right:				0;
}

.gallery_object p {
	margin:						0.6em 0;
	padding-top:				0.3em;
}

* html .gallery_object p {
	padding:					0;
}

.gallery_last {
	margin-top: 				20px;
}

/* ******************************************************************************* */
/* ************************ End Gallery Styles *********************************** */


/* ************************ Navigation Styles ************************************ */
/* ******************************************************************************* */

#nav {
	padding:					0 0 7px;
	border-left:				12px solid #fff;
	margin:						0;
	width:						138px;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					85%;
}

#nav ul  {
	padding:					2px 0 0;
	margin:						0;
	list-style:					none;
}

#nav ul li {
	padding:					0;
	margin:						0;
	display:					inline;
}

#nav ul li a {
	display:					block;
	padding:					6px 20px 7px 7px;
	text-decoration:			none;
	font-weight:				bold;
}

#nav ul li.selected a {
	padding:					4px 7px 5px;
	margin-top:					2px;
	margin-bottom:				2px;
}

#nav ul li.selected ul {
	padding:					4px 7px 8px;
}

#nav ul li.selected ul li a {
	font-weight:				normal;
	padding:					2px 0 1px 14px;
}

#nav ul li.selected ul li.selected ul {
	padding-top: 0;
}

#nav ul li.selected ul li.selected ul li a {
	margin-left: 7px;
	padding-left: 7px;
}

#nav ul li.selected ul li.selected ul li a:hover {
	text-decoration: underline;
}


/* ******************************************************************************* */
/* ************************ End Navigation Styles ******************************** */


/* ************************ Content Navigation *********************************** */
/* ******************************************************************************* */

#content_nav {
	background: url(../images/bg_dashed.gif) 0 20px repeat-x;
	clear: both;
	padding: 30px 0;
	}

#content_nav a.btn_back {
	float: left;
	}
#content_nav ul.pagnation {
	list-style: none;
	float: right;
	margin: -4px 0 0;
	}
#content_nav ul.pagnation li {
	display: inline;
	text-transform: uppercase;
	}
#content_nav ul.pagnation li a {
	color: #000;
	font-size: 90%;
	font-weight: bold;
	margin-left: 2px;
	}
#content_nav ul.pagnation li a:hover,
#content_nav ul.pagnation li a.selected {
	background: none;
	color: #ED1C24;
	}
#content_nav ul.pagnation li a.inline {
	text-decoration: none;
	}

/* ******************************************************************************* */
/* ************************ End Content Navigation ******************************* */


/* ************************ Footer Styles **************************************** */
/* ******************************************************************************* */

#footer {
	clear:						both;
	display:					block;
	padding:					4px 0;
	margin:						0;
	border-top:					30px solid #fff;
	font-size:					75%;
	position: 					relative;	
}

#footer div {
	width:						955px;
}

#footer ul {
	padding:					7px;
	margin:						0 11px 0 0;
	list-style:					none;
	float:						right;
}

#footer ul li {
	padding:					0 10px;
	display:					inline;
	color:						#FFFFFF;
}

#footer ul li.divider {
	padding:					0px;
}

#footer ul li a {
	text-decoration:				none;
}

#footer p {
	padding:					7px 15px 7px 32px;
	margin:						0;
}

#footer p.copy {
	padding:					7px 15px;
	margin:						0 0 0 16px;
}

.logo {
	padding-left:					15px;
}

/* ******************************************************************************* */
/* ************************ End Footer Styles ************************************ */


/* ************************ Misc Styles ****************************************** */
/* ******************************************************************************* */

.w3c {
	position:					absolute;
	top:						-4000px;
	left:						-4000px;
	visibility:					hidden;
}

hr.clear {
	height:						1px;
	border:						0;
	background:					#fff;
	color:						#fff;
	margin:						10px 0;
	padding:					0;
	clear:						both;
}

* html hr.clear {
	margin:						0;
}

.right {
	float:						right;
}

.left {
	float:						left;
}

span.brand {
	font-weight: 				bold;
	color: 						#000;
}

.clearfix:after,
#content_nav:after,
.contact_block:after,
div.region_content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, #content_nav, .contact_block, div.region_content {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html #content_nav,
.contact_block,
div.region_content {
	height: 1%;
}
.clearfix,
#content_nav,
.contact_block,
div.region_content {
	display: block;
}
/* End hide from IE-mac */


/* ******************************************************************************* */
/* ************************ End Misc Styles ************************************** */








/* ************************ Homepage Styles ************************************** */
/* ******************************************************************************* */
/* ******************************************************************************* */
/* ******************************************************************************* */
/* ******************************************************************************* */
/* These Styles are used to overwrite the above styles and to format the alternate */
/* Structure used in the hompage only                                              */



/* ************************ Layout Styles **************************************** */
/* ******************************************************************************* */

#structure.home .layout {
	width:						827px;
	padding:					19px 0 0;
	margin-right:				20px;
}

* html #structure.home .layout {
	margin-right:				8px;
}

#structure.home .ediorial_panel {
	width:						684px;
	float:						left;
	margin-right:				0;
}

#structure.home h1 {
	background: #FFF;
	position: relative;
	width: 332px;
	height: 452px;
	}

#structure.home.home h1 img.s0 {
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
	}
#structure.home.home h1 img.s1 {
	filter:alpha(opacity=90); 
	-moz-opacity: 0.9; 
	opacity: 0.9;
	}
#structure.home.home h1 img.s2 {
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
	}
#structure.home.home h1 img.s3 {
	filter:alpha(opacity=70); 
	-moz-opacity: 0.7; 
	opacity: 0.7;
	}
#structure.home.home h1 img.s4 {
	filter:alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6;
	}
#structure.home.home h1 img.s5 {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
	}
#structure.home.home h1 img.s6 {
	filter:alpha(opacity=40); 
	-moz-opacity: 0.4; 
	opacity: 0.4;
	}
#structure.home.home h1 img.s7 {
	filter:alpha(opacity=30); 
	-moz-opacity: 0.3; 
	opacity: 0.3;
	}
#structure.home.home h1 img.s8 {
	filter:alpha(opacity=20); 
	-moz-opacity: 0.2; 
	opacity: 0.2;
	}
#structure.home.home h1 img.s9 {
	filter:alpha(opacity=10); 
	-moz-opacity: 0.1; 
	opacity: 0.1;
	}
#structure.home.home h1 img.s10 {
	filter:alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	}

/* ******************************************************************************* */
/* ************************ End Layout Styles ************************************ */


/* ************************ TopRow Styles **************************************** */
/* ******************************************************************************* */

#structure.home .ediorial_panel .top_row {
	margin:						0;
	padding:					0;
}

#structure.home .ediorial_panel .top_row h1 {
	margin:						0;
	padding:					0;
	border-left:				10px solid #fff;
	border-right:				10px solid #fff;
	float:						left;
}

#structure.home .ediorial_panel .top_row .form {
	padding:					8px 0 9px 10px;
	margin:						0;
	background:					#ED1B24;
}

* html #structure.home .ediorial_panel .top_row .form  {
	padding:					8px 0 3px 10px;
}

*+html #structure.home .ediorial_panel .top_row .form  {
	padding:					8px 0 3px 10px;
}

#structure.home .ediorial_panel .top_row .form  form input[type='text'] {
	width:						100px;
}

#structure.home .ediorial_panel .top_row .form p {
	padding:					0 0 4px;
	margin:						0;
}

#structure.home .ediorial_panel .top_row .form p * {
	margin:						0 0 0 8px;
}

#structure.home .ediorial_panel .top_row .form p * {
	font-size:					85%;
}

#structure.home .ediorial_panel .top_row .form p .go {
	vertical-align:				top;
	margin-left:				5px;
	margin-right:				10px;
}

#structure.home .ediorial_panel .top_row h2 {
	margin:						0 0 10px;
	padding:					0;
}

#structure.home .ediorial_panel .top_row h2 span {
	font-size:					50%;
	display:					block;
	margin-bottom:				5px;
}

/* ******************************************************************************* */
/* ************************ End TopRow Styles ************************************ */


/* ************************ Callout Column Styles ******************************** */
/* ******************************************************************************* */

#structure.home .ediorial_panel .top_row #callout_column {
	padding-top:				40px;
	width:						300px;
	margin-top: 				2px;
	border-right-width:			20px;
}

#structure.home .ediorial_panel .top_row #callout_column p {
	font-size: 85%;
}

#structure.home .ediorial_panel .top_row #callout_column img {
	float: right;
	margin: 0 0 0 10px;
}

#structure.home .ediorial_panel #callout_column div {
	height: 328px;
	overflow: hidden;
	padding: 0;
}

*+html #structure.home .ediorial_panel #callout_column div {
	height: 326px;
}

/* ******************************************************************************* */
/* ************************ End Callout Column Styles **************************** */


/* ************************ MiddleRow Styles ************************************* */
/* ******************************************************************************* */
#structure.home .ediorial_panel .middle_row {
	margin-top:					20px;
}
* html #structure.home .ediorial_panel .middle_row {
	margin-top:					5px;
}
*+html #structure.home .ediorial_panel .middle_row {
	margin-top:					-15px;
}
#structure.home .ediorial_panel .middle_row,
#structure.home .ediorial_panel .bottom_row {
	padding-left:				10px;
}

#structure.home .ediorial_panel .middle_row h3,
#structure.home .ediorial_panel .bottom_row h3 {
	padding:					3px 0 7px;
	margin:						0;
	font-size:					180%;
	font-family:				Arial, Helvetica, sans-serif;
}

#structure.home .ediorial_panel .feature {
	padding:					0;
	margin:						0;
	width:						185px;
	float:						left;
	margin-right:				50px;
	font-size:					90%;
}

#structure.home .ediorial_panel .last {
	margin-right:				0;
}

#structure.home .ediorial_panel .middle_row p,
#structure.home .ediorial_panel .bottom_row p {
	padding:					0;
	margin:						0 0 10px;
	font-size:					95%;
	line-height: 				1.2em;
}
#structure.home .ediorial_panel .bottom_row {
	margin-top: 20px;
	}
#structure.home .ediorial_panel .bottom_row .feature {
	padding-top: 20px;
	}

/* ******************************************************************************* */
/* ************************ End MiddleRow Styles ********************************* */


/* ******************************************************************************* */
/* ************************ Banner Column Styles ********************************* */

.banner_column.right {
	margin:						-10px 42px 0 0;
}

* html .banner_column.right {
	margin:						-10px 21px 0 0;
}

.banner_column.left {
	margin:						20px 0 0 21px;
}

* html .banner_column.left {
	margin:				10px 0 0 10px;
}

#structure.home .banner_column.right {
	float:						right;
	margin:						0 23px 0 0;
}

* html #structure.home .banner_column.right {
	margin-right:				13px;
}

#structure.home .banner_column.right div.bookmark {
	margin-bottom: 20px;
}

#structure.home .banner_column.left {
	text-align: 				center;
	padding-top:				10px;
	margin: 					0;
}

.banner_column .banner {
	margin-top: 				10px;
}
#structure.home #nav_column .banner_column img {
	margin-bottom:				0;
}


/* ************************ End Banner Column Styles ***************************** */
/* ******************************************************************************* */


/* ******************************************************************************* */
/* ************************ Navigation Styles ************************************ */

#structure.home #nav_column {
	float:						left;
	padding:					19px 0 10px 10px;
}

#structure.home #nav_column #nav {
	border:						1px solid #fff;
}

#structure.home #nav_column img {
	margin:						0 0 19px;
}

* html #structure.home #nav_column img {
	margin:						0 0 12px;
}

/* ************************ End Navigation Styles ******************************** */
/* ******************************************************************************* */

/* ******************************************************************************* */
/* ************************ JAMES' STYLES FOR NEWS SECTION************************ */


.news_headline_container
{
	padding-bottom:		30px;
}

#content .news_headline_container h4
{
	font-size:			1.5em;
	font-weight:		normal;
	padding-bottom:		10px;
}

.news_headline_container div
{
	float:				right;
	width:				234px;
	padding-right:		25px;
}

.news_headline_container div span
{
	color:				#D50000;
	font-size:			0.9em;
}

.news_headline_container div p
{
	padding-bottom:		10px;
}

.news_summary_container
{
	float:				left;
	width:				262px;
}

.news_summary div
{
	float:				right;
	width:				167px;
}

#content .news_summary h4
{
	font-size:			0.95em;
	margin-top:			5px;
}

#content .news_summary p
{
	margin:				2px 0 7px 0;
	font-size:			0.9em;
	color:				#333;
}

.news_summary
{
	margin-bottom:		7px;
	padding-top:		10px;
	background:			url(../images/bg_dashed.gif) top repeat-x;
}

.news_summary:after
{
	display:				block;
	content: 				".";
	height: 				0;
	font-size:				0;
	clear: 					both;
	visibility:				hidden;
}

.right
{
	float:					right;
}

.banner_column center {
  text-align:left;
}
/* ***************************************************************************************** */
/* ***************************** Multiple Image Section Styles ***************************** */

.news_content_container
{
	margin-bottom:			7px;
	padding-top:			10px;
	background:				url(../images/bg_dashed.gif) top repeat-x;
	clear:					both;
}

.news_content
{
	float:					left;
	width:					400px;
}

.feature_list
{
	float:					right;
	width:					147px;
	padding-left:			5px;
}

.feature_list .feature
{
	margin-bottom:			20px;
}

.feature_list .feature p
{
	text-align:				right;
}

#content .news_content p.lead
{
	font-size:				100%;
	font-weight:			bold;
}

.feature_list .feature a
{
	text-decoration:		none;
}

/*******************************Search Styles***********************************************/
/*******************************************************************************************/
div.searchForm {
	padding:0 0 10px 0;
	}

.searchForm table {
	width:					100%;
	border:					none;
	padding-bottom:			5px;
}
	
.searchForm table label {
	padding:				0 0 3px 0;
	display:				block;
	font-size:				0.8em;
}

.searchForm td.middle {
	padding-top:			12px;
}

div.searchResult {
	margin:					10px 0 0 0;
}

div.searchResultsNav {
 	padding:				0 0 10px 0;
}
 
.searchResultsNavbtm {
	padding:			10px 0 0 0;
	text-align:			center;
}

#structure #content .searchResultsNavbtm ul.resultsPageLinks {
	margin:					0 20px;
}

ul.resultsPageLinks {
	list-style-image:		none;
	display:				inline;
	margin:					0;
	padding:				0;
}

ul.resultsPageLinks li{
	display:				inline;
}

/* ************************************************************************************ */
/* Regional Landing Page ************************************************************** */

#content.regional_home .header {
	background-image: none;
	margin-bottom: 0;
}
#content.regional_home {
	padding-bottom: 30px;
}
#content.regional_home .col1 {
	float: right;
	width: 306px;
	padding: 15px 0 0 0;
	background: transparent url(../images/bg_red_dashed.gif) repeat-x top left;
	}
#content.regional_home .col2 {
	float: left;
	width: 325px;
	}
#flashMap {
	margin-bottom: 15px;
	}

/* ************************************************************************************ */
/* Regional Pages ********************************************************************* */
div.region_head_container {
	padding: 10px 0 20px 0;
	}
div.region_head_container .col1 {
	float: right;
	width: 230px;
	padding-right: 20px;
	}
div.region_head_container h2 {
	font-weight: normal;
	font-size: 160%;
	margin: 5px 0;
	}
#content div.region_head_container p.date {
	color: #ED1C24;
	font-size: 90%;
	margin-bottom: 13px;
	}
#content div.region_head_container p a.btn_read_more {
	margin-top: 15px;
	}
div.region_head_container .col2 {
	float: left;
	width: 276px;
	}
div.region_content_container_left,
div.region_content_container_right {
	width: 265px;
	}
div.region_content_container_left {
	float: left;
	}
div.region_content_container_right {
	float: right;
	}
div.region_content {
	padding: 15px 0 20px;
	background: url(../images/bg_red_dashed.gif) top left repeat-x;
	font-size: 95%;
	}
#content div.region_content h4 {
	text-transform: uppercase;
	font-size: 95%;
	}
div.region_content div {
	float: right;
	width: 170px;
	}


#content .contact_block {
	padding: 5px 0 15px 0;
	margin-bottom: 10px;
	}
#content .contact_block div.col2 {
	float: left;
	width: 370px;
	}
.contact_block div.col1 {
	float: right;
	width: 150px;
	}

/* ************************************************************************************ */
/* Popup Page ************************************************************************* */

#popup {
	background: url(../images/popup/bg_body.gif) repeat-x top left;
	font-size: 16px;
	}
#popup #popup_header {
	height: 93px;
	background: url(../images/popup/bg_header.gif) bottom left no-repeat;
	}
#popup #popup_header img {
	position: relative;
	top: 26px;
	left: 20px;
	}
#popup #popup_content {
	margin: 20px;
	font-size: 0.6875em; /* 11px */
	}
#popup #popup_footer {
	height: 18px;
	background: url(../images/bg_dashed.gif) bottom left repeat-x;
	}
#popup #popup_footer img {
	position: relative;
	left: 20px;
	}
* html #popup #popup_footer img {
	top : -6px;
	}
*+html #popup #popup_footer img {
	top : -6px;
	}