@charset "utf-8";

/* CSS Document */

/*Margins and basic font and font colour for entire site*/

*	{
	margin: 0em;
	padding: 0em;
	}
	


/*This is the background colour and image OUTSIDE of the web site area*/

html {
	background-attachment: fixed;
	background-color: #ddd;
	background-image: url(../images/background.jpg);
	padding-bottom:10px;
	padding-top:10px;
	}
	
	

/*Sets width of entire site, centres site on page and adds borders*/

body {
	width: 1010px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background: #fff;
	border-top: 1px solid #000000;
	border-right: 1px solid #9E9E9E;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #9E9E9E;
	}
		

/*This is the default area within the web site, but outside of banner, sidebar, content and footer etc*/

#container {
	background: #fff;	
	}
		

/*Sets default text for all elements in the entire site*/

body,div,p,li,blockquote p,ul,ol,dl,h1,h2,h3,h4,h5,th,caption {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
		

/*Sets default text colour, size and letter spacing for all default body text*/

p,blockquote p,ul,ol,dl,li 	{
	font-size:0.935em;
	color: #353535;
	letter-spacing: 0.035em;
	}
	

p {
	line-height: 1.6;
	margin-left: 0em;
	margin-bottom: 0.45em;
	}
	

li {
	line-height: 1.5;
	margin-bottom: 0.35em;
	}
	

/*Headings - 4 at present - all blue and bold*/
h1,h2,h3,h4 {
	color: #721878;
	letter-spacing: -0.01em;
	font-weight: bold;
	background-color: transparent;
	}
		

/*Basic headings*/
#content h1 {
	font-size: 1.55em;
	margin-top:0px;
	margin-bottom: 0.65em;
	clear:both;
	margin-left:-13px;
	margin-right:-12px;
	color: #fff;
	background: #721878;
	padding: 5px 5px 12px 12px;
	}
	

h2 {
	font-size: 1.35em;
	margin-top: 1.4em;
	margin-bottom: 0.35em;
	padding-top: 0.3em;
	color:#0492dd;
	}
	

h3 {
	font-size: 1.15em;
	margin-top: 0.9em;
	margin-bottom: 0.30em;
	}
		

h4 {
	font-size: 1.05em;
	margin-top: 0.7em;
	margin-bottom: 0.1em;
	padding-bottom: 0.2em;
	}
	

/*--------------------------------------------------------------------------------------------*/
/*Default lists - not navigation lists*/
/*With bottom margin between list elements*/
ul {
	list-style-type: square;
	margin-left: 2em;
	margin-top: 0.5em;
	margin-bottom: 0.8em;
	}
		

ol {
	list-style-position: outside;
	list-style-type: decimal;
	line-height: 1.35em;
	margin-left: 1em;
	text-indent: 0pt;
	padding-left: 1em;
	}
		

/*Horizontal rule - I must try not to use this too much*/

hr {
	border: 1px solid #999;
	height: 1px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}
	

/*------------------------------------------------------------------------------------*//*Default links - these take effect when they are not part of page navigation*/

#content ul li a:link, #content p a:link {
	border-bottom: 1px solid #721878;
	color:#721878;
	text-decoration: none;
	}
	

#content  ul li a:visited, #content p a:visited {
	text-decoration: none;
	border-bottom: 1px solid #751B7C;
	color: #751B7C;
	background-color: transparent;
	}
	

#content ul li a:hover, #content p a:hover {
	border-bottom: 1px solid #ec7703;
	text-decoration: none;
	color:#fff;
	background-color: #ec7703;
	}
	

#content ul li a:active, #content p a:active {
	text-decoration: none;
	border-bottom: 1px solid #88c239;
	background-color: #88c239;
	}
	

/*Must be emphasis - not just presentational bold*/
strong {
	font-weight: bold;
	}
		

/*This one is the same as bold - but does not indicate emphasis in html*/

.boldpresentation {
	font-weight: bold;
	color:black;
	}
	

.hilight {
	font-weight: bold;
	color: #721878;
	}
		

.superscript,sup {
	font-size: 60%;
	vertical-align: super;
	}
		

/*Must be emphasis - not just presentational italics*/
em {
	font-style: italic;
	}
		

.italics_not_emphasis {
	font-style: italic;
	}
		


/*- - - - - - - - - - - - - - - - - */
/*Must be quotes - not just indentation. This one has a negative text indent wich makes the left inverted commas OUTSIDE of the text block*/


blockquote p{
	color: #222;
	line-height: 1.5em;
	margin-left: 1.4em;
	text-indent: -0.35em;
	margin-top: 1.0em;
	}
		

/*Main content area - excludes right navigation*/
#content {
	width: 696px;
	float:left;
	padding-left:12px;
	padding-top:0;
	padding-right: 12px;
	padding-bottom: 5px;
	border-left-color: #ccc;
	background: #fff;
	margin-top:9px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:6px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left-style: none;	
	}
		

.sitemap#content {
	width:770px;
	margin-bottom:15px;
	}
		

/*- - - - - - - - - - - - - - - -- */

/*This is the sidebar on the right of page. It has a fixed width*/

#sidebar {
	clear: right;
	float: right;
	width: 245px;
	background-color: #721878;
	margin-left:0px;
	margin-bottom:8px;
	margin-top:9px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-width: 2px;
	border-style: solid;
	border-top-color: #ccc;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #ccc;
	}
		

#sidebar h3 {
	margin-bottom: 0px;
	margin-top: 20px;
	padding-top: 0px;
	padding-bottom: 3px;
	color:#fff;
	font-size: 1.15em;
	margin-left:0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #721878;	
	}
	

#sidebar ul {
	list-style-type: none;
	margin-left:0;
	margin-top:4px;
	background-color: #fff;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #999;	
	}
	

#sidebar li {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right:0px;
	margin-left:0;
	font-weight: bold;
	font-size: 0.95em;
	display:inline;
	}
		

#sidebar ul li a:link,#sidebar ul li a:visited {
	text-decoration: none;
	padding-bottom:1px;
	padding-top:1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #721878;
	color:#721878;
	background-color: transparent;
	display: block;
	text-indent: 12px;
	margin-left:0;
	}
		

#sidebar ul li a:hover {
	color: #fff;
	background-color: #ec7703;
	}
		

#sidebar ul li a:active {
	color: #fff;
	background-color: #88c239;
	}
	

#sidebar ul li a.no_border {
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #D9DAE7;
	}
	

#sidebar img { 
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #999;	
	margin-left:1px;
	margin-top:5px;
	}
	

#sidebar a:hover img,#sidebar a:active img  {
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	}
		

#sidebar p {
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-top: 0px;
	font-size: 0.84em;
	margin-bottom:15px;
	line-height: 1.3;
	}
		

#sidebar p a:link,#sidebar p a:visited {
	color: #fff;
	text-decoration: none;
	}
		

#sidebar p a:hover,#sidebar p a:active {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
	}
		

/*Hides html from browser like ‘skip to content’, but is still needed for non-image, non css browsing*/
.hide {
	display: none;
	}
		

/*- - - - - - - - - - - - - - - - - */

/*This is the quote box at the top of some of the main pages */

.stylequote {
	margin-top: 1.15em;
	margin-bottom: 1.8em;
	clear: both;
	padding-right: 5px;
	padding-left: 12px;
	border-top-color: #ccc;
	border-bottom-color: #000;
	border-right-color: #000;
	border-left-color: #ccc;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #0492dd;
	}
	

.stylequote blockquote p {
	font-size: 0.90em;
	font-weight: bold;
	color: #fff;
	margin-top:0.1em;
	margin-bottom: 0.4em;
	padding-top:6px;
	line-height: 1.5;
	margin-left:0;
	text-indent: -0.5em;
	}
	

.stylequote  blockquote p.stylecredit {
	font-size: 0.85em;
	text-align: right;
	margin-top:-3px;
	font-weight: bold;
	color: #eeffff;
	letter-spacing: -0.01em;
	margin-bottom:0;
	padding-bottom:0.1em;
	}
		

/*----------------------------------------------------------------------------*/	
/*this makes photolinks border colour change*/
a:hover img {
	border: 1px solid #009999;
	}
		

/*----------------------------------------------------------------------------*/	
/*Custom images for lists*/	
.info {
	list-style-image: url(../images/info_list.gif);
	}
		

ul.info li {
	margin-bottom:9px;
	}
		

.block {
	list-style-image: url(../images/bullet_sm.gif);
	}
		

/*--------------------------------------------------------------------------*/

/*Images - positioning, borders and margins*/

.photoright {
	float: right;
	margin-left: 13px;
	padding: 4px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	clear: both;
	margin-bottom: 1.5em;
	display: inline;
	}
		

.photorightnoborder {
	float: right;
	border: none;
	clear: both;
	margin-left: 15px;
	margin-bottom: 1.5em;
	}
		

a:hover img.photorightnoborder, a:active img.photorightnoborder {
	border:none;
	}
	

.photorightnomargins {
	float: right;
	padding: 4px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	clear: none;
	}
	

.photoleft {
	float: left;
	padding: 4px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	clear: none;
	margin-right: 11px;
	margin-bottom: 1em;
	display: inline;
	}
	

.photoleftnomargins {
	float: left;
	border: 1px solid #721878;
	clear: none;
	}
	

.photonoposition {
	float: none;
	padding: 1px;
	border-top: 1px solid #666;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #666;
	clear: none;
	}
	

/*pushes margin space left and right for image in table*/

.photonopositioncentre {
	float: none;
	padding: 0px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	clear: none;
	margin-right: 0.9em;
	margin-left: 0.9em;
	}
	

.photocaptioned {
	margin-right: 26px;
	float: left;
	}
		

.photocaptioned img   {
	padding: 2px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	}
		

.photocaptioned p{
	text-align: center;
	vertical-align: top;
	margin: -0.22em;
	line-height: 1.4em;	
	}
		

/*---------------------------------------------------------------------*/

/*positioned page areas*/

#all_header_template {
	padding-top:0;
	height:134px;
	padding-bottom:0;
	margin-bottom:0;
	background: #fff url(../images/banner_k.jpg);
	}
		

#all_header_template #logo_position {
	width:233px;
	height:90px;
	margin-top:5px;
	margin-left:410px;
	}
		

#skills {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0.02em;
	text-align: left;
	color: #000;
	width:412px;
	padding-top: 4px;
	padding-left: 108px;
	float:left;
	}
		

#all_header_template a:link img#logo_position, #all_header_template a:visited img#logo_position, #all_header_template a:hover img#logo_position, #all_header_template a:active img#logo_position {
	border:none;
	}
	

#all_header_template a:hover, #all_header_template a:hover img#logo_position, #all_header_template a:active, #all_header_template a:active img#logo_position {
	padding-top:1px;
	padding-left:1px;
	border:none;
	background-color:transparent;
	display:inline;
	}
		

#information {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0.02em;
	text-align: right;
	color: #000;
	width:280px;
	margin-top: 4px;
	margin-right: 122px;
	float:right;
	}
		

.highlight_strapline { 
	color: #721878; 
	}
	

#all_header_template a:link img, #all_header_template a:visited img, #all_header_template a:hover img, #all_header_template a:active img {
	border:none;
	}
		

.alt_col {
	color:yellow;
	}
		

/*Styling for navigation lists - inline to display horizontally as boxes with changing background colour Background colour was #FF6600*/
.nav {
	color: #721878;
	padding-left: 0;
	margin-left: 0;
	height:2.82em;
	background: #ccc;
	border-top: 2px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #666;
	}
		

.nav ul	{
	padding-left: 29px;
	padding-bottom:0px;
	margin-top: 5px;
	margin-left: 12px;
	list-style-type: none;
	}
	

.nav li{
	text-align: center;
	float: left;
	margin-right:36px;
	}
		

.nav a:link, .nav a:visited, .nav a:hover, .nav a:active {
	display: block;
	width:115px;
	letter-spacing: 0.03em;
	text-decoration: none;
	font-weight: normal;
	padding: 0.00em 0.12em;
	font-size: 1.1em;
	border-width: 2px 3px 3px 2px;
	border-style: solid;
	line-height: 1.50;
	}
	

.nav a:link,.nav a:visited  {
	background-color: #0492dd;
	color: #fff;
	border-top-color: #ccc;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #ccc;
	}
	

.nav a:hover   {
	background-color: #ec7703;
	color: #fff;
	border-top-color: #000;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #000;
	}
	

.nav a:active	{
	background-color: #88c239;
	color: #fff;
	border-top-color: #000;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #000;
	}
		

.dec_line {
	display: block;
	margin-top: 3px;
	margin-bottom: 10px;
	}
		

/*------------------------------------------------------------------------------------------*/

/*The name caption below caption*/
p.name {
	font-size: 1.08em;
	color: #000033;
	text-align: center;
	vertical-align: top;
	line-height: 1.31em;
	padding-bottom: 0.3em;
	}
	

td.name {
	font-size: 1.08em;
	color: #000033;
	text-align: center;
	vertical-align: top;
	line-height: 1.2em;
	padding-bottom: 0.15em;
	}
		

/*Smaller text beneath caption name denoting person’s role*/

.job {
	font-size: 0.92em;
	color: #333333;
	text-align: center;
	font-weight: normal;
	letter-spacing: -0.02em;
	width:196px;
	line-height: 1.35;
	}
		

/*Grey text for technical data*/
.feintdata {
	color: #666;
	}
	

/*---------------------------------------------------------------------*/
/*Footer area*/

#footer {
	margin-top: 6px;
	margin-left:0px;
	clear: both;
	background-color: #0492dd;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
	height:3.5em;
	border-bottom-color: #000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	}
		

#footer ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom:0.15em;
	margin-bottom:0.1em;
	}
	

#footer li {
	display: inline;
	margin-right: 1em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	padding-right: 0.7em;
	color: #fff;
	font-size: 0.82em;
	}
	

#footer  a:link,#footer a:visited {
	color:#fff;
	text-decoration: none;
	}
		

#footer  a:hover,#footer a:active	{
	color:#fff;
	text-decoration: underline;
	background-color:#ec7703;
	}
	

#footer li.right_list {
	border-right-width: 0px;
	border-right-style: none;	
	}
	

.feintfooter{
	color: #fff;
	font-size: 0.75em;
	margin-bottom: 0.25em;
	letter-spacing: -0.02em;
	}
		

/*Web standards icon in footer*/
.webstandards_icon {
	margin-left: 10px;
	margin-bottom:5px;
	float: right;
	}
	

a:link img.webstandards_icon, a:visited img.webstandards_icon, a:hover img.webstandards_icon, a:active 	img.webstandards_icon    {
	border:none;
	text-decoration: none;
	padding:0;
	}
	

/*older style - to be superceded soon*/


.captionsmall {
	font-weight: normal;
	vertical-align: top;
	margin-bottom: 0.7em;
	font-size: 0.95em;
	margin-top: -1em;
	text-align: center;
	padding-bottom: 0.75em;
	letter-spacing: -0.03em;
	color: #721878;
	}
		

/*For site map page only*/
#sitemap{
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom:1.45em;
	}
		

#sitemap h2 {
	color:#0492dd;
	margin-bottom: 0.1em;
	margin-top: 12px;
	clear: both;
	font-size: 1.25em;
	padding-top: 0.3em;
	border-top: 1px solid #C0C0C0;
	}
	

#sitemap h2.noborder {
	border-top: 0px none #fff;
	}
	

#sitemap ul{
	margin-left: 30px;
	padding-left: 30px;
	margin-bottom:5px;
	}
		

#sitemap li {
	margin-bottom:1px;
	margin-top:1px;
	padding-top:1px;
	font-size: 0.92em;
	color:#721878;
	padding-bottom:1px;
	}
		

#sitemap a:link,#sitemap a:visited {
	color: #721878;
	text-decoration: none;
	background-color: transparent;
	padding:2px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	}
	
	
	.sitemap#content #sitemap ul li a {
	
	 border: 0px none;
	 
	 }
	

#sitemap a:hover {
	color:#fff;
	background-color: #721878;	
	border:none;
	}
	

#sitemap a:active {
	color:#fff;
	background-color: #0000FF;	
	}
	

/*For contact map page only*/

#contact h3 {
	padding-top: 0.75em;
	padding-bottom: 0.35em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	}
		

p.thanks {
	padding-top: 0.45em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding-bottom: 0.55em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-weight: bold;
	clear: both;
	font-size: 1.15em;
	color:#721878;
	}
	

/*specific to Find Us Page - it lines up images next text*/
.find_us_block img {
	float: left;
	margin-right: 10px;
	padding: 3px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	clear:left;
	}
		

.find_us_block {
	height:11em;
	margin-bottom:5px;
	width: 100%;
	clear:both;
	display: block;
	}
	

.find_us_block h3 {
	color:#0492dd
	}
	

/*------------------------------------------------------------------*/
/*specific to Parnership Board Page - it has pdf icons as bullets*/

.pdflist li {
	list-style-image: url(../images/pdf_icon.jpg);
	margin-bottom: 8px;
	}
		

.mp3list li{
	list-style-image: url(../images/mp3-icon.jpg);
	margin-bottom: 8px;
	}
	

.pptlist li {
	list-style-image: url(../images/powerpoint_icon.jpg);
	margin-bottom: 8px;
	}
		

/*------------------------------------------------------------------*/
/*Green mark icon*/

.green_mark_icon_link {
	clear: right;
	float: right;
	margin-right: 14px;
	margin-top:-6px;
	}
		

a:link img.green_mark_icon_link, a:visited img.green_mark_icon_link, a:hover img.green_mark_icon_link, a:link img.green_mark_icon_active 	{
	border: 0px none;
	text-decoration: none;
	}
		

/*Two column for customer listing only*/

.halfcolumn {
	width: 48%;
	border: none;
	margin-right: 0.35em;
	margin-top: 0.05em;
	float: left;
	margin-bottom: 1.5em;
	}
	

.halfcolumn li {
	margin-bottom: 0.33em;
	color: #000033;
	line-height: 1.2em;
	list-style-type: none;
	margin-left: -0.22em;
	padding-left: 0;
	font-size: 0.90em;
	}
	

/*Specific to welcome page*/
body#index {
	background: #CFD2FE url(../images/graybrck.jpg) fixed;
	}
	

p.spacer {
	padding-bottom: 6px;
	}
	

#indexacross {
	margin-top:10px;
	}
	

#index #all_header_template { 
	border-bottom: 2px solid #fff;
	background-color:#fff; 
	}
		
	

/*This is the right hand bar which has a photo and new items on the web site - home page only*/

.home#sidebar{
	margin-top:0px;
	float:right;
	margin-right:15px;
	width:226px;
	padding-right:33px;
	}
	

.home#sidebar h3 {
	padding-top: 8px;
	padding-bottom: 17px;
	margin-top:5px;
	font-size: 1.2em;
	}
	

.home#sidebar ul {
	list-style: url(none) none;
	margin-left:-2px;
	width:250px;
	font-size: 0.88em;
	}
	

.home#sidebar ul li {
	margin-left: 0px;
	padding-left: 0px;
	color: #721878;
	text-indent: 0px;
	line-height: 1.4;
	}
	

.home#sidebar li a:link, .home#sidebar li a:visited {
	color:#721878;
	text-decoration: none;
	background:white;
	text-indent:0;
	display:block;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 6px;	
	}
	

.home#sidebar li a:hover,.home#sidebar li a:active {
	text-decoration: none;
	background:#ec7703;
	color:#fff;
	text-indent:0;
	text-decoration: none;
	display:block;
	}
	

.home#sidebar li a:active {
	background:#88c239;
	}
	

/*Basic info about WwW on home page only*/
#index_mission {
	border-width: 2px;
	border-style: solid;
	border-top-color: #ccc;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #ccc;
	margin-top:12px;
	margin-left:12px;
	margin-right:4px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	background: #fff;
	width:678px;
	}
	

#index_mission p {
	color:#000;
	font-weight: bold;
	font-size: 0.95em;
	}
	

#index_mission p.hilight {
	color:#721878;
	font-weight: bold;
	font-size: 1.2em;
	}
	

#index_mission ul {
	color:#721878;
	font-weight: bold;
	font-size: 0.95em;
	padding-bottom:1px;
	}
		

#index_mission ul li {
	color:#0492dd;
	}
	

#index_mission ul li a:link,#index_mission ul li a:visited, #index_mission p a:link, #index_mission p a:visited {
	color:#0492dd;
	padding:1px;
	border-bottom: 1px solid #0492dd;
	text-decoration: none;
	}
		

#index_mission ul li a:hover, #index_mission p a:hover {
	color:#fff;
	background:#ec7703;
	text-decoration: none;
	border-bottom-style: none;
	}
		

#index_mission ul li a:active, #index_mission p a:active {
	color:#fff;
	background:#88c239;
	text-decoration: none;
	border-bottom-style: none;
	}
	

#index_mission h2 {
	margin-top: 5px;
	padding-top: 5px;	
	}
		

/*Photos in a line on home page*/

#welcomephotoline {
	padding-top:12px;
	height:237px;
	margin-left:12px
	}
		

.welcomephoto {
	float: left;
	margin-right: 24px;
	padding: 2px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #ccc;
	background: #fff;
	}
	

.welcomephoto_right {
	float: left;
	padding: 2px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #ccc;
	background: #fff;
	}
	

/*Specific to welcome page - box below photos and above footer*/
#custnav {
	margin-top:6px;
	border-top: 2px solid #999;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #999;
	padding-top: 0px;
	padding-right: 66px;
	padding-bottom: 0px;
	padding-left: 0.25em;
	background: #fff;
	}
	

#custnav li {
	margin-left: 1px;
	margin-bottom: 6px;
	font-size: 1.15em;
	line-height: 1.45em;
	list-style-type: none;
	color: #721878;
	font-weight: normal;
	}
	

#custnav a {
	padding:0.18em;
	}
	

#custnav a:link{
	text-decoration: underline;
	color: #721878;
	}
	

#custnav a:visited {
	text-decoration: underline;
	background-color: transparent;
	color: #721878;
	}
		

#custnav a:hover {
	text-decoration: none;
	color: #721878;
	background: #000;
	}
		

#custnav a:active{
	text-decoration: none;
	color: #000;
	background: #000;
	}
		

	

/*For customer comments page only*/
.custquote {
	width: 620px;
	margin-bottom:12px;
	}
		

.custquote blockquote {
	margin-bottom:18px;
	border-top:1px solid #bbbbbb;
	padding-top: 3px;
	padding-bottom: 2px;
	clear:both;
	display:block;
	margin-top:4px;
	height:5.7em;
	}
		

.custquote blockquote p {
	font-size: 0.98em;
	color: #000033;
	line-height: 1.45em;
	margin-left: 1.4em;
	text-indent: -0.35em;
	margin-top: 3px;
	}
	

.custquote blockquote p img {
	float: right;
	margin-left: 13px;
	height:80px;
	width:57px;
	display:block;
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;	
	}
		

.custname {
	font-weight: bold;
	text-transform: uppercase;
	color: #721878;
	display:block;
	font-size: 0.70em;
	text-align: left;
	letter-spacing: 0.04em;
	margin-top: 3px;
	padding-right:80px;
	}
	

/*Single photo across page - block */		
.singlephotodiv {
	width:602px;
	padding-top: 1.2em;
	clear: both;
	}
	

.div_caption {
	font-size: 0.92em;
	color: #721878;
	text-align: center;
	vertical-align: top;
	letter-spacing: -0.02em;
	margin-top: -0.2em;
	padding-bottom: 1.3em;
	}
	

/*Specific styles for work table - customer and work columns* - for work list and archive work list htm pages*/

#work{
	clear: both;
	}
		

table#work{
	border-collapse: collapse;
	margin-top: 0.7em;
	}
		

#work caption{
	font-size: 1.6em;
	color: #721878;
	letter-spacing: 0em;
	text-align: left;
	vertical-align: top;
	padding-bottom: 1.4em;
	padding-left: 0.4em;
	padding-top: 1.4em;
	}
	

#work th {
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.01em;
	padding-bottom: 1em;
	font-size: 1.15em;
	padding-top: 0.6em;
	padding-left: 0.45em;
	background-color: #721878;
	border-top: 1px solid #721878;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #721878;
	border-left: 1px solid #721878;
	}
	

#work td {
	line-height: 1.25em;
	vertical-align: top;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.7em;
	border-collapse: collapse;
	border: 1px solid #A7A7A7;
	font-size: 0.95em;
	}
	
	
#content #work tr td a:link  {
	border-bottom: 1px solid #721878;
	color:#721878;
	text-decoration: none;
	}
	

#content #work tr td a:visited  {
	text-decoration: none;
	border-bottom: 1px solid #751B7C;
	color: #751B7C;
	background-color: transparent;
	}
	

#content #work tr td a:hover {
	border-bottom: 1px solid #ec7703;
	text-decoration: none;
	color:#fff;
	background-color: #ec7703;
	}
	

#content #work tr td a:active {
	text-decoration: none;
	border-bottom: 1px solid #88c239;
	background-color: #88c239;
	}
	

.worktableorg {
	color: #721878;
	letter-spacing: 0.01em;
	background-color: #FFFFBB;
	font-weight: normal;
	}
	

.worktablecat {
	color: #721878;
	letter-spacing: 0.04em;
	font-weight: bold;
	background: #EAF0FF;
	font-size: 0.95em;
	text-transform: uppercase;
	}
		

/*Not sure about this one!!!!*/
.clearbox {
	width: 700px;
	clear: both;
	float: left;
	margin-bottom: 1.7em;
	}
		

/*Text below photos*/

.photocaptioned .name {
	font-size: 1.07em;
	color: #721878;
	text-align: center;
	vertical-align: top;
	}
		

/*Smaller text beneath caption name denoting role*/
.photocaptioned .job {
	font-size: 0.9em;
	color: #333333;
	text-align: center;
	font-weight: normal;
	letter-spacing: -0.02em;
	margin-top: -0.4em;
	}
	

/*Count us in pages only*/

#count_in_box {
	width: 602px;
	}
	

#count_in_box p{
	text-align: center;
	vertical-align: bottom;
	color: #721878;
	font-size: 1.2em;
	margin-top: 1.6em;
	margin-bottom: 0.2em;
	}
	

#count_in_box .horcentre{
	text-align: center;
	vertical-align: bottom;
	color: #721878;
	font-size: 1.2em;
	margin-top: 1.6em;
	margin-bottom: -1.85em;
	}
	

#iconblock {
	margin-top: 15px;
	margin-bottom: -5px;
	padding-top: 3px;
	padding-bottom: 5px;
	border-top: 1px solid #009;
	border-bottom : 1px solid #009;	
	}
	

#iconblock h2 {
	padding-bottom:14px;
	margin-top:3px;
	}
	

/*Contact page?*/
.icon-contact {
	margin-right: 1em;
	text-align: center;
	margin-bottom: 0.3em;
	vertical-align: middle;
	background-color: #fff;
	padding: 1px;
	border-top: 2px solid #999;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #999;
	}
		

a:hover img.icon-contact, a:active img.icon-contact {
	border: 2px solid #721878;	
	}
	

.divacross {
	margin-top:0.8em;
	margin-bottom: 0.8em;
	width: 100%;
	clear: both;
	}
		

.divacross150 {
	margin-top: 1.3em;
	margin-bottom: 1.3em;
	width: 100%;
	clear: both;
	height: 155px;
	}
	

.divacross162 {
	margin-top: 0.9em;
	margin-bottom: 2.95em;
	width: 100%;
	clear: both;
	height: 165px;
	}
	

.divacrosslinebelow {
	margin-top: 3px;
	margin-bottom:3px;
	clear: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 3px;
	display:block;
	}
		

.divacrosslinebelow h2	{
margin-top: 0px;
padding-top:3px;
clear:both;
}
	

/*For LSF and Greenwich Health pages only - tables for posters etc*/
#healthtable .name td {
	padding-bottom: 0.95em;
	text-align: center;
	vertical-align: top;
	}
	

#healthtable img {
	margin-right: 31px;
	margin-left: 31px;
	}
		

#healthtable td a:hover,#healthtable td a:active{
	background:transparent;
	}
		

#healthtable td a:hover,#healthtable td a:active{
	background:transparent;
	}
		

#healthtable .name td a:hover,#healthtable .name td a:active{
	background:#721878;
	padding:2px;
	}
	

#iconcontact a:link{
	margin-top: -3em;
	}
		

tr.name {
	text-align: center;
	padding-bottom: 1em;
	}
		

.trans a:hover,.trans a:active	{
	background:transparent;
	}
		

.photos_in_line {
	float: left;
	width: 227px;
	margin-right: 5px;
	}
	

.photos_in_line img {
	border: 1px solid #721878;
	}
	

.photos_in_line p {
	font-weight: normal;
	vertical-align: top;
	margin-bottom: 0.7em;
	font-size: 0.95em;
	margin-top: -0.3em;
	text-align: center;
	padding-bottom: 0.75em;
	letter-spacing: -0.03em;
	color: #721878;
	}
	

.photos_half {
	float: left;
	width: 341px;
	padding-right:12px;
	margin-right: -5px;
	}
	

.photos_half img {
	padding:1px;
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	}
	

.photos_half p {
	font-weight: normal;
	vertical-align: top;
	margin-bottom: 0.7em;
	font-size: 0.95em;
	margin-top: -0.3em;
	text-align: center;
	padding-bottom: 0.75em;
	letter-spacing: -0.02em;
	color: #721878;
	}
	

.clear {
	clear: both;
	}
	

/*link page only*/
.link_list li {
	display: list-item;
	list-style: url(../images/hand_icon.gif);
	margin-left:25px;
	padding-left:5px;
	}
	

.link_list li a:link,.link_list li a:visited,.link_list li a:hover,.link_list li a:active {
	background-color:transparent;
	}
	

.link_list li a:hover {
	color:#0000ff;
	background-color:transparent;
	}
	

.link_list li a:active {
	color:#000;
	}
	

/*Quotes only*/
#quotes .photoright {
	margin-bottom:5px;
	}
	

#quotes p.hilight {
	margin-bottom: -0.75em;
	padding-bottom: 0px;
	margin-top:11px;
	clear:both;
	padding-top: 6px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	}
	

#quotes p.feintdata { 
	text-indent: 0px; 
	}
	

#quotes ul li {
	margin-bottom:0.00em;
	padding-bottom:0;
	margin-left:10px;
	}
	

/*Fireworks logo behind text on 10 year page*/
#celeb {
	background-image: url(../images/fireworks.jpg);
	background-position: 20px top;
	background-repeat: repeat-y;
	background-attachment: fixed;
	}
	

/*Gallery page for images*/


.gallery_round img {
	background: #fff;
	display: block;
	clear: both;
	margin-top: 25px;
	border:none;
	margin-bottom:-3px;	
	}
	

.gallery_round ul {
	margin-left:0;
	}
		

.gallery_round li {
	text-align: center;
	margin: 0px;
	margin-bottom: 20px;
	list-style: none;
	margin-left:0;
	font-size: 1.05em;
	color: #721878;
	letter-spacing: 0.03em;
	}
	

.gallery img {
	background: #fff;
	display: block;
	padding: 1px;
	clear: both;
	margin-top: 10px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;	
	}
	

.gallery p {
	text-align: center;
	margin: 0px;
	margin-top: -2px;
	margin-bottom: 15px;
	}
	

.gallery .twin img {
	background: #fff;
	display: inline;
	padding: 1px;
	clear: both;
	margin-top: 10px;
	margin-left:1px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;	
	}
	

.gallery .twin p {
	text-align: center;
	margin: 0px;
	margin-top: -2px;
	margin-bottom: 15px;
	}
	

	
h2.lessgap {
	margin-top:-15px;
	}
	



/*Towards citizenship page*/

#citizenship a:link img, #citizenship a:visited img {
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;
	}
	



#citizenship a:hover img, #citizenship a:active img {
	border-top: 1px solid #721878;
	border-right: 1px solid #721878;
	border-bottom: 1px solid #721878;
	border-left: 1px solid #721878;
	}
	



#citizenship tr.name td {
	padding-top:3px;
	padding-bottom:23px;
	}
	

	
	
table#citizen_gal {
	margin-top:17px;
	margin-bottom:6px;
	}
	

	
	
#citizen_gal img {
	margin-right:11px;
	margin-left:11px;
	}
	

	
	
#citizen_gal tr.name td {
	color: #009;
	text-align: center;		
	}
	





/*TFL page only*/
#tfl h2 {
	clear:right;
	margin-top:6px;
	padding-top:11px;
	border-top: 1px dotted #009;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #009;
	border-bottom-color: #009;
	border-left-color: #009;
	color:#0492dd;	
	}
	



#tfl .divacross img {
	float: left;
	padding: 4px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	clear: none;
	margin-right: 12px;
	margin-bottom: 8px;
	display: inline;
	}
	

	
#tfl .divacross p {
	padding-right:105px;				   
	}
	

	
#tfl .divacross {
	padding-bottom:0px;
	margin-top:3px;
	margin-bottom:3px;
	}
	

.noborder {
	border:none;
	}
	





/*This spaces out news items on the News page and puts a border between items*/

#news h2 {
	clear: both;
	padding-top:10px;
	border-top:solid #bbb 1px;
	margin-top:10px;
	}
	

	
	
#news p{ 
	line-height: 1.65em; 	
	}
	



/*This is the list for jargon to show which words are wrong*/


.wrong_list {
	margin-top: 33px;
	list-style: square url(../images/wrong_list.gif);
	font-size: 1.05em;
	color: #721878;
	vertical-align:40%;
}
	



.wrong_list li {
	font-weight: bold;
	}
	



.outer  {
	height:550px;
	padding-top:10px;
	margin-top:-1em;
	margin-right:-12px;
	margin-bottom:-5px;
	margin-left:-12px;
	border-bottom: 1px solid #721878;
	background: #B4B4B4 url(../images/graybrck.jpg) fixed;
	}
	



/*Slideshow div only*/
	.slides {
	width:560px;
	height:450px;
	padding:25px;
	background: #fff;
	margin-right: auto;
	margin-left: auto;
	margin-top:25px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #ccc;
	}
	

	
.slides p {
	text-align: center;
	padding-top:9px;
	font-size: 1.15em;
	color: #000066;	
	}
	

.slides img {
	margin-right: auto;
	margin-left: auto;
	}
	


/*Twitter icon only*/

img.twitter  {
	background: #fff;
	float: right;
	margin-bottom: 47px;
	margin-left: 13px;
	border-style: none;
	}
	

a:hover img.twitter,a:active img.twitter {
	border-style: none;
	}
	



/*Large size video - at the moment just ‘Count Us In’*/

#bigvideo {
	margin-top:20px;
	margin-bottom:25px;
	padding-bottom:15px;
	border-top: 1px dotted #721878;
	border-bottom: 1px dotted #721878;
	}
	

	
	
#bigvideo h2 {
	padding-top:7px;
	margin-top:5px;
	padding-bottom:9px;
	}
	


#content ul.block_gallery  {
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom:10px;
	}
	


#content ul.block_gallery li {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	font-size: 1.1em;
	font-weight: bold;
	text-align: right;
	color: #721878;
	letter-spacing: 0.03em;
	}
	



#content ul.block_gallery li img {
	display: block;
	border-top: 2px solid #ccc;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #ccc;
	margin-top: 32px;
	margin-left:3px;
	margin-bottom:-0px;
	padding:1px;
	text-align: right;
	background: #999;
	}