@charset "utf-8";
/* CSS Document */

/* header area */

div#header {
	height:10.6em;
	_height:10.5em; /* IE 6 fix bottom border of horizontal navigation */
	margin:0 18px 0 0;
	}
	
div#header h1 a {
	background:url(/web/templates/sp-home_files/logo-reversed-blue.gif) no-repeat; /*replaced in area stylesheets*/
	}
	
div#header h2 {
	background:url(/web/templates/sp-home_files/staff-news-blue.gif) no-repeat; /*replaced in area stylesheets*/
	height:42px;
	width:194px;
	top:16px;
	}
	
div#header p {
	top:5.8em;
	left:212px;
	margin-top:2px;
	padding:0 0 9px;
	position:absolute;
	color:#ffffff;
	font-weight:bold;
	}


/*main top navigation */

ul#mainNav {
	margin:0 18px 0 -18px;
	}

ul#mainNav {  
	position:absolute;
	top:6.2em;
	min-width:779px;
	left:0;
	list-style-type:none;
	float:left;
	border-bottom:1px solid #cccccc;
	width:100%;	
	background:#f3f3f3 url(/web/templates/sp-home_files/staff-main-nav-top.gif) top repeat-x; 
}

/* Hide from IE5-Mac \*/
ul#mainNav {  
	top:8.2em;
}
/* End hide */

ul#mainNav li {
	float:left;
}

ul#mainNav li a {
	text-decoration:none;
	font-weight:bold;
	float:left;
	font-size:110%;
	display:block;
	text-align:center;
	padding:5px 12px 7px 12px;
	color:#333;
	background:url(/web/templates/standard_files/main_nav_right_border.gif) bottom right no-repeat; /*standard template supporting file*/
	}
	
ul#mainNav li.selected {
	margin-left:-1px;
}

ul#mainNav li.selected a {
	border-right:0;
	color:#fff;
	}
	
ul#mainNav li.first {
	margin-left: 42px;
	_margin-left: 21px; /* IE 6 fix space to left of horizontal navigation */
	}	
	
body ul#mainNav li.selected, body ul#mainNav li.selected a {
	background-image:none;
	}
	
/* search form */
	
div#search, div#search #searchForm {
	background: transparent;
	}
	
div#search {
	margin:0 18px 0 0;
        }
		
div#search #searchForm {
	padding-right:4px;
	}

div#search #searchForm label {
	color:#ffffff;
	font-weight:bold;
	}

div#search #searchForm select {
	font-size:120%;
	}

div#search #searchForm input.text {
	background:#ffffff url(/web/templates/sp-home_files/search-box-inner-shadow.gif) top left no-repeat; /*local file*/
	border: none;
	border-bottom: #7f9db9 1px solid;
	padding:2px 1px 1px 3px;
}

div#search #searchForm input.submit {
	padding:0px 1px 1px 1px;
	margin:0 0 0 2px;
	color:#333333;
	background: #ffffff; 
	width:30px;

	}
	
/*Structural amendments to template*/	

#lower {
	padding-top:8px;
	}

#leftColumn {
	margin-top:11px;
	}

#centerColumn {
	margin-top:-11px;
	padding-top:11px;
	}

#rightColumn {
	float:right;
	margin-top:-11px;
        *margin-top:-16px;/* IE 6 + 7 fix of rightColumn position */
	padding:11px 18px 0 15px;
        *padding:0 18px 0 15px;/* IE 6 + 7 fix of rightColumn position */
}

#leftColumn ul#ae_menu {margin-bottom:0px; *margin-top:6px;/* margin-top IE 6 + 7 fix of area navigation position */}
#leftColumn div.panel {background:none; margin-top:10px;}
#leftColumn div.panel div.inner {padding:0 10px 0 14px; margin:0;}

#email {
	background:transparent url(/web/multimediafiles/box_bottom_blue.gif) no-repeat scroll center bottom; /*CMS multimedia library file - replaced in area stylesheets*/
	margin:0 -10px 0px -14px;
	padding:0 10px 20px 14px;
	}

/* Define expand/collapsible segments of left-column box */

/* Items within this div appear to inherit attribute values from div.panel and div.inner, so attributes do not need defining here */
.expand {}	

div.expand h2 {}

div.expand h2 a {
	background:url(/web/templates/sp-home_files/arrow-expand.gif) no-repeat scroll  143px 3px; 
	display:block;
	padding-right:30px;
	width:135px;
	}

div.expand h2 a, div.expand h2 a:hover, div.expand h2 a:visited, div.collapse h2 a, div.collapse h2 a:hover, div.collapse h2 a:visited, div.collapse-last h2 a, div.collapse-last h2 a:hover, div.collapse-last h2 a:visited {
	color:#ffffff;
	}

div.collapse h2 {
	margin-bottom:1px;
	}

div.collapse h2 a, div.collapse-last h2 a {
	background:url(/web/templates/sp-home_files/arrow-collapsed.gif) no-repeat scroll 143px 3px; 
	display:block;
	padding-right:30px;
	width:135px;
	}

div.collapse div {
	display:none;
	}
	
div.collapse-last#email {
	background:none;
	padding:0 10px 0 14px;
	}

div.collapse-last h2{
	margin-bottom:0px;
	}
	
div.collapse-last div {
	display:none;
	}

/*content amendments*/
.story-heading{}
.story-date {
	font-weight:bold;
	margin-top:-10px;
}

/*important list links*/

ul li.True-important-notice, td.True-important-notice {
	background:transparent url(/web/templates/sp-home_files/red-exclamation.gif) no-repeat scroll 0 0.35em !important;
	}
/*article listings*/

div#article-listing ul li.news-article {
	margin:0 0 10px 0;
	padding:0 0 0 59px;
	height:49px;
	background: url(/web/multimediafiles/sp-thumb3.jpg) no-repeat scroll;
	clear:both;
	}

div#article-listing ul li.news-article img {
	margin:0 10px 0 -59px;
	padding:0;
	float:left;
	}

/* image caption styling - tag reference may need altering depending on implementation */

div#image-caption {
	margin:0 0 0 10px;
	padding:0;
	float:right;
	width:250px;
}
	
div#image-caption p {
	padding:4px 0 5px 0;
	font-size:0.9em;
	line-height:1.2em !important;
	}

div#image-caption p img {
	margin:0 0 0 0 !important;
	padding:0 0 6px 0;
	}

div#pull-quote {
	margin:0 0 0 10px;	
	_margin:0; /* IE 6 fix position of pull quote */
	padding:0;
	float:right;
	clear:right;
	position:relative;
	width:250px;
}

div#pull-quote p {
	padding:0 0 3px 0;
	font-size:1.3em;
	line-height:1.45em !important;
	color:#0f5c9d;
	}

span#pull-quote-author {
	padding:4px 0 5px 0;
	font-size:0.7em;
	line-height:1.2em !important;
	color:#333333;
	font-weight:bold;
	display:block;
	}

/* Adding in radio button styling */
div#lower div#container2 div#content div#centerColumn form label.radioAnswer{padding-right: 15px}

div#lower div#container2 div#content div#centerColumn form legend {
	display: block;
	max-width: 100%;
	text-overflow
}

