/* 
-------------------------------------------------
Capita Symonds: CSS document
Developed by: Reading Room
Creation Date: 30 August 2005
Last Modified: 24 Oct 2005
------------------------------------------------- 
*/

/* PC - This gets used with addPaddingToInlineImages() function so to give article images custom padding */
img.inlineimagepadding{margin-right:10px;margin-bottom:5px;}

body {
	font: 0.8125em/1.2em arial, sans-serif; 
	color: #333; 
	text-align:center;
	background:#fff;
	margin:0;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding:0;
}

body div {text-align:left}

/* ---- Global elements ---- */

h2 {font: bold 1em/1.5em "Trebuchet MS", arial, sans-serif; }

h2 img {margin: 0 .5em 0 0; vertical-align:top}

table {
	border:0; 
	margin:0; 
	padding:0; 
	border-collapse:collapse
}
table td, 
table th {vertical-align:top;}

hr {
	color: #bec0c2;
	height: 1px;
	background-color: #bec0c2;
	border:none;
	margin: 1em 0;
	clear:both;
}

* html hr {margin:0}

/* Accessibility: skip links */


#skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}

#skipLink {display:none}

/* Generic Classes */

.leftFloat {float:left; margin: 0 10px 10px 0}
.clearer {	
	clear:both;
	font-size: 1px;
	line-height:1px;
	margin:0;
}
.testing {
	width: 100%;
	height: 20px;
	background: red;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
		.clearfix {display: inline-table;}
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */


/* Global Form Styles */

form {
	margin:0px; 
	border:none;
}

input, 
select, 
textarea {
	border: 1px solid #ccc; 
	font: 1em arial, sans-serif;
}

img {border:0;}

a {text-decoration:none; color: #333}
a:hover {text-decoration: underline;}


/* ---- Global container div ---- */

#wrapper {
	margin:0 auto;
	width: 778px;
	border-top:2px solid #ffffff;
}

/* ---- Header styles ---- */

#header {
	float:left;
	padding: 6px 5px 0px 0px;
	color:#fff;
	width: 773px;
}

#header {	color:#333333; }

/* logo header */
h1 {
	float:left;
	margin:0;
	padding:0;
	font-size:1em;
}


/* Sub-level pages */
#contentWrap {
	width: 570px; /* ie5+_fix.css contains a different width to fix ie display issues */
	float:left; 
	background-color: #f2f2f2;
	padding:10px;
	margin-bottom:20px;
}

* html #contentWrap {overflow: hidden; o\verflow: visible;} 
/* hack stops IE from dropping floats due to 
non-breaking spaces and italic text */

#projects #contentWrap { /* ie5+_fix.css contains a different width to fix ie display issues */
	width: 330px;
}

#contentWrap h2 {
	color: #004e73; 
	background: #f2f2f2; 
	padding: .3em .3em .3em .6em; 
	margin:0 0 1em 0;
	background-color: #fff;
	clear:both;
}

#contentWrap h3 {
	font-size: 1em;
	color: #004e73;
}

h3 a {
	color: inherit;
}

#contentWrap h4 {
	font-size: 1em;
	color: #004e73;
	font-weight:normal;
}

#contentWrap h5 {
	font-size: 1em;
	color: #004e73;
	font-weight:bold;
	margin-bottom:.2em;
}


#contentWrap h6 { 
	color: #004e73; 
	background: #fff; 
	padding: .3em .3em .3em .6em; 
	margin:0 0 1em 0;
}

#contentWrap p a {
	color: #CC6600;
}


#sideWrap {
	width: 175px;  
	float:left; 
	margin-right:12px
}

.imageBox {
	text-align: left;
	background-color: white;
	padding: 8px;
}


/* ---- Global Navigation ---- */

#globalNav {
	margin-top:5px;
	float:right;
	text-align:right; 
	width: 40%;
	font-size: .85em;
	padding-top: 5px;
}
#globalNav ul {
	float:right;
	text-align:right;
	margin:0; 
	padding:0; 
	width: 100%;
}
#globalNav ul li {
	display:inline; 
	margin:0; 
	padding: 0 .5em; 
	line-height:1em; 
	border-right:1px solid #333333
}
#globalNav ul li.last {border-right:none; padding-right:0}

/* Global Search Box */

#globalSearch {
	float:right;
	text-align:right;
	width: 40%;
	margin: .5em 0 ;
	font-weight:bold;
}

#globalSearch label, 
#globalSearch input {
	display:inline;
	padding:0;
	margin:0;
}

#globalSearch input.goButton {vertical-align:bottom}

#globalSearch label {
	padding-right:.4em;
}

/* ---- Main Navigation ---- */

#mainNav {
	margin: 4px 0 0 0;
	clear:both;
	width:100%;
	float:left;
	font-family: "Trebuchet MS", arial, sans-serif;
	color:#fff;
	background: url("../images/bg-nav.gif"/*tpa=http://www.capitasymonds.co.uk/images/bg-nav.gif*/) repeat-x bottom #3eb1f1;
	border-bottom: 5px solid #d8effc;
}

#mainNav ul {
	margin:0; 
	padding:0; 
	display:inline;
}
#mainNav ul li {
	list-style:none; 
	display:inline; 
	float:left;
	padding:0;
	margin:0;  

}
#mainNav ul li a {
	float:left; 
	display:block;
	color:#d8effc; 
	padding: .2em 1em .6em 1em;
	margin-top:.3em;
	font-weight:bold; 	
	border-right:1px solid #d8effc; 
}
#mainNav ul li a:hover, 
#mainNav ul li.on a {background-color: #6dc4f4; text-decoration:none;}

/* ---- Subnavigation styling ---- */

#subNav h2 {
	color: #fff; 
	background-color: #6ec4f5; 
	margin:0; 
	padding: .2em .2em .2em .7em; 
	font: bold 1em/1.5em "Trebuchet MS", arial, sans-serif; 
	border-bottom:1px solid #fff 
}
#subNav ul {
	margin:0; 
	padding:0;
}
#subNav ul li { /* ie5+_fix.css contains additions to this rule, to fix display for ie 5+ */
	list-style:none; 
	border-bottom:1px solid #fff; 
	margin:0; 
	padding:0;
}

#subNav ul li a {
	display:block; 
	color: #d8effc; 
	background: url("../images/bullet-nav.gif"/*tpa=http://www.capitasymonds.co.uk/images/bullet-nav.gif*/) no-repeat .7em .6em #3eb1f0; 
	padding: .3em .2em .3em 1.5em;
}

#subNav ul li a:hover, 
#subNav ul li.on a {
	color: #fff;
	background: url("../images/bullet-nav-on.gif"/*tpa=http://www.capitasymonds.co.uk/images/bullet-nav-on.gif*/) no-repeat .7em .6em #52b9f2;
}

/* ---- 3rd lvl Subnavigation styling ---- */

#subNav ul ul {
	margin: 0px; 
	padding:0px ;
	border-top: solid 1px white;
	font-size: 85%;
}

#subNav ul ul li { /* ie5+_fix.css contains additions to this rule, to fix display for ie 5+ */
	list-style:none; 
	margin:0; 
	padding:0;
	border: 0px;
}


#subNav ul ul li a:link,
#subNav ul ul li a:active,
#subNav ul ul li a:visited {
	display:block; 
	width: 142px; 
	color: #d8effc; 
	background: url("../images/bullet-nav-on.gif"/*tpa=http://www.capitasymonds.co.uk/images/bullet-nav-on.gif*/) no-repeat 20px .6em #5CBEF5;
	padding: .3em .2em .3em 2.8em; 
} 

#subNav ul ul li a:hover, 
#subNav ul ul li.on a:link,
#subNav ul ul li.on a:active,
#subNav ul ul li.on a:visited {
	color: #fff;
	background: url("../images/bullet-nav-on.gif"/*tpa=http://www.capitasymonds.co.uk/images/bullet-nav-on.gif*/) no-repeat 20px .6em #8FD0F5;
}




/* ---- Branding Banner ---- */

#banner {
	float:left;
	width:100%; 
	margin:10px 0; 
	background-color: #71267f;
	color: #fff;
	font: 1.2em/1em "Trebuchet MS", arial, sans-serif;
}
/* commented backslash hack --  hides from IE 5.2 for Mac \*/
#banner {clear:both}
/* end hack */

#banner img {width: 336px; float:left}
#banner div {float:left; width: 53%; margin-left: .5em; }

#banner h3, 
#banner p { 
	margin:0; 
	padding:0 10px;
	line-height:1em;
	font-weight: normal;
}

#banner h3 {
	font-size: 1.3em; 
	margin:0; 
	padding-top:1em;
}

/* ---- Home Page styles ---- */

.hContentWrap {
	float:left;
	margin: 0 0 10px 0;
	width:776px;
	background: url("../images/bg-hcontent.gif"/*tpa=http://www.capitasymonds.co.uk/images/bg-hcontent.gif*/) right repeat-y #f2f2f3;
}

/* commented backslash hack -- hides from ie5.2 for mac \*/
.hContentWrap {clear:both}
/* end hack */

.hContentWrap dl {
	float:left;
	clear:both;
	background: url("../images/btn-grayarrow.gif"/*tpa=http://www.capitasymonds.co.uk/images/btn-grayarrow.gif*/) right center no-repeat #fff;
	padding: 0 10px 0 0;
	width: 477px;
	margin-bottom:10px;
	margin-top:0;
	border-right: 4px solid #fff;
}
.hContentWrap dt, 
.hContentWrap dd {
	float:left; 
	padding: .3em .4em;
	padding-left: 10px;
}

.hContentWrap dd {margin:0; }

.hContentWrap dt {
	background-color: #dedfe0; 
	color: #2c6b89;
	font-weight:bold;
	font-family: "Trebuchet MS", arial, sans-serif;
}

#hDivisions, 
#hNews {
	float:left; 
	padding: 10px 0px 10px 10px; 
	width: 501px; 
}

#hDivisions h2, 
#hNews h2  {
	font-weight:bold; 
	color: #2c6b89;  
	background-color: #dedfe0;
} 

#hDivisions p.headline, 
#hNews p.headline {
	font-size: .9em; 
	background-color: #fff; 
}

/* Project and Careers home page content */
#hProjects, 
#hCareers { /* ie5+_fix.css contains additions to this rule, to fix display for ie 5+ */
	float:right;  
	width: 232px;
	padding: 10px; 
	margin-left: 5px; 	
	color: #d68533;
}

#hCareers select {width: 220px }

#hProjects a, 
#hCareers a {color: #004e73 }

#hProjects h2,
#hCareers h2 {
	color: #d68533; 
	background: #fff; 
	padding: 0.1em 0px 0.2em 0.5em; 
	margin:0px 0px 10px 0px;
} 

#hProjects form {
	margin:0px;
	padding:0px;
	border:0px;
}

#hProjects p {clear:both; font: .86em "Trebuchet MS", arial, sans-serif; margin:0;margin-bottom:0px;padding: 0.4em 0}

/* Home page Divisions: styling buttons */ 
#hDivisions ul {
	margin:0px; 
	padding:0px; 
	float:left; 
	width: 498px;
}

#hDivisions ul li {
	list-style:none;
	font-size: 90%; 
	font-family: "Trebuchet MS", arial, sans-serif; 
	float:left; 
	margin: 0 10px 10px 0;
	padding:0px; 
	width: 156px; 
}

#hDivisions ul li.last {margin: 0px 0px 10px 0;}

#hDivisions ul li img {margin:0; display:block}

#hDivisions ul li a {
	display:block; 
	margin: 0px; 
	padding: 0 25px 0 0; 
	color: #c60; 
	text-align:right; 
	background: url("../images/btn-grayarrow.gif"/*tpa=http://www.capitasymonds.co.uk/images/btn-grayarrow.gif*/) no-repeat right #fff;
}


/* Partner Categories for partnership pages -- very similar styles to the home page divisions buttons. Styles are repeated to 
make future changes easier */

#partnerCategories {
	margin:0;
	padding:0
}

#partnerCategories li {
	float: left;
	width: 171px;
	list-style:none;
	font-family: "Trebuchet MS", arial, sans-serif;
	margin: 0 10px 10px 0;
	padding:0;
}

#partnerCategories li img {margin:0; display:block}
#partnerCategories li a {	
	display:block; 
	margin: 0px; 
	padding: 0 25px 0 0; 
	color: #c60; 
	text-align:right; 
	background: url("../images/btn-grayarrow.gif"/*tpa=http://www.capitasymonds.co.uk/images/btn-grayarrow.gif*/) no-repeat right #fff;
}

/* Project Search box */
#hProjects #projectSearch {
	float:left; 
	margin-bottom: .3em; 
	margin-top: 12px;
}
#projectSearch input {float:left}
#projectSearch label {
	float:left; 
	clear:left; 
	width: 40%; 
	margin: 0 0 .4em 0; 
}

#hProjects p.advSearch {padding-top:0}

/* Career Search box */
#careerSearch input, 
#careerSearch select {
	margin: .2em 0; 
}
#careerSearch label {
	float:left; 
	clear:left; 
	width: 40%; 
	margin: .2em 0; 
}
#careerSearch .cSearch {
	text-align:right; 
	clear:both; 
	width: 85%; 
	padding-right:6px;
}

#careerSearch p {
	margin:0; 	
	font: 0.85em arial, sans-serif;
	color:#333;
}


/* home page news feature boxes */
.hNewsFeature {
	width: 150px;
	float:left;
	margin-right: 10px;
}

.hNewsFeature img {float:left; width:auto; margin-right: .5em}
.hNewsFeature h3 {
	font-size: 95%; 
	float:left; 
	text-align:left; 
	width: 64%; 
	margin:0; 
	padding:0; 
	color: #306f8d;
}
.hNewsFeature h3 a {color: #306f8d; }

.hNewsFeature p {
	clear:both; 
	padding: 1em 0 0 0; 
	margin:0;
	font-size: 85%
}
.hNewsFeature p a {
	color: #c60; 
	float:right; 
	font-weight:bold
}


/* Main news feature */
.hNewsFeatureMain {
	float:right; 
	width: 160px; 
	background-color: #fceecc; 
	margin-right: 5px; 
	padding-bottom:10px;
}
html>body .hNewsFeatureMain {margin-right: 10px; }

.hNewsFeatureMain h3 {
	font-size: 95%; 
	padding:0; 
	color: #cc6600; 
	margin: .5em;
}

.hNewsFeatureMain h3 a {color: #cc6600}

.hNewsFeatureMain p {
	margin: .5em; 
	font-size: 85%
}
.hNewsFeatureMain p a {
	color: #c60; 
	float:right; 
	font-weight:bold
}

/* Photo Album */

#photoAlbum {
	float:left;
	width: 100%; 
	margin-bottom:1em;
	clear:both;
}

#photoAlbum p {
	float:left; 
	clear:none;
	text-align:left; 
	margin:0 2px 0 0; 
	padding:0 0 5px 0; 
	line-height: 1em; 
}


#photoAlbum img {margin: 0 0 5px 0; border:0px}
#photoAlbum span {float:left; clear:both;}
#photoAlbum p span a {color: #072968; font-weight:normal;}



/* ---- Page-specific styles ---- */

/* News page layout */

.newsFeature {
	float:left;
	margin-bottom:2em;
	width: 99%;
}

.newsImgWrap {float:left; width: 40px; border-bottom: 1px solid #f2f2f2}
.newsFeature .newsImgWrap img {width: 100%; border: 2px solid #f5c556; float:none }

.newsFeature img {
	float:left;
	/*
	width:10%;
	*/
	border:2px solid #f5c556 
}




.newsFeature img.talkPoint {width: 161px; margin-right: 10px;}

.newsFeatureContent {
	float:left;
	width: 85%;
	margin-left: 1em
}
.newsFeatureContent p {margin:0; padding:0}
.newsFeature p a {color: #c60; text-decoration:underline}

.newsFeatureContent h3 {
	margin:0; 
	padding:0;
	font-size: 1.1em;
	font-weight:normal;
}

.newsFeatureContent h3 a {
	color: #004e73;
}


table.newsList {
	width:100%; 
	margin-bottom:1em;
}
table.newslist th {display:none;}
table.newsList td {padding: .2em .5em}
table.newsList colgroup.newsDates {width: 25%}
table.newsList td a {
	background: url("../images/bullet-gray.gif"/*tpa=http://www.capitasymonds.co.uk/images/bullet-gray.gif*/) no-repeat 0 .4em; 
	padding-left: 1em;
	color: #004e73;
}

table.vacancyList {
	width: 100%;
	margin:0 0 1em 0;
	padding:0;
	border-collapse:collapse;
}

table.vacancyList th {
	margin-bottom:0;
	padding-top:1.2em;
}
table.vacancyList h2 {
	color: #004e73; 
	background-color: #fff; 
	padding: .3em .3em .3em .6em; 
	margin:0;
}

table.vacancyList td {padding: .2em .5em;}
table.vacancyList td a {
	background: url("../images/bullet-gray.gif"/*tpa=http://www.capitasymonds.co.uk/images/bullet-gray.gif*/) no-repeat 0 .4em; 
	padding-left: 1em;
	color: #004e73;
}

a.viewLink  {
	float:right;
	background: url("../images/btn-orangearrow.gif"/*tpa=http://www.capitasymonds.co.uk/images/btn-orangearrow.gif*/) no-repeat right center;
	color: #c60;
	font-weight:bold;
	padding: 0 2em;
	font-family: "Trebuchet MS", arial, sans-serif;
}

a.newsLink {
	float:left;
	clear:left;
	background: url("../images/btn-orangearrow.gif"/*tpa=http://www.capitasymonds.co.uk/images/btn-orangearrow.gif*/) no-repeat left center;
	color: #c60;
	font-weight:bold;
	padding: 0 2em;
	margin:.5em 0;
	font-family: "Trebuchet MS", arial, sans-serif;
}

#newsletterArchive {
	float:left; 
	width: 390px; 
	margin:0; 
	padding:0; 
}
#newsletterArchive dt { 
	float:left; 
	clear:left; 
	width: 50px; 
	margin:0; 
	padding:.5em 0;
}
#newsletterArchive dd {
	float:left; 
	width: 340px; 
	margin:0; 
	padding:.5em 0; 
}

#newsletterArchive dd a {
	font-weight:bold; 
	color: #004e73; 
	padding-right: 20px; 
}
#newsletterArchive dd a.pdf {background: url("../images/icon_pdf.gif"/*tpa=http://www.capitasymonds.co.uk/images/icon_pdf.gif*/) no-repeat right; padding-right: 20px}
#newsletterArchive dd a.doc {background: url("../images/icon_doc.gif"/*tpa=http://www.capitasymonds.co.uk/images/icon_doc.gif*/) no-repeat right; padding-right: 20px}

/* Contact Us, office locations layout */

ul.officeLocations {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	width: 183px;
}
 
ul.officeLocations li {
	float: left;
	width:152px;
	margin: 0 5px;
	padding:6px 0 6px 10px;
	background: url("../images/bullet-gray.gif"/*tpa=http://www.capitasymonds.co.uk/images/bullet-gray.gif*/) no-repeat .3em .7em;
	border-bottom:1px solid #eee;
}

ul.officeLocations li a {
	display:block;
	color: #004e73;
	padding: .1em 0 .1em .7em;
	text-decoration:underline;
}

ul.officeLocations li a:hover {
	color: #c60
}

ul.col1, ul.col2 {margin-right:10px;} 

/* Location map styles */
.locationMap {
	float:right; 
	width:375px; 
	background-color: #fff; 
	text-align:center;
}
.locationMap p, 
.locationMap ul {text-align:left;}

.locationMap ul {margin:0; padding:10px}

.locationMap ul li {
	list-style:none; 
	padding: 2px 10px; 
	background: url("../images/bullet-gray.gif"/*tpa=http://www.capitasymonds.co.uk/images/bullet-gray.gif*/) no-repeat 0 .4em
}

.locationMap ul li a {color: #c60}

.contactInfo {
	float:left;
	width: 180px;
}

.contactInfo p {
	margin-top:0; 
	margin-left: 10px;
}

.contactInfo a {font-weight:bold}

.mapDirections {
	font-weight:bold;
	background: url("../images/icon_pdf.gif"/*tpa=http://www.capitasymonds.co.uk/images/icon_pdf.gif*/) no-repeat;
	padding-left: 20px;
}

/* What we do: selected projects column for projects page layout */
#selectedProjects {
	float:right; 
	width: 210px; /* ie5+_fix.css contains a different value, to fix display on ie 5+ */
	border-left: 10px solid #fff; 
	background-color: #f2f2f2;
	padding: 10px;
}

#selectedProjects h2 {
	color: #004e73; 
	background: #fff; 
	padding: .3em .3em .3em .6em; 
	margin:0 0 1em 0;
	clear:both;
}

#selectedProjects p {
	float:left;
	width:100%;
	clear:both;
	margin: .5em 0;
}

#selectedProjects a {color: #004e73}

#selectedProjects img {
	float:left;
	margin: 0 10px 0 0;
}

/* Project Info table for project detail pages */
.projInfo td, 
.projInfo th {
	padding:.3em 0; 
	font-size: .9em
}

.projInfo th {
	width: 30%;
	color: #c60;
	font-family: "Trebuchet MS", arial, sans-serif;
}

/* Services page */
#serviceFeature {
	float:left;
	width: 100%;
	margin: .5em 0;
}

#serviceFeature img {
	float:left;
}

#serviceFeature ul{
	margin:0;
	padding:0;
	float:right; 
	width: 145px;
}

#serviceFeature ul li {
	list-style:none;
	padding:0;
	margin: 0 0 5px 0;
	background-color: #fff;
	text-align:right;
	font: bold .9em "Trebuchet MS", arial, sans-serif;
	line-height: 0.7em;
	float:right;
	width:99%;
	color:#cc6600;
}

#serviceFeature ul li a {
	display:block;
	padding:.3em 2em .3em .3em;
	background: url("../images/btn-grayarrow.gif"/*tpa=http://www.capitasymonds.co.uk/images/btn-grayarrow.gif*/) no-repeat right center;
	color:#cc6600;
}

#serviceList {
	clear:left; 
	float:right;
	width: 140px;
	background: #fff;
	border:1px solid #ccc;
	padding:5px;
	margin-top:1em;
	font-size: .85em;
	height: 160px;
	overflow:auto;
}

#serviceList ul {
	margin:0; 
	padding:0;
	width: 120px;
}

#serviceList ul li {
	list-style:none;
	color:#666;
}

/* service page news feature boxes */
.serviceNewsFeature {
	width: 184px;
	float:left;
	margin-right: 10px;
}

.serviceNewsFeature img {float:left;}
.serviceNewsFeature h3 {
	font-size: 95%; 
	float:right; 
	text-align:left; 
	width: 70%; 
	margin:0; 
	padding:0; 
	color: #306f8d;
}
.serviceNewsFeature h3 a {color: #306f8d; }

.serviceNewsFeature p {
	clear:both; 
	padding: .5em 0 0 0; 
	margin:0;
	font-size: 85%
}
.serviceNewsFeature a {
	color: #c60; 
	float:left; 
	font-weight:bold
}

/* Course listing page */

.courseListing {
	margin:0;
	padding:0;
	border-collapse:collapse;
	width: 100%;
	margin-bottom:2em;
}

.courseListing th a, .courseListing td a {
	color: #004e73;
}
.courseListing td {
	width: 33%;
	vertical-align:top;
	font-size: 90%;
	padding:.2em;
}

.courseListing td.lecture {text-align:right; width: 10%}

.venueDetail {
	float:left;
	width: 55%;
}

/* Who we are section layouts */
#peoplePhotos {
	float:right;
	width: 210px;
	margin: 0 0 2em 0;
}

#peoplePhotos img {
	float:left;
	margin: 0 0 10px 10px;
}

#rtContent {
	float:right;
	width: 210px;
	margin: 0 0 2em 0;
}

#rtContent img {float:right}

.structure {text-align:center; }

.bio {
	float:left; 
	width: 100px;
	margin-right:1em; 
}

.bio img { 
	margin: 0 8px 8px 0; 
	border:8px solid #fff;}

.bioDetail {float:left; width: 75%}

/* Partner section layouts */
#partnerPhotos {
	float:right;
	width: 161px;
	margin: 0 0 2em 10px;
}

#partnerPhotos img {
	float:left;
	background-color: white;
	padding: 10px 0px 10px 0px;
	margin: 0 0 10px 0px;
}

.partnerImage {
	margin-right:30px;
}

/* ---- Sidebar feature boxes ---- */

/* Talking Point */
#talkingPoint {
	background-color: #f2f2f2; 
	width:154px;
	padding:10px;
	margin-top: 10px;
}

#talkingPoint h2 {
	color: #004e73; 
	background: #fff; 
	padding: .3em .3em .3em .6em; 
	margin:0 0 1em 0;
	clear:both;
}

#talkingPoint h3 {
	font-size: 1em;
	margin:1em 0;
	padding:0;
	font-weight:normal;
	color: #004e73;
}

#talkingPoint h3 a {color: #004e73;}

#talkingPoint p {font-size: .85em;}

#talkingPoint p a {
	color: #c60; 
	text-decoration:underline;
}

/* Search Projects */
#searchProjects {
	background-color: #f2f2f2; 
	width:154px; /* ie5+_fix.css contains a different value, to fix display on ie 5+ */
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float:left;
}

#searchProjects h2 {
	color: #004e73; 
	background: #fff; 
	padding: .3em .3em .3em .6em; 
	margin:0 0 1em 0;
	clear:both;
}

#searchProjects h3 {
	font-size: 1em;
	margin:1em 0;
	padding:0;
	font-weight:normal;
	color: #004e73;
}

#searchProjects p {font-size: .85em;}

/* Search projects form styles */
#searchProjects form {
	float:left;
	clear:both;
	margin-top: 0px;
	padding-top: 0px;

}

#searchProjects form input, 
#searchProjects form select {
	float:left;
	clear:both;
	border: 1px solid #ccc;
	margin: 0 0 .5em 0;
	font-size: .85em;
}

#searchProjects form label {
	width:99%;
	float:left;
	clear:left;
	font-family: "Trebuchet MS", arial, sans-serif;
	color: #c60;
	font-size: .9em;
	margin: .5em 0 0 0;
}
#searchProjects form input.value {
	float:none;
	clear:both;
	border: 1px solid #ccc;
	margin: 0 0 .5em 0;
	font-size: .85em;
}

#searchProjects form .checkbox {border:none;}

#searchProjects form small {
	float:left; 
	margin-left: 1em; 
}

#sProjects {float:left; width: 99%; margin-bottom:.5em}

/* Newsletter promo link */
#newsletterLink {
	text-align:center;
	margin-top:1em;
	font-size: .9em;
}

#newsletterLink p {margin:0}

#newsletterLink p a {
	color: #c60; 
	text-decoration:underline;
}


/* Turnover display styles */

.turnover {
	width: 180px;
	border: solid 1px #ccc;
	margin-bottom: 10px;
	font-size: 85%;
}

.turnover caption {
	font-weight:bold; 
	text-align:left; 
	padding:3px 0
}

.turnover td {
	padding:3px;
}
.turnover tr.even {
	background-color: white;
}
.turnover th {
	text-align:left;
}

.turnover .highlight {
	color:#CC3333;
}

/* Shared styles -- Additional info boxes displayed on the right side */

#additionalInfo {
	width: 160px;
	float:right;
	margin-left:10px;
	background: #fff;
}

#additionalInfo h3 {
	background-color: #6dc4f4;
	color: #fff;
	clear:both;
	margin:0;
	padding:.3em;
	border-bottom:4px solid #d8effc;
}
#additionalInfo p {
	padding:.3em;
	margin:0;
}

#additionalInfo dl {
	float:left; 
	width: 100%; 
	margin:.5em 0; 
	padding:0;
}

#additionalInfo dt {
	float:left; 
 	margin:0;
	padding:0 .5em .5em .5em;
	clear:left; 
	width: 45px;
}


#additionalInfo dl img {width: 45px;}

#additionalInfo dd {
	width: 96px;
	margin:0; 
	padding:0 0 .5em 0;
	float /**/:left; /* hides from ie6 */
}

#additionalInfo a.contactName {font-weight:bold; color: #062966}
#additionalInfo a.contactLink {color: #cc6600}

#divisionLayout {float:left; width: 390px;}

/* resource links for news articles */
.resourceLinks, 
.relatedLinks,
.anchorLinks {
	margin:0;
	padding:0 .5em .5em .5em;
	clear:both;
}

.anchorLinks {margin-bottom: 1em}

.resourceLinks li, 
.relatedLinks li,
.anchorLinks li {
	list-style:none;
	background: url("../images/bullet-gray.gif"/*tpa=http://www.capitasymonds.co.uk/images/bullet-gray.gif*/) no-repeat 0 .5em; 
	padding: .3em 0 .3em .8em;
	color: #004e73;
}

.anchorLinks li {
	padding: 0 0 0 .8em;
	background-position: 0 .2em;
}

.resourceLinks li.pdf, 
.relatedLinks li.pdf {
	background: url("../images/icon_pdf.gif"/*tpa=http://www.capitasymonds.co.uk/images/icon_pdf.gif*/) no-repeat 0 .4em; 
	padding-left:1.5em;
}
.resourceLinks li.word, 
.relatedLinks li.word {
	background: url("../images/icon_doc.gif"/*tpa=http://www.capitasymonds.co.uk/images/icon_doc.gif*/) no-repeat 0 .4em; 
	padding-left:1.5em;
}
.resourceLinks li a, 
.relatedLinks li a,
.anchorLinks li a {color: #004e73;}

/* related services */

.relatedServices {
	margin:0;
	padding:0 .5em .5em .5em;
	clear:both;
}
.relatedServices li {
	list-style:none;
	background: url("../images/bullet-gray.gif"/*tpa=http://www.capitasymonds.co.uk/images/bullet-gray.gif*/) no-repeat 0 .5em; 
	padding: .3em 0 .3em .8em;
	color: #004e73;
}

/* --- SiteMap layout --- */
#siteMap, 
#siteMap ul, 
#siteMap ul ul {
	margin:0;
	padding:0;
}

/* First level links */
#siteMap li {
	list-style:none; 
	line-height: 1.4em;
	background: url("../images/bullet-orange.gif"/*tpa=http://www.capitasymonds.co.uk/images/bullet-orange.gif*/) no-repeat .8em .4em #fff;
	margin: .2em 0;
	color: #999;
	padding:0;
}

#siteMap li a {
	color:#cc6600; 
	padding-left: 25px;
}

/* Second level links */
#siteMap li ul {background-color: #f2f2f2 }	
	
#siteMap li ul li {
	background: url("../images/bullet-gray.gif"/*tpa=http://www.capitasymonds.co.uk/images/bullet-gray.gif*/) no-repeat 0 .2em #f2f2f2;  
	margin-left: 25px;
}

#siteMap li ul li a {
	padding-left: 12px; 
	color:#004e73;
}

/* Third level links */
#siteMap li ul li ul {background-color: #f2f2f2; }

#siteMap li ul li ul li {
	list-style: circle; 
	background-color:#f2f2f2; 
	background-image:none;
	margin-left:35px;
}

#siteMap li ul li ul li a {padding-left: 0}


/** ---- Forms : Submit Query + added fixes ---- **/

#submitQuery {
	float:left; 
	width: 90%; 
	padding: 1em 0;
}

#submitQuery p {margin:0;}

#submitQuery input, 
#submitQuery textarea  {
	float:left; 
	width: 55%; 
	margin: .3em 0;
}

#submitQuery label {
	float:left; 
	text-align:right; 
	clear:left; 
	width: 30%; 
	margin: .3em 1em .3em 0
}

#submitQuery label span {
	color: red; 
	font-weight:bold
}

#submitQuery .submit, 
#submitQuery .clear {
	float:right; 
	margin:.5em 0 0 1em; 
	padding:0; 
	background-color: #3696b8; 
	width: 6em; 
	color: #fff;
}

#submitQuery .clear {
	clear:right; 
	margin-right: 4.5em;
}

#submitQuery fieldset {
	border:0; 
	float:left; 
	width: 100%; 
	clear:both; 
	margin:0; 
}

#submitQuery fieldset input, 
#submitQuery fieldset label {
	float:left; 
	padding:.1em .2em;
}

#submitQuery fieldset label {width: 80%}
#submitQuery fieldset input { width: 5%}

/* Renewal Form */
#submitQuery fieldset#fInterests {
	width: 60%;
	margin-left: 130px;
	margin: 0 0 0 80px;
	padding:0;
}

html>body #submitQuery fieldset#fInterests {margin-left:165px;}

#submitQuery #fInterests label {
	float:left; 
	clear:left; 
	text-align:left; 
	margin: .1em 0; 
	display:block; 
	width: 70%;
}

#submitQuery #fInterests input {
	float:right;  
	width: 8%; 
	margin:0 1em; 
}

#submitQuery legend {
	margin:.2em 0; 
	padding:0; 
	font-weight:bold
}

#searchArchive {
	text-align:center; 
	margin: 0 0 .5em 0 ;
}

#searchArchive fieldset {
	margin: 0 auto; 
	width: 60%; 
	border:1px solid #3696B8; 
	padding: 0 1em 1em 1em;
}

#searchArchive legend {
	font-weight:bold; 
	margin:0;
	margin-bottom:.5em;
}

#searchArchive input, 
#searchArchive select {
	float:left; 
	width: 68%; 
	margin: .3em 0
}

#searchArchive label {
	float:left; 
	width: 30%; 
	margin: .3em 0;
	text-align:left; 
}


#searchArchive .submit, 
#searchArchive .clear {
	float:left; 
	margin:.5em .5em 0 1em; 
	padding:0; 
	background-color: #3696b8; 
	width: 6em; 
	color: #fff;
}
#searchArchive .submit {margin-left: 18%}
#searchArchive .submit {margin-left: 8em}

#searchArchive span {float:left}

/* Radio button layout within form */
#searchArchive fieldset.radioLayout {
	border:0;
	float:left;
	margin:0; 
	padding:0;
}

#searchArchive fieldset.radioLayout input {
	width: 10%;
	border:0;
}

/* Previous and Next buttons for Results pages */
.prevNext {
	margin: 0; 
	padding:0; 
	float:left; 
	width: 100%; 
	clear:both;
}

.prevNext li {
	margin:0; 
	padding:0;
	list-style:none; 
	float:left; 
	width: 49%; 
	font-size: 85%; 
}

.prevNext li.next {text-align:right}
.prevNext li a {font-weight:bold; color: #CC6600}

#searchArchive .completionYear {
	float:left; 
	width: 100%; 
	border:0; 
	margin:.5em 0; 
	padding:0; 
}

#searchArchive .completionYear input {width: 8%;}

#searchArchive .formCompletionYear {
	float:left; 
	clear:both; 
	width: 100%; 
	margin:.5em 0
}

#searchArchive .formCompletionYear label {
	text-align:right; 
	width: 45%; 
	margin-right: 1em;
}

#searchArchive .formCompletionYear select {width: 25%;}
#searchArchive .formCompletionYear p {
	float:none; 
	width: 100%; 
	margin:0;
}

#searchArchive input.shortField {
	width: 18%; 
	margin-left: .3em; 
	margin-right:.3em
}

.projectsSearhShortField {
	width: 150px; 
}

#contentWrap .searchResults p {
	background: url("../images/bullet-gray.gif"/*tpa=http://www.capitasymonds.co.uk/images/bullet-gray.gif*/) no-repeat 0 .3em; 
	padding-left: 12px;
}
#contentWrap .searchResults p a {color: #004e73}

.results {
	margin: .5em 0; 
	font-size: 85%;
	clear:both;
}


/* Generic Styles */
.noSpace {
	padding: 0px;
	margin: 0px;
}
.noBottomSpace {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.grey {
	font: 0.85em arial, sans-serif;
	color:#333;
}

.ltBlue {
	font-family: arial, sans-serif;
	color:#326e85;
}

.fmLabel {
	font: bold 0.85em arial, sans-serif;
	color:#cc6600;
}

/* pc added clause for homepage spotlight search - dont want to be bold */
#hProjects label.fmLabel{font-weight:normal}

.spacer {
	font-size:1px;
	line-height:1px;
}
.servMainTxt {width:409px;}



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

#footer {
	clear:both; 
	width:100%; 
	float:left;  
	padding-bottom:2em;
	margin-top:.5em;
}

#footerLinks {
	width: 50%; 
	float:left;
	font-size: 85%;
	margin-top: 4px;
}

#footerLinks ul {
	float:left; 
	clear:left;
	width:100%; 
	margin:0; 
	padding:0 0 .5em 0; 
}

#footerLinks ul.tAndC {
	margin-top: 3px;
}

#footerLinks ul li {
	list-style:none; 
	display:inline; 
}

#footerLinks ul li a {

	float:left; 
	color:#333; 
	border-right: 1px solid #333; 
	padding: 0 5px; 
	line-height:1em ;
	font-size:inherit;
}

#footerLinks ul li a.last {border-right:1px solid #fff }


/* Copyright and credit */

#copyright {
	float:right; 
	width: 40%; 
	text-align:right; 
	font-size: 85%;
}

#copyright p {
	margin:0; 
	line-height: 1.5em
}

#copyright img {vertical-align:middle; margin-right: .5em;}


a.forceBlue{color:#306f8d !important;}