@import url(admin/admin-style.css); /*-- DO NOT REMOVE --*/

* {
	font-family: Arial, Verdana, sans-serif;
	font-size: 100.01%
}

html {
	height:100%;
}

body {
	color: #5f6163;	
	font: 1.1em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: 70%;
}

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

input, select, textarea {
	vertical-align: middle;
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #5F6163;
}

a:hover {
	text-decoration: underline;
}

address { font-style: normal; }

h2 {
	font-size: 120%;
}

h3 {
	font-size: 110%;
}

h4 {
	font-size: 105%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%;
	font-weight:normal;
}

hr {
	height: 1px;
	border: 0px;
	color: #b7b7b7;
	background: #b2bcbd;
}

p {
	margin: 0 0 12px;
	padding: 0;
}

img { border: 0px; }

/* Simple classes - dereferencing single style parameters to avoid inline styles */

.bold {
 font-weight: bold;
}

.clearboth {
 clear: both;
}

.floatleft {
 float: left;
}

.floatright {
 float: right;
}

.invisible {
	display: none;
}


/* Main Blocks */
.page-box {
	width:772px;
	margin:auto;
	xxxoverflow:hidden;
}
.main-part {
	width:589px;
	float:right;
}

.header {
	float:right;
	width:589px;
}
#main-box {
	float:left;
	display:inline;
	margin-left: 9px;
}
#main-box.wide {
	width: 566px; /*was 575*/ 
}
#sub-box {
	float:right;
	width:196px;
}
.navigation-part {
	width:183px;
	float:left;
	padding-top:7px;
}
.footer ul {
	margin:0;
	padding:0 0 0 5px;
	list-style:none;
	color:#5F6163;
	float:left;
}
.footer li {
	margin:0;
	padding:0 5px;
	float:left;
	background:url(images/slash.gif) no-repeat right center;
	color:#5F6163;
}
.footer li.last {background:none;}
.footer li a {color:#5F6163;}
.footer p {
	margin:0;
	float:right;
	font-size:0.9em;
	color:#7c7c7c;
	padding-bottom:7px;
}
.footer img {margin-bottom:-7px;}

/* Page Box Elements */
/* Logo Style */
h2.logo {
	float:left;
	display:inline;
	margin:17px 0 0 5px;
	padding:0;
	width:164px;
	height:82px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
h2.logo a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}

/* Header */
.top-vavigation {
	margin:0;
	padding:2px 0;
	list-style:none;
	text-align:right;
	width:531px;
	overflow:hidden;
	background-color:#FFFFFF;
}
.top-vavigation a {color:#5F6163;}
.header-photos li {
	margin:0;
	padding:0;
	float:left;
}
.header-photos li.photo-1,
.header-photos li.photo-3 {padding-top:37px;}
.header-photos li.photo-2 {padding-left:49px;}

.breadcrumbs {
	color: #5F6163;
	padding:2px 5px 2px 9px;
	margin: 0px;
	width: 575px;
	overflow: hidden;
}
.breadcrumbs a {
	color: #5F6163;
}


/* Headers Form */
.header legend,
.header label,
.navigation legend,
.navigation label  {display:none;}
.header input.text {
	width:143px;
	margin-right:7px;
	padding:1px 3px;
}
.navigation fieldset {
	margin-top:5px;
}
.e-newsletter-box p {display:none;}

.add-info {
	margin:0 7px;
	padding:0;
	list-style:none;
}
.add-info li.last {border-bottom:0;}
.add-info li.strong {
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}
.add-info li address a {color:#5F6163;}
.add-info li.logo {
	padding:5px 20px 5px 3px;
	font-size:0.9em;
	color:#747678;
}
.add-info li.logo p {text-align:left; margin-bottom:5px;}
.add-info li.logo ul {
	width: 146px;
	margin:0 0 5px;
	padding:0;
	list-style:none;
	float:left;	
	text-align:left;
	display:block;
}
.add-info li.logo li {
	margin:0;
	padding:0 5px 0 0;
	border:0;
	float:left;
}
.add-info li.logo li.clear {display:block; float:none; padding:0;}
.add-info li.logo.left img {}
.add-info li.logo span {float:left; margin-top:-3px;}
.add-info address {padding:2px 0;}

/* Sub Part Elements */
#sub-box ul {
	margin:0;
	padding:0;
	list-style:none;
}
#sub-box li img {float:left; margin-bottom:5px;}
#sub-box li h2 {
	margin:-7px 0 0;
	padding:0;
	font:bold 1.3em/1.3em Arial, Helvetica, sans-serif;
	color:#5F6163;
}
#sub-box li p {margin:0;} 

ul.arrow {
	text-indent:-9999px;
	font-size:1px;
	padding:0;
	margin:0;
	list-style:none;
	height:7px;
	clear:both;
}
ul.arrow li {
	margin:0;
	padding:0;
	border:0 !important;
	background:none !important;
	overflow:hidden;
	width:100%;	
}
#sub-box li ul.arrow {padding:0;}
#sub-box li ul.arrow li {margin:0; padding:0;}

#sub-box li ul.documents {
	margin:0;
}

#sub-box li ul.links li a:hover {text-decoration:none;}

/* Main Box Elements */
#main-box img {
	float:left;
	margin:3px 11px 2px 0;
}
#main-box h2 {
	font:bold 1.3em Arial, Helvetica, sans-serif;
	color:#5F6163;
	margin:0;
	padding:0;
}
* html #main-box .news.detail {margin-top:0;}
* + html #main-box .news.detail {margin-top:0;}
#main-box .news.detail .title span {
	font-weight:normal;
	color:#5F6163;
}
.news.newslist ul {
	margin:-1px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.news li.without-border {border-top:0;}
.news li img {
	float:left;
	margin:0 11px 0 0;
}
.news li p {margin:0;}

.shortmessages {
	width: 575px;
}

.shortmessageleft {
	float: left;
	width: 280px;
	padding-right: 15px;
}
.shortmessageright {
	float: left;
	width: 277px;
}
.shortmessagecontent {
	padding: 10px;
}
.shortmessagetitletext {
	font-weight: bold;
	color:#5F6163;
	font-size:1.1em;
}


/* Page selector */
.page-selector ul {
	list-style:none;
	margin:0;
	padding:0 15px 0 0;
}
.page-selector ul li {
	float:left;
	margin:0 0 0 -1px;
	padding:0 2px 0 0;
	font-weight:normal;
}
.page-selector ul li.next {font-weight:bold; padding-left:10px;}

#main-box ul.info,
#main-box ul.infonoicons {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
#main-box ul.info li.infotext,
#main-box ul.infonoicons li.infotext {
	padding-left: 5px !important;
}

#main-box ul.casestudy li{
	padding-left: 10px !important;
}

ul.info p, ul.infonoicons p {margin:0 0 10px;}
#main-box ul.info ul,
#main-box ul.infonoicons ul {
	margin:0 0 10px;
	padding:0;
	list-style:none;
}
#main-box ul.info ul li,
#main-box ul.infonoicons ul li {
	margin:0;
	padding:0 0 0 7px;
	border:0;
	/* background:url(images/square.gif) no-repeat 0 0.6em; *//* this line was causing the icon in the parent li to 
	part-vanish when present 	(e.g in jobs listing/details), due to a background also being applied in the parent
	li. Solution was to remove the background from the parent li and create a new class for the square background (.squarebg), 
	although I haven't yet found anywhere which uses the sqare background image on the front end */
}
.squarebg {
	background:url(images/square.gif) no-repeat 0 0.6em;
}
#main-box ul.info ul.strong-link,
#main-box ul.strong-link,
#main-box ul.infonoicons ul.strong-link {
	text-align:right;	
	font-weight:bold;
	margin:0px 0 2px;
	padding:0 12px 0 0;
	list-style:none;
}
#main-box ul.info ul.strong-link li,
#main-box ul.strong-link li,
#main-box ul.infonoicons ul.strong-link li {
	margin:0;
	padding:0;
	display:inline;
	font-size:1.3em;
	background:none;
}
#main-box ul.info ul.short-info.without-border,
#main-box ul.infonoicons ul.short-info.without-border {
	border-bottom:0;
	margin-bottom:0;
	margin-top:0;
	padding-bottom:0;
}
#main-box ul.info ul.short-info li,
#main-box ul.infonoicons ul.short-info li {
	margin:0 0 0 4px;
	padding:0;
	/*background-image: none;*//* this line was causing the icon in the parent li to part-vanish when present 
	(e.g in jobs listing/details), due to a background also being applied in the parent li. Solution was to remove 
	the background from the parent li and create a new class for the square background (.squarebg), although I 
	haven't yet found anywhere which uses the sqare background image on the front end */
	color:#5F6163;
}
#main-box ul.info strong, #main-box ul.infonoicons strong {color:#5F6163;}
#main-box ul.info ul.spec-links li,
#main-box ul.infonoicons ul.spec-links li {
	margin:0 0 0 4px;
	padding:0;
	background:none;
	color:#5F6163;
}
	
.show-bullets ul {
	list-style: disc !important;
	margin: 0 0 0 15px !important;
	padding: 0 0 0 0 !important;
}


/* Search Filter Form */
form.search-filter {
	padding:3px 0 0;
	margin:0 -7px;
}

form.search-filter legend,
form.search-filter label  {display:none;}
form.search-filter input.text {
	width:143px;
	margin-right:4px;
	padding:1px 3px;
}
form.search-filter input.narrowtext {
	width: 138px;
	margin-right: 4px;
	padding: 1px 3px;
}
form.search-filter select {
	width:173px;
	margin:0 4px 0 0;
}
form.search-filter select.aday {width:52px; margin-right:0px;}
form.search-filter select.amonth {width:64px; margin-right:0px;}
form.search-filter select.ayear {width:57px; margin-right:0px;}
/*** html form.search-filter select.year {width:45px;}*/
/* html form.search-filter select.day {width:43px;}*/
#sub-box form ul {
	margin:0;
	padding:0;
	list-style:none;
}
#sub-box form li {
	margin:7px 0 0;
	padding:0;
	border:0;
}

#sub-box li.text {padding:7px 10px 0; margin-top:43px;}
* html #sub-box li.text {margin-top:34px;}
* + html #sub-box li.text {margin-top:34px;}
#sub-box li.text p {margin-bottom:10px;}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* document icons */
li.doc { background:url(images/fileicons/doc.gif) no-repeat 0 5px !important; }
li.dot { background:url(images/fileicons/dot.gif) no-repeat 0 5px !important; }
li.emf { background:url(images/fileicons/emf.gif) no-repeat 0 5px !important; }
li.gif { background:url(images/fileicons/gif.gif) no-repeat 0 5px !important; }
li.jpg { background:url(images/fileicons/jpg.gif) no-repeat 0 5px !important; }
li.mpg { background:url(images/fileicons/mpg.gif) no-repeat 0 5px !important; }
li.pdf { background:url(images/fileicons/pdf.gif) no-repeat 0 5px !important; }
li.ppt { background:url(images/fileicons/ppt.gif) no-repeat 0 5px !important; }
li.rtf { background:url(images/fileicons/rtf.gif) no-repeat 0 5px !important; }
li.txt { background:url(images/fileicons/txt.gif) no-repeat 0 5px !important; }
li.wmv { background:url(images/fileicons/wmv.gif) no-repeat 0 5px !important; }
li.xls { background:url(images/fileicons/xls.gif) no-repeat 0 5px !important; }
li.zip { background:url(images/fileicons/zip.gif) no-repeat 0 5px !important; }
li.file { background:url(images/fileicons/file.gif) no-repeat 0 5px; }
/* end document icons */

/* sitemap types */
#sub-box ul ul.sitemaptypes li a {
	display:block;
	width:100%;
}
/* end sitemap types */

/* sitemap */
.sitemapatoz ul {
	margin:-1px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.sitemapatoz li {
	margin:0;
	padding:3px 30px;
	width:100%;
	overflow:hidden;
}
.sitemap ul {
	margin: 0;
	margin-left: 3em;
	padding:0;
}
.sitemap ul ul {
	margin-left: 1.4em;
}
.sitemap ul li {
	margin:0;
	padding:3px 0px 3px 0px;
}

/* search results */
#main-box ul.searchsections {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
#main-box ul.searchsections li div.sectiontitle {
	float: left;
	width: 460px;
}
#main-box ul.searchsections li div.sectioncount {
	float: right;
	width: 100px;
}
ul.searchsections p {margin:5px 0 5px 15px;}
#main-box ul.searchsections strong {color:#5F6163;}

/* board member section */
ul.boardmembersection {
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom: 12px;
}

.boardmembertitle {
	font-weight: bold;
	color:#5F6163;
}

.boardmemberthumbnail {
	float: left;
	width: 110px;
}

.boardmembersummary {
	float: left;
	width: 240px;
}

.wide .boardmembersummary {
	width: 430px;
}

.boardmembersummary p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

.board_title {
	float:left;
}
.width500 {
	width:500px;
}
.width300 {
	width:300px;
}
.back_link {
	float:left;
	display:inline;
	margin-left:10px;
}
.back_link img {
	margin:4px 3px 0px 0px !important;
}
.image_border img {
	border:solid 1px #FFFFFF;
}
.bg_none {
	background:none !important;
}
/* end board member section */


/* Photo gallery section */
.photogallery {
	margin:0;
	padding:0;
	list-style:none;
}

.photogallery div.container div.photo {
	margin: 0 11px 0 12px;
	width: 160px;
	float: left;
}

.photogallery div.container.last {
	border-bottom: none;
	padding-bottom: 0;
}

/* end board member section */

.basket_submit {
	width:auto !important;
	padding:0px !important;
}
.note {
	font-size:110% !important;
	font-weight:bold;
}

.summary * a {
	text-decoration: underline !important;
}
.summary * a:hover {
	text-decoration: none !important;
}

.ieitalicfix {
	/* Stop italics making the page wrap in IE */
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
	/* end if hack */
}

/* Print stuff */
.printonly {
	display: none;
	visibility: hidden;
	position: absolute;
	left:-10000;
	top:-10000;
}

.partnerlogos img.notfirst {
	margin-top: 20px;
}
#sub-box-framed {
	position: absolute;
	width:196px;
	top: 0px;
	right: 0px;
}

