/* ----- ASH WEBSITE STYLE SHEET ----- */

/* COLOUR REFS

GREEN 1 #8fdbad
GREEN 2 #bfead0

BLUE 1 #363d82
BLUE 2 #97a2c2

BLACK 1 #26292d

PALE YELLOW #F6F8E3

*/

body {
	background: white url(/assets/images/page-bg.jpg) repeat-x top;
}

strong {
	font-weight:bold;
}

h1, h2, h3, h4, h5, h6, {
	color: #26292d;
	font-family: arial,sans-serif;
}

a {
	color:#363d82;
	text-decoration: none;
}

p {
	margin:0pt 0pt 1em;
}

p a, li a, h2 a, h3 a {
	border-bottom: 1px solid #97a2c2;
}

/*p a:visited, li a:visited, h2 a:visited, h3 a:visited {
	color: #8389AC;
}*/

p a:hover, li a:hover, h2 a:hover, h3 a:hover {
	border-bottom: 1px solid #363d82;
}

acronym {
	border-bottom:1px dotted #97a2c2;
}

sup {
	font-size: 75%;
}

p, span, .arial {
	font-family:arial,sans-serif;
}

div#custom-doc {
	margin:auto;
	text-align:left;
	width:1000px;
}

div#hd {
	background: white url(/assets/images/header-bg.jpg) no-repeat top left;
	width:100%;
	height: 145px;
	border-top: 3px solid #8fdbad;
	border-bottom: 7px solid #8fdbad;
	position: relative;
}

div#hd a#logo {
	position: absolute;
	top: 58px;
	left: 45px;
}

div#hd p {
	position: absolute;
	top: 39px;
	right: 45px;
	font-size: 15px;
	text-align: right;
	margin: 0;
	width: 30%;
	height: 50px;
}

div#hd p strong {
	font-size: 18px;
}

div#bd {
	position: relative;
	top: 0px;
	width:100%;
	background: white url(/assets/images/content-bg.jpg) no-repeat top left;
}

div#columnLeft * {
	line-height: 150%;
	/*font-size: 100%;*/
}

#home div#columnLeft {
	width: 317px;
	float: left;
	margin-left: 45px;
	margin-top: 30px;
	display: inline;
}

body.contentPage div#columnLeft {
	width: 288px;
	min-height: 500px;
	height: 500px;
	float: left;
	background: transparent url(/assets/images/transparent33.png);
	padding-left: 0;
	padding-bottom: 15px;
	padding-top: 18px;
}

#home div#columnLeft h2, #home div#columnRight h2 {
	font-size: 18px;
}

#home div#columnLeft ul li {
	font-size: 14px;
	background: url(/assets/images/bullet-and-arrow.gif) no-repeat top left;
	margin: 6px 0 14px;
	display: block;
	padding-left: 21px;
}

body.contentPage div#columnLeft ul {
	margin: 0;
}

body.contentPage div#columnLeft ul li {
	font-size: 13px;
	background: url(/assets/images/subnav-bullet-and-arrow.gif) no-repeat 45px 5px;
	margin: 0;
	display: block;
	padding: 5px 35px 5px 55px;
}

body.contentPage div#columnLeft ul li.indent {
	padding: 5px 20px 5px 55px;
}

body.contentPage div#columnLeft ul li ul li {
	font-size: 12px;
	padding: 5px 25px 5px 10px;
	background: url(/assets/images/subnav-bullet-and-arrow-indent.gif) no-repeat 0px 4px;
}

body.contentPage div#columnLeft h3 {
	font-weight: normal;
	background: url(/assets/images/subnav-arrow.gif) no-repeat 54px 3px;
	margin: 0;
	padding: 3px 30px 6px 45px;
	border-bottom: 1px dashed #C3D3DF;
}

body.contentPage div#columnLeft h4 {
	font-weight: bold;
	margin: 10px 0 0;
	padding: 3px 30px 6px 45px;
	border-bottom: 1px dashed #C3D3DF;
}

body.contentPage div#columnLeft h2 {
	margin: 0;
	padding: 3px 30px 6px 44px;
}

body.contentPage div#columnLeft p.back {
	margin: 20px 30px 6px 40px;
	background: url(/assets/images/back-arrow.gif) no-repeat 0 3px;
	padding-left: 12px;
}

body.contentPage div#columnLeft ul li.current, body.contentPage div#columnLeft h3.current  {
	font-weight: bold;
}

body.contentPage div#columnLeft ul li.current a {
	border-bottom: none;
}

body.contentPage div#columnLeft ul li.indent ul li a {
	font-weight: normal;
	border-bottom: 1px solid #97a2c2;
}

body.contentPage div#columnLeft ul li.indent ul li.current a {
	font-weight: bold;
}

body.contentPage div#columnLeft ul li.indent ul li a:hover {
	border-bottom: 1px solid #363d82;
}


a#brochureRequest {
	background: url(/assets/images/brochure.jpg) top left  no-repeat;
	width: 309px;
	height: 60px;
	display: block;
	color: white;
	margin-top: 20px;
	border: 2px solid white;

}

a#brochureRequest:hover {
	border: 2px solid #B5BCCF;
}

a#brochureRequest span {
	display: inline;
	float: left;
	margin-top: 13px;
	margin-left: 210px;
	width: 100px;
	line-height: 18px;
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}

#home div#columnRight {
	width: 503px;
	float: left;
	margin-top: 30px;
	margin-left: 40px;
	display: inline;
}


body.contentPage div#columnRight {
	width: 711px;
	float: left;
}


div#columnRight .servicePanel {
	float: left;
	width: 536px;
	margin: 0 0 2px;
	padding: 4px;
	border: 0;
	cursor: pointer;
	background: none;
}

div#columnRight #service1 {
	margin-top: 9px;
}

div#columnRight #service6 {
	cursor: pointer;
	background: transparent;
}

div#columnRight #service6 h3, #home div#columnRight #service6 p {
	margin-left: 6px;
}

div.servicePanel img {
	float: left;
	clear: left;
	width: 106px;
	height: 65px;
	display: block;
	margin-right: 11px;
}

div.servicePanel h3 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 3px;
	float: left;
	width: 417px;
	height: 25px;
}

div.servicePanel p {
	font-size: 13px;
	float: left;
	width: 417px;
	margin-bottom: 0;
}

div#columnRight #service6.servicePanel {
	border-top: 1px solid #bfead0;
	border-bottom: 1px solid #bfead0;
	border-left: 1px solid white;
	border-right: 1px solid white;
	float: left;
	margin: 12px 0 1px;
	width: 522px;
	padding: 3px;
	padding-right: 18px;
}

div#columnRight #service6.servicePanel h3 {
	font-size: 16px;
	font-weight: normal;
	margin-top: 6px;
	margin-bottom: 0;
}

div#columnRight #service6.servicePanel p {
	margin-top: 0px;
	margin-bottom: 6px;
	width: 100%;
}


/* ----- FOOTER ----- */

div#ft {

	font-size: 12px;
	color: #333;
}

div#ft ul#footerLinks {
	border-top: 1px solid #bfead0;
	border-bottom: 1px solid #bfead0;
	padding: 22px 0 22px 45px;
	margin-top: 45px;
}

div#ft ul#footerLinks li {
	display: inline;
	margin-right: 16px;
}

div#ft ul#footerLinks li.current {
	font-display: bold;
}

div#ft p {	
	padding: 20px 0 20px 45px;
}

/* ----- END FOOTER ----- */


/* ----- TOP NAV ----- */

div#hd ul#topNav {
	position: absolute;
	left: 380px;
	top: 107px;
	width: 600px;
	height: 27px;
}

div#hd ul#topNav li {
	float: left;
}

div#hd ul#topNav li a {
	height: 21px;
	display: block;
	float: left;
	border-bottom: 0;
	background: white url(/assets/images/topnav-off.jpg) no-repeat left top;
	font-size: 13px;
	font-weight: bold;
	padding-top: 17px;
}

div#hd ul#topNav li a span {
	margin-left: 9px;
	border-bottom: 1px solid #b5bbd1;
}

div#hd ul#topNav li a:hover  {
	background: white url(/assets/images/topnav-over.jpg) no-repeat left top;
}

div#hd ul#topNav li a.home {
	width: 72px;
}

div#hd ul#topNav li a.sectors {
	width: 133px;
}

div#hd ul#topNav li a.services {
	width: 90px;
}

div#hd ul#topNav li a.projects {
	width: 80px;
}

div#hd ul#topNav li a.about {
	width: 99px;
}

div#hd ul#topNav li a.contact {
	width: 100px;
}

body#home div#hd ul#topNav li a.home,
body#sectors div#hd ul#topNav li a.sectors,
body#services div#hd ul#topNav li a.services,
body#projects div#hd ul#topNav li a.projects,
body#about div#hd ul#topNav li a.about,
body#contact div#hd ul#topNav li a.contact {
	background: transparent url(/assets/images/topnav-on.jpg) repeat-x;
	color: white;
}

body#home div#hd ul#topNav li a.home span,
body#sectors div#hd ul#topNav li a.sectors span,
body#services div#hd ul#topNav li a.services span,
body#projects div#hd ul#topNav li a.projects span,
body#about div#hd ul#topNav li a.about span,
body#contact div#hd ul#topNav li a.contact span {
	border-bottom: none;
}



/* ----- END TOP NAV ----- */


table {
	width: 440px;
}

table td, table th{ 
	padding: 4px;
	border-bottom: 1px solid #ddd;
}

table th {
	font-weight: bold;
}

h2 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

h3 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

body.contentPage div#columnRight h2, body.contentPage div#columnRight h3, body.contentPage div#columnRight p  {
	padding-left: 25px;
	color: #333;
	padding-top: 10px;
}

body.contentPage div#columnRight ul li *  {
	padding: 0;
}

div#introBlock {	
	padding-top: 10px;
	background: transparent url(/assets/images/transparent12.png);
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 15px;
}

div#introBlock h1, body.contentPage div#columnRight h1 {
	font-size: 21px;
	padding-top: 10px;
	padding-right: 30px;

	font-weight: bold;
}

body.contentPage div#columnRight h1 {
	padding-left: 25px;
}

div#introBlock p  {
	font-size: 16px !important;
	margin-bottom: 0;
	padding-right: 30px;
}

div#introBlock img {
	float: right;
	width: 250px;
	clear: right;
	margin: 10px 0 20px 30px;
}

div#mainBlock {	
	padding-top: 10px;
	border-top: 1px solid #ccc;
	float: left;
	clear: both;
	width: 100%;
}

div#columnRight img.contentImage {
	margin: 12px 45px 5px 30px;
	float: right;
	clear: right;
	display: inline;
	padding: 6px;
	border: 1px solid #ddd;
	background: #fff;
}


div#columnRight a.photo span {
	background: url(/assets/images/zoom.gif) no-repeat;
	padding-left: 14px;
	font-size: 84%;
}

div#columnRight a.photo {
	margin: 10px 45px 10px 30px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ddd;
	background: #F1F5F8 url(/assets/images/blue-bg.jpg) repeat-x left bottom;
	width: 256px;
	float: right;
	clear: right;
	padding-bottom: 9px;
}

div#columnRight a.photo:hover {
	border: 1px solid #97a2c2;
	text-decoration: underline;
}

div#columnRight a.photo img {
	text-decoration: none;
	background: #fff8e5;
	width: 250px;
	float: inherit;
	clear: right;
	display: block;
	margin: 3px 3px 5px;
}

a.photoHidden {
	visibility: hidden;
	width: 0;
	overflow: hidden;
	height:0;
}


div#mainBlock div#projectsBlockSmall {
	border: 1px solid #ddd;
	border-top: 0;
	width: 256px;
	float: right;
	clear: right;
	margin: 10px 45px 20px 30px;
	background: #F1F5F8 url(/assets/images/blue-bg.jpg) repeat-x left bottom;
	display: inline;
	position: relative;
}

div#mainBlock div.short#projectsBlockSmall {
	background: #F1F5F8 url(/assets/images/blue-bg.jpg) repeat-x left bottom;
}

div#mainBlock div#projectsBlockSmall h3 {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px 10px 10px 15px;
	background: transparent url(/assets/images/transparent.png);
	margin-bottom: 12px;
	font-size: 15px;
	font-weight: bold;
}

div#mainBlock div#projectsBlockSmall h4 {
	padding: 5px 10px 0px 15px;
	font-size: 12px;
	font-weight: bold;
}

div#mainBlock div#projectsBlockSmall p {
	padding: 5px 10px 10px 15px;
	font-size: 13px;
}

div#mainBlock div#projectsBlockSmall ul {
	margin-top: 0;
	padding: 0  15px 15px 15px;
}

div#mainBlock div#projectsBlockSmall ul li {
	line-height: 1.3;
	margin-top: 10px;
	font-size: 11px;
	font-style: italic;
	padding-right: 0 !important;
}

body.contentPage div#columnRight p, body.contentPage div#columnRight ul li {
	line-height: 1.5;
	font-size: 14px;
	padding-right: 45px;
	
}

ul.basicList {
	margin: 0;
	padding: 0 10px 3px 25px;
}

div#introBlock ul.basicList {
	margin-top: -5px;
	padding: 0 10px 3px 20px
}

#about div#introBlock ul.basicList {
	margin-top: 10px;
}

ul.basicList li {
	font-size: 93%; 
	padding-left: 18px;
	background: url(/assets/images/text-bullet.gif) no-repeat;
	margin: 7px 0 7px 12px;
}

div#introBlock ul.basicList li {
	background: url(/assets/images/text-bullet-intro.gif) no-repeat 0 1px;
	margin: 0 0 7px 12px;
}
a.externalLink {
	background: transparent url(/assets/images/external.png) no-repeat right;
	padding-right:13px;
}

#homeIntro {
	float: left;
	display: inline;
	margin-top: 30px;
	margin-left: 45px;
	width: 895px;
}

#homeIntro h1, #homeIntro p {
	font-size: 21px;
	line-height: 150%;
	display: inline;
}

#homeIntro h1 {
	font-weight: bold;
}

#homeIntro a.moreLink {
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
	background: url(/assets/images/learnmore-arrow.gif) top right no-repeat;
	padding-right: 12px;
}

div#contentBar {
	position: relative;
	height: 48px;
	border-bottom: 1px solid #C3D3DF;
}

ol#breadCrumb {
	font-size: 11px;
	float: left;
	margin-top: 24px;
	margin-left: 25px;
	display: inline;
}

ol#breadCrumb li {	
	float: left;
	display: block;
	height: 20px;
	padding-right: 18px;
	background: url(/assets/images/breadcrumb-arrow.gif) right 2px no-repeat;
	margin-right: 4px;
}

ol#breadCrumb li.current {	
	background: none;
}

div#projectsBlock {	
	border-top: 1px solid #ddd;
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	clear: both;
	width: 690px;
	display: inline;
	background: white url(/assets/images/content-bg.jpg) no-repeat top left;
}

div#projectsBlock h3 {
	border-bottom: 1px solid #ddd;
	padding: 25px 10px 10px 15px !important;
	background: transparent url(/assets/images/transparent33.png);
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}

#projectsCol1, #projectsCol2, #projectsCol3 {
	float: left;
	width: 200px;
	margin-left: 15px;
	display: inline;
}

#projectsCol2, #projectsCol3 {
	margin-left: 30px;
	display: inline;
}

div#projectsBlock h4 {
	font-size: 12px !important;
	font-weight: bold;
}

div#projectsBlock ul {
	margin-bottom: 35px;
}

div#projectsBlock ul li {
	font-size: 11px !important;
	font-style: italic;
	line-height: 1.3 !important;
	margin-top: 10px;
}

div#columnRight div.bottomContent {
	clear: both;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	width: 690px;
	display: inline;
	border-top: 1px solid #ddd;
	background: #F1F5F8 url(/assets/images/blue-bg.jpg) repeat-x left bottom;
}

div#columnRight div.bottomContent p {	
	display: inline;
	float: left;
	margin: 0;
	padding: 15px !important;
	font-size: 16px;
}

h3 a.sectionLink {
	font-size: 14px;
	font-weight: bold;
}

body.contentPage div#columnRight a.backLink {
	font-weight: bold;
	margin-left: 45px;
	margin-top: 25px;
	border: 1px solid #97a2c2;
	padding: 7px 9px 7px 20px;
	float: left;
	clear:both;
	background: #f3f4f8 url(/assets/images/back-arrow.gif) no-repeat 9px 7px;
}

body.contentPage div#columnRight a.backLink:hover {
	border: 1px solid #363d82;
}


body.contentPage div#columnRight p.releaseDate {
	font-size: 12px;
	margin-bottom: -6px;
	font-style: italic;
}

div#columnRight div#vacancies h2 {
	padding: 0;
}

div#columnRight div#vacancies {	
	border-top: 1px solid #ddd;
	margin: 5px 0 25px 45px;
	float: left;
	clear: both;
	width: 910px;
	display: inline;
	background: white url(/assets/images/content-bg.jpg) no-repeat top left;
}

div#columnRight div#vacancies h2 {
	border-bottom: 1px solid #ddd;
	padding: 25px 10px 10px 15px !important;
	background: transparent url(/assets/images/transparent33.png);
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}


/* ---- STYLES FOR HOME PAGE SERVICES ROLLOVER JS ---- */

div#columnRight .servicePanel.hover {
      border:1px solid #B5BCCF !important;
	  padding: 3px !important;
}
div#columnRight #service6.servicePanel.hover {
	  padding-right: 15px !important;
}
div#columnRight .servicePanel.hover h3 a {
	border-bottom: 1px solid #363d82;
}


/* ---- MEMBERSHIP  ---- */

div.member {
	background: transparent url(/assets/images/transparent33.png);
	margin: 10px 45px 10px 25px;
	border: 1px solid #ddd;
	padding: 10px;
	float: left;
	width: 620px;
	clear: left;
	display: inline;
}

div.member img {
	float: left;
	display: block;
	background: white;
	padding: 10px 15px;
	margin: 0 20px 0 0;
	position: relative;
}