@import url("reset.css");

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(../images/global-bg.jpg) repeat-x #145fb2;
}

#container {
width:928px;
margin:0 auto;
padding:0;
background:url(../images/container-bg.jpg) no-repeat top left;
}

#header {
margin:0 0 0 38px;
padding:0;
}

#branding {
width:162px;
float:left;
margin:0;
padding:0;
}

/* Header Navigation */

#navigation {
width:690px;
float:left;
margin:0;
padding:0;
}

/* Top Nav */

#topnav {
margin:0;
padding:10px 12px 0 0;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#topnav ul {
margin:0;
padding:0;
list-style:none;
}

#topnav ul li {
margin:0;
padding:0 0 0 5px;
float:left;
color:#a0b7d5;
font-size:.7em;
}

#topnav ul li a {
color:#a0b7d5;
text-decoration:none;
}

#topnav ul li a:hover {
color:#fff;
}

/*--------------------------------------------------------------------
Main Nav
--------------------------------------------------------------------- */

#mainnav {
margin:0;
padding:50px 0 0 0;
float:right;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#mainnav ul {
margin:0;
padding:0;
list-style:none;
}

#mainnav ul li {
margin:0;
padding:0 0 0 0;
float:left;
color:#fff;
font-size:.6em;
}

#mainnav ul li a {
background:url(../images/nav-off.jpg) no-repeat top right;
height:14px;
display:block;
margin:0;
padding:8px 11px 0 3px;
text-align:center;
color:#fff;
text-decoration:none;
text-transform:uppercase;
float:left;
}

#mainnav ul li a:hover {
background:url(../images/nav-on.jpg) no-repeat top right;
color:#bed731;
}

#mainnav ul li a.selected {
background:url(../images/nav-on.jpg) no-repeat top right;
color:#bed731;
}

#mainnav ul li.last a {
background:url(../images/nav-off-last.jpg) no-repeat top right;
height:14px;
display:block;
margin:0;
padding:8px 11px 0 6px;
text-align:center;
color:#fff;
text-decoration:none;
text-transform:uppercase;
float:left;
}

#mainnav ul li.last a:hover {
background:url(../images/nav-on-last.jpg) no-repeat top right;
color:#bed731;
}

#mainnav ul li.last a.selected {
background:url(../images/nav-on-last.jpg) no-repeat top right;
color:#bed731;
}

#left-nav {
width:190px;
background:url(../images/nav-left-bg.jpg) no-repeat bottom left #036cf6;
margin:0;
padding:0 0 30px 0;
}

#left-nav ul {
margin:0 0 0 0;
padding:10px 0 0 0;
list-style:none;
}

#left-nav ul li {
width:165px;
margin:0 10px 10px 5px;
padding:0 0 7px 10px;
font-size:.7em;
font-weight:bold;
border-bottom:1px solid #215b9a;
}

#left-nav ul li a {
color:#fff;
text-decoration:none;
display:block;
}

#left-nav ul li a.selected {
color:#96c306;
text-decoration:none;
display:block;
}

#left-nav ul li a:hover {
color:#96c306;
}

/*Sub left nav */

#left-nav ul ul {
margin:0 0 0 0;
padding:15px 0 0 0;
list-style:none;
}

#left-nav ul ul li {
width:155px;
margin:0 0 10px 0;
padding:0 0 0 10px;
font-size:1em;
border-bottom:none;
}

#left-nav ul ul li a {
color:#fff;
text-decoration:none;
display:block;
}

#left-nav ul ul li a.selected {
color:#96c306;
text-decoration:none;
display:block;
}

#left-nav ul ul li a:hover {
color:#96c306;
}




/* Footer Navigation */

#footer {
width:868px;
height:17px;
margin:0 auto;
padding:18px 0 0 60px;
background:url(../images/footer-bg.png) no-repeat top left;
*background:url(../images/footer-bg.jpg) no-repeat top left;
}

#footer-cs {
width:868px;
height:17px;
margin:0 auto;
padding:18px 0 0 60px;
background:url(../images/footer-bg-cs.png) no-repeat top left;
*background:url(../images/footer-bg-cs.gif) no-repeat top left;
}

#footer ul, #footer-cs ul {
margin:0;
padding:0;
list-style:none;
}

#footer ul li, #footer-cs ul li {
margin:0;
padding:0 10px 0 0;
font-size:.7em;
color:#fff;
float:left;
}

#footer ul li a, #footer-cs ul li a {
color:#a0b7d5;
text-decoration:none;
display:block;
float:left;
}

#footer ul li a:hover, #footer-cs ul li a:hover {
color:#fff;
}




/**********/

#page-layout {
width:852px;
margin:0 0 0 38px;
padding:0;
}

#page-layout-cs {
width:852px;
margin:0 0 0 38px;
padding:0;
background:url(../images/case-study-bg.jpg) repeat-y top left;

}

/*** Home page styles ***/

#banner {
margin:0;
padding:0;
}

#banner-home {
margin:0;
padding:0 0 0 0;
background:url(../images/home-flash-rep.gif) no-repeat bottom left #05102e;
color:#fff;
}
#banner-home-alt-text {
padding:20px;
}

#banner-home-alt-text h1 {
font-size: 1.3em;
color: #fff;
}

#banner-home p, #banner-home a {
color:#fff;
} 

#content {
margin:0;
padding:0;
float:left;
}

#content-home {
width:553px;
margin:0;
padding:0 0 0 13px;
background:url(../images/home-h1-bg.jpg) top left no-repeat;
float:left;
}

#content-home-rt {
margin:0 0 0 0;
padding:0 0 60px 0;
width:286px;

background:url(../images/home-rt-bg.jpg) no-repeat top left;
float:left;
}

#word-cluster {
width:232px;
margin:0 0 0 27px;
padding:0;
border-bottom:1px solid #1259a9;
}

#word-cluster p{
color:#FFFFFF;
margin-bottom:10px;
}

small a {
color:#0f498e;
font-size:.8em;
}

small a:hover {
color:#96c306;
}

span.small a, span.x-small-blue a, span.x-small a {
	text-decoration:none;
	}
	
span.x-small, span.x-small a{
	font-size:.95em;
	color:#6d82a1;
	}
	
span.x-small-blue, span.x-small-blue a{
	font-size:.95em;
	color:#3765a0;
	}
	
span.small, span.small a{
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	}



#case-study {
width:230px;
margin:0 0 0 27px;
padding:10px 0 0 2px;
border-bottom:1px solid #1259a9;
}

#case-study img {
width:48px;
margin:0 10px 10px 0;
padding:0;
float:left;
}

#case-study-text {
margin:0;
padding:0;
width:170px;
float:left;
}

#flash-casestudy {
padding:10px;
}

#flash-casestudy h1 {
margin:0 0 10px 10px;
color:#fff;
font-size: 1.3em;
}

#flash-casestudy p {
margin:0 0 10px 10px;
color:#fff;
}

#flash-casestudy li {
font-size:.8em;
margin:0 0 10px 10px;
}

#flash-casestudy li a {
color:#fff;
}

#location {

margin:0 0 0 27px;
padding:10px 0 20px 2px;
}

#location-map {
width:110px;
margin:0 0 0 0;
padding:0 20px 0 0;
float:right;
}

#location-text {
margin:0;
padding:0;
width:120px;
float:left;
}

#location-text p.arrow-sm {
background:url(../images/arrow-sm.gif) top left no-repeat;
padding:0 0 0 10px;
width:95px;
float:right;
line-height:1.1em;
display:block;
}

span.red {
background: #fff;
color: #900;
}


#content-top {
margin:30px 0 0 0;
padding:0 0 20px 0;
border-bottom:1px solid #0f498e;
}

#content-top img {
width:144px;
margin:0 20px 30px 0;
padding:0;
float:left;
}

#content-btm-left {
width:313px;
padding:10px 0 0 0;
margin:0;
float:left;
}

.link-section {
clear:both;
margin:0 0 10px 0;
padding:0;
}

.link-section img {
width:95px;
float:left;
margin:0 10px 0 0;
padding:0;
}

.link-section-text {
width:200px;
margin:0;
padding:0;
float:left;
}

.green-border {
border-bottom:1px solid #96c306;
}

.pink-border {
border-bottom:1px solid #e84b83;
}

.red-border {
border-bottom:1px solid #fa1e52;
}

#content-btm-right {
width:238px;
margin:0;
padding:12px 0 0 0;
float:left;
}

#career-opps {
margin:0 0 0 13px;
padding:0;
}

#career-opps-content {
width:221px;
margin:0 0 0 0;
padding:10px 0 10px 5px;
background-color:#f0f0f0;
}

#career-opps-content p {
margin:0;
font-size: .7em;
}

#career-opps-content ul {
float:left;
list-style:none;
}

#career-opps-content ul.left {
width:100px;
margin:0 5px 0 0;
padding:0;
}

#career-opps-content ul.right {
width:115px;
margin:0;
padding:0;
}

#career-opps-content ul li {
margin:0;
padding:0 0 2px 0;
border-bottom:1px solid #d9d9d9;font-size:.65em;
}

#career-opps-content ul li a {
margin:0;
padding:0;

line-height:1.4em;
text-decoration:none;
color:#001a7b;
}

#career-opps-content ul li a:hover {
color:#96c306;
}

/*************************************************/

/* Site styles */

#pg-content-left {
width:190px;
float:left;
margin:0;
padding:0;
}

#pg-content-right {
width:662px;
float:right;
margin:0;
padding:0;
}

#pg-content-sitemap {
width:852px;
float:left;
margin:0;
padding:0;
}

#top-middle {
width:215px;
margin:0;
padding:0;
float:left;
}

#top-flash {
width:447px;
margin:0;
padding:0;
float:left;
}

#heading {
width:662px;
height:46px;
margin:0;
padding:0;
float:left;
background-color:#040e2c;
}

#heading-full {
height:46px;
margin:0;
padding:0;
background-color:#040e2c;
border-bottom:3px solid #7b7b7b;
}

#heading-full-vac {
height:46px;
margin:0;
padding:0;
background-color:#040e2c;
}

/* heading bottom borders*/

.the-ico-border{
border-bottom:3px solid #001a7b;
}

.our-work-border{
border-bottom:3px solid #7b7b7b;
}

.opportunities-border{
border-bottom:3px solid #b2e708;
}

.benefits-border, .csr-border{
border-bottom:3px solid #e84e83;
}

.vacancies-border{
border-bottom:3px solid #b2e708;
}

.apply-border{
border-bottom:3px solid #ff3061;
}


#top-flash-2nd-level {
width:662px;
height:313px;
/*border-bottom:3px solid #b3d800;*/
}

#pg-content-top {
width:632px;
margin:0 0 0 20px;
padding:10px 0 10px 0;
border-bottom:1px dotted #acacac;
}

.top-links-left {
width:305px;
float:left;
margin:0 20px 0 0;
padding:0 0 0 0;
}

.top-links-right {
width:305px;
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
}

.top-links-left img, .top-links-right img {
width:58px;
height:53px;
float:left;
margin:0 10px 20px 0;
}

.border {
border-bottom:1px dotted #acacac;
margin-bottom:15px;
padding-bottom:10px;
}

.newjob {
border-top:1px dotted #acacac;
border-bottom:1px dotted #acacac;
padding: 5px 0 10px 0;
margin: 10px 0;
}

#text-left {
width:440px;
margin:0;
padding:20px;
float:left;
}

#text-left-vac {
width:440px;
margin:0;
padding:20px;
float:left;
}

#text-left-sitemap {
width:100%;
margin:0;
padding:20px;
float:left;
}



.jobtitle {
display:none;
}

#text-left-pg-img {
width:110px;
height:110px;
margin:0 10px 0 0;
padding:0;
float:left;
}

#text-left-title {
width:310px;
margin:0;
padding:0;
float:left;
}

#pg-map {
border-top:1px solid #001a7b;
margin:10px 0 0 0;
padding:10px 0 0 0;
}

#text-right {
width:163px;
padding:55px 10px 0 9px;
margin:0;
float:left;
}

.right-links {
width:163px;
background-color:#e9e9e9;
}

.right-links-head {
margin:0;
padding:3px 0 0 5px;
height:17px;
border-bottom:1px solid #fff;
}

.blue {
background-color:#001a7b;
}

.green {
background-color:#96c306;
}

.grey {
background-color:#7b7b7b;
}

.pink{
background-color:#e84b83;
}

.red{
background-color:#ff3061;
}
		
.right-links-image {
margin:0;
padding:0;
border-bottom:1px solid #fff;
}

.right-links-text {
margin:0;
padding:5px;
}

.right-links-text-arrow {
height:15px;
margin:0;
padding:5px 0 0 0;
text-align:right;
}



/* Typography */
h1 span {display:none;}

h1.theico {
margin:0;
padding:0;
background:url(../images/h1-theIco.gif) no-repeat top left #040e2c;
height:46px;
}

h1.ourwork {
margin:0;
padding:0;
background:url(../images/h1-ourwork.gif) no-repeat top left #040e2c;
height:46px;
}

h1.opportunities {
margin:0;
padding:0;
background:url(../images/h1-opportunites.gif) no-repeat top left #040e2c;
height:46px;
}

h1.benefits {
margin:0;
padding:0;
background:url(../images/h1-benefits.gif) no-repeat top left #040e2c;
height:46px;
}

h1.social {
margin:0;
padding:0;
background:url(../images/h1-social.gif) no-repeat top left #040e2c;
height:46px;
}

h1.vacancies {
margin:0;
padding:0;
background:url(../images/h1-vacancies.gif) no-repeat top left #040e2c;
height:46px;
}

h1.apply {
margin:0;
padding:0;
background:url(../images/h1-apply.gif) no-repeat top left #040e2c;
height:46px;
}

h1.contact {
margin:0;
padding:0;
background:url(../images/h1-contact.gif) no-repeat top left #040e2c;
height:46px;
}

h1.accessibility {
margin:0;
padding:0;
background:url(../images/h1-accessibility.gif) no-repeat top left #040e2c;
height:46px;
}

h1.sitemap {
margin:0;
padding:0;
background:url(../images/h1-sitemap.gif) no-repeat top left #040e2c;
height:46px;
}

h1.terms {
margin:0;
padding:0;
background:url(../images/h1-terms.gif) no-repeat top left #040e2c;
height:46px;
}

h1.privacy {
margin:0;
padding:0;
background:url(../images/h1-privacy.gif) no-repeat top left #040e2c;
height:46px;
}

h1.copyright {
margin:0;
padding:0;
background:url(../images/h1-copyright.gif) no-repeat top left #040e2c;
height:46px;
}

h1.help {
margin:0;
padding:0;
background:url(../images/h1-help.gif) no-repeat top left #040e2c;
height:46px;
}

h1.faqs {
margin:0;
padding:0;
background:url(../images/h1-faqs.gif) no-repeat top left #040e2c;
height:46px;
}

h1.notfound {
margin:0;
padding:0;
background:url(../images/h1-404.gif) no-repeat top left #040e2c;
height:46px;
}

h2 {
margin:0 0 10px 0;
padding:0;
font-size:1.2em;
color:#001a7b;
font-family:Georgia, verdana, arial;
font-weight:normal;
}

h3 {
margin:0 0 10px 0;
padding:0;
font-size:.9em;
color:#001a7b;
font-family:Georgia, verdana, arial;
}

.right-links-head h3 {
margin:0;
padding:0;
color:#fff;
line-height:1em;
font-size:.75em;
font-family:Georgia, verdana, arial;
}

.right-links-head h3 a {
color:#fff;
text-decoration:none;
}

.right-links-head h3 a:hover {
color:#bed731;
}



p {
margin:10px 0 0 0;
padding:0;
font-size:.75em;
color:#363636;
line-height:1.4em;
}

p a {
color:#0f498e;
}

p a:hover {
color:#96c306;
}

p.border {
padding-bottom:10px;
border-bottom:1px dotted #ccc;
}

p.border-shade {
padding:10px 10px 10px 10px;
border-bottom:1px dotted #ccc;
background: #eaeaea;
}

p.border-noshade {
padding:10px 10px 10px 10px;
border-bottom:1px dotted #ccc;
background: #fff;
}

#content-top p { font-size: .7em; }

#text-left li {
margin:10px 0 0 0;
padding:0;
font-size:.75em;
color:#363636;
line-height:1.4em;
list-style:none;
}

#text-left li a {
color:#0f498e;
}

#text-left li a:hover {
color:#0f498e;
}

#text-left ul.auditlist {
margin: 0;
padding: 10px 0 0 0;
}

#text-left ul.auditlist li {
margin:0 0 2px 25px;
padding:0 0 0 0;
font-size:.75em;
color:#363636;
line-height:1.4em;
list-style:disc;
}

#text-left ul.auditlist li a {
color:#0f498e;
}

#text-left ul.auditlist li a:hover {
color:#0f498e;
}





#text-left-vac li {
margin:10px 0 5px 0;
padding:0 0 10px 0;
font-size:.75em;
color:#363636;
line-height:1.4em;
list-style:none;
border-bottom:1px dotted #ccc;
}

#text-left-vac ul.common-list li {
border-bottom:none;
}


#text-left-vac li a {
color:#0f498e;
}

#text-left-vac li a.vacTitle {
text-decoration:none;
font-size:1.1em;
font-weight:bold;
font-family:Georgia, verdana, arial;
}

#text-left-vac li a:hover {
color:#96c306;
}

#text-left-sitemap ul {
margin: 0;
padding: 0;
}

#text-left-sitemap ul.list {
width: 270px;
float: left;
}

#text-left-sitemap ul li {
margin:10px 0 5px 0;
padding:0 0 0 0;
font-size:.75em;
line-height:1.4em;
list-style:none;
}

#text-left-sitemap ul li a {
color:#0f498e;
}

#text-left-sitemap ul li a:hover {
color:#96c306;
}

#text-left-sitemap ul li ul {
margin: 0;
padding: 0 0 0 25px;
}

#text-left-sitemap ul li ul li {
font-size: 1em;
}

#text-left-sitemap ul li ul li ul {
margin: 0;
padding: 0 0 0 25px;
}

#text-left-sitemap ul li ul li ul li {
font-size: 1em;
}


#text-left-title p {
margin:0 0 10px 0;
padding:0;
font-size:.7em;
font-weight:bold;
color:#363636;
line-height:1.4em;
}

#text-left-title p a {
color:#0f498e;
}

#text-left-title p a:hover {
color:#96c306;
}

.right-links-text p {
margin:0 0 0 0;
padding:0;
font-size:.7em;
color:#363636;
line-height:1.4em;
}

.right-links-text p a {
color:#0f498e;
}

.right-links-text p a:hover {
color:#96c306;
}


/* Icons */

p.pdf {
background:url(../images/pdf-icon.gif) no-repeat left;
padding:0 0 0 30px;
height:25px;
}

p.word {
background:url(../images/word-icon.gif) no-repeat left;
padding:0 0 0 30px;
height:25px;
}

/* Arrows */

p.arrow {
background:url(../images/arrow-content.gif) no-repeat left;
padding:0 0 0 10px;
width:75px;
float:right;
line-height:.8em;
}

p.arrow-left {
background:url(../images/arrow-content.gif) no-repeat left;
padding:0 0 0 10px;
line-height:.7em;
}

p.arrow a, p.arrow-left a {
text-decoration:none;
font-weight:bold;
}

p.arrow-sm {
background:url(../images/arrow-sm.gif) top left no-repeat;
padding:0 0 0 10px;
width:55px;
float:right;
line-height:1.1em;
display:block;
}

p.arrow-sm a {
text-decoration:none;
font-weight:bold;
color:#96c306;
}

p.arrow-sm a:hover {
color:#fff;
}

p.arrow-sm-loc {
background:url(../images/arrow-sm.gif) top left no-repeat;
padding:0 25px 0 10px;
width:110px;
float:right;
line-height:1.1em;
font-size:.7em;
display:block;
}

p.arrow-sm-loc a {
text-decoration:none;
font-weight:bold;
color:#96c306;
}

p.arrow-sm-loc a:hover {
color:#fff;
}



p.arrow-side {
/*background:url(../images/arrow-side.gif) no-repeat left;*/
padding:0 0 0 5px;

float:right;
line-height:.7em;
text-align:right;
}

p.arrow-side a {
text-decoration:none;
font-weight:bold;
color:#0f498e;
}

p.arrow-side a:hover {
color:#96c306;
}


/**/

/* Read More home page links */

p.readmore {
padding:2px 3px 1px 3px;
margin:10px 0 0 0;
width:80px;
height:15px;
float:right;
color:#fff;
text-align:center;
font-weight:bold;
}

p.readmore a {
color:#fff;
text-decoration:none;
}

p.readmore a:hover {
color:#001a7b;
}

.green-bg {
background-color:#96c306;
}

.pink-bg {
background-color:#e84b83;
}

.red-bg {
background-color:#fa1e52;
}

/**/

#career-opps p.heading {
width:216px;
margin:5px 0 0 0;
*margin:2px 0 0 0;
padding:5px 0 5px 10px;
height:15px;
line-height:1em;
font-size:.8em;
color:#fff;
font-weight:bold;
background-color:#96c306;
font-family:Georgia, verdana, Arial;
}

#career-opps p.heading a {
color:#fff;
text-decoration:none;
display:block;
}

#career-opps p.heading a:hover {
color:#001a7b;
}

#location p.heading {
width:100px;
margin:0 0 0 0;
padding:0;
font-size:.8em;
color:#001a7b;
font-weight:bold;
font-family:Georgia, verdana, Arial;
}

p.heading {
margin:0 0 10px 0;
padding:0;
line-height:1em;
font-size:.8em;
color:#001a7b;
font-weight:bold;
font-family:Georgia, verdana, Arial;
}

.top-links-left p.heading, .top-links-right p.heading {
margin:0 0 10px 0;
padding:0;
line-height:1em;
font-size:.8em;
color:#001a7b;
font-weight:bold;
font-family:Georgia, verdana, arial;
}

.link-section-text p.heading { font-size: .8em; }
.link-section-text p { font-size: .7em; }


.top-links-left p.heading a, .top-links-right p.heading a, .link-section-text p.heading a {
color:#001a7b;
text-decoration:none;
font-family:Georgia, verdana, arial;
}

.top-links-left p.heading a:hover, .top-links-right p.heading a:hover, .link-section-text p.heading a:hover {
color:#96c306;
text-decoration:none;
}

#content-home-rt p.heading {
margin:0 0 10px 0;
padding:0;
line-height:1em;
font-size:.8em;
color:#96c306;
font-weight:bold;
}


#case-study-text p {
margin:0 0 5px 0;
color:#fff;
font-size:.7em;
}

#case-study-text p.arrow-sm {
width:70px;
}

#location-text p {

margin:0 0 5px 0;
color:#fff;
font-size:.7em;
}

#location-text ul {
margin:0 0 10px 0;
padding:0;
list-style:none;
}

#location-text ul li {
maring:0;
padding:0;
}

#location-text ul li a {
color:#96c306;
text-decoration:none;
font-size:.7em;
line-height:1em;
font-weight:bold;
}

#location-text ul li a:hover {
color:#fff;
}



/* About us page */

#text-left h3{
	margin:10px 0 0 0;
	}

#text-left h4 {
color:#001a7b;
font-size:0.8em;
margin:10px 0 10px 0;
padding:0;
}

/* Our role / objectives page*/

ul.common-list{
	list-style:none;
	list-style-image:none;
	margin:10px 0 20px 0;
	
	}

ul.common-list li{
	background:url(../images/bullet-content.gif) 0px 2px no-repeat;
	padding:0 0 0 15px!important;
	margin:0;
	width:400px;/*fixes ie6 disappearing bullets*/
	}

/* In the News page*/

p.news a {
	background:url(../images/arrow-content.gif) 0px 4px no-repeat;
	font-size:1em;
	padding:0 0 0 15px;
	margin:5px 0;
	}

ul#careers {
margin:10px 0 10px 0;
}

ul#careers li{
	float:left;
	display:block;
	width:205px;
	background:url(../images/bullet-content.gif) 0px 2px no-repeat;
	padding:0 0 0 15px!important;
	margin:0;
	}
	
ul#careers li a {
color:#001a7b;
}

ul#careers li a:hover {
color:#96c306;
}

.mar-top-15{
	margin-top:10px;
	}


/* top background images */

#head-bg-img{
	width:662px; height:315px; float:left; display:block;
	}

#head-bg-img h1, #head-bg-img h2{
	position:absolute;
	top:-9999px;
	width:0;
	height:0;
/*	display:none;*/
	} 

#head-bg-img p{
	position:relative; top:247px; left:25px; width:620px; color:#FFFFFF; font-size:12px;
}

.our-role{
	background:url(../images/flash-rep-role.jpg) top left no-repeat;
	border-bottom:3px solid #001A7B;
	}

.challenges{
	background:url(../images/flash-rep-objectives.jpg) top right no-repeat;
	border-bottom:3px solid #001A7B;
	}

.in-the-news{
	background:url(../images/flash-rep-news.jpg) top left no-repeat;
	border-bottom:3px solid #001A7B;
	}

.locations{
	background:url(../images/flash-rep-locations.jpg) top left no-repeat;
	border-bottom:3px solid #001A7B;
	margin-bottom:20px;
	}

.investigations{
	background:url(../images/flash-rep-investigasions.jpg) top left no-repeat;
	border-bottom:3px solid #b2e708;
	}

.culture{
	background:url(../images/flash-rep-culture.jpg) top left no-repeat;
	border-bottom: 3px solid #7b7b7b;
	}

.audit{
	background:url(../images/flash-rep-audit.jpg) top left no-repeat;
	margin-bottom:20px;
	border-bottom:3px solid #b2e708;
	}

.hr{
	background:url(../images/flash-rep-hr.jpg) top left no-repeat;
	border-bottom:3px solid #b2e708;
	}
	
.info-services{
	background:url(../images/flash-rep-info-services.jpg) top left no-repeat;
	margin-bottom:20px;
	border-bottom:3px solid #b2e708;
	}

.finance{
	background:url(../images/flash-rep-finance.jpg) top left no-repeat;
	border-bottom:3px solid #b2e708;
	}

.comms{
	background:url(../images/flash-rep-comms.jpg) top left no-repeat;
	border-bottom:3px solid #b2e708;
	}
	
.strategicliaison{
	background:url(../images/banner-strategic.jpg) top left no-repeat;
	border-bottom:3px solid #b2e708;
}

.legal{
	background:url(../images/flash-rep-legal.jpg) top left no-repeat;
	border-bottom:3px solid #b2e708;
	}

.admin{
	background:url(../images/flash-rep-admin.jpg) top left no-repeat;
	border-bottom:3px solid #b2e708;
	}

div.flexible{
	background:url(../images/flash-rep-flexible.jpg) top left no-repeat;
	border-bottom:3px solid #e84b83;
	}
	
.training{
	background:url(../images/flash-rep-training.jpg) top left no-repeat;
	border-bottom:3px solid #e84b83;
	}
.pension{
	background:url(../images/flash-rep-pension.jpg) top left no-repeat;
	border-bottom:3px solid #e84b83;
	}
.career-opp{
	background:url(../images/flash-rep-career-opp.jpg) top left no-repeat;
	border-bottom:3px solid #e84b83;
	}

.charity-event{
	background:url(../images/flash-rep-charity-event.jpg) top left no-repeat;
	border-bottom:3px solid #e84b83;
	}
	
.social-event{
	background:url(../images/flash-rep-social-event.jpg) top left no-repeat;
	border-bottom:3px solid #e84b83;
	}	

.recruitment{
	background:url(../images/flash-rep-recruitment.jpg) top left no-repeat;
	border-bottom:3px solid #ff3061;
	}
	
.tips{
	background:url(../images/flash-rep-tips.jpg) top left no-repeat;
	border-bottom:3px solid #ff3061;
	}	
	
#myContent p{
	font-size:14px;
	padding-left:20px;
	}
#myContent ul{
	font-size:14px;
	padding-left:20px;
	}





/*---form------------------------ */
form.ddfm h1,
form.ddfm h2 {
	color: #333;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #333;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #333;
}

#text-left textarea.fmtextarea {
font-family:Arial, Verdana, sans-serif;
/*font-size:100%;*/
color:#333;
}

form.ddfm .required {
	color: #900;
}

.ddfmerrors {
	color: #900;
}

/* TEXT CSS */

.ddfmwrap {
	background:#fff; padding:5px;
}

form.ddfm h1,
form.ddfm h2 {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
	
}

form.ddfm h2 {
	
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	
	font-weight: bold;
}

form.ddfm .credits {
	
}

form.ddfm legend {
	
}

.ddfmerrors {
	font-weight: bold;
}



/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px 0 15px 0;
	width: 400px;
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: left;
}

form.ddfm {
	text-align: left;
	padding: 10px;
	width: 350px; 
}

form.ddfm fieldset {
	padding: 0 ;
	margin: 0 0 13px 0;
	display: block;

}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	width: 100%;
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 0;
	
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 0 0;
	/*line-height: 140%;*/
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 2px;
	border:1px solid #ccc;
}

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 2px;
	border:1px solid #ccc;
	background:#fff;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 2px;
	border:1px solid #ccc;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	width: 97%;
}

form.ddfm .submit {
	text-align: right;
	clear: both; 
	width: 97%;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	font-size:.7em;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
	color:red;
	line-height:1.4em;
}

.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}

.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}

#fm_comments, #fm_name, #fm_email, #fm_subject {
font-size:1.1em;
}



/*------------------------------------------------------------
Accordion
---------------------------------------------------------*/
#accordion {
padding:10px 0 0 0;
}

#accordion h3 {
margin:0;
padding-left:25px;
font-size:.7em;
font-weight:bold;
color:#001a7b;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




/* Component containers
----------------------------------*/
.ui-widget { font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {  font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active {  font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 0 2.2em 10px 2.2em; border: none; margin-top: -2px;  top: 1px; margin-bottom: 2px; overflow: auto;  }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/