/* CSS Document */

*{
margin:0;
padding:0;
}


h3 {
color:#663366;
font-size:16px;
font-weight:bold;
line-height:20px;
}

h4 {
padding-top:20px;
color:#6689c3;
font-size:12px;
font-weight:bold;
}

a {
color:#3d107b;
font-size:12px;
font-weight:bold;
line-height:17px;
}

a:hover {
color:#6689c3;
}

#header {

display:block;
background:url(../SetupImages/header.gif) no-repeat;
height:161px;
background-color:#6689c3;
}

#header2 {

display:block;
background:url(../SetupImages/headerBlank.gif) no-repeat;
height:161px;
background-color:#6689c3;
}

#title {
margin-left:-5000px;
height:0px;
}
body{
background:url(../SetupImages/backgroundGradient.jpg) repeat-x;
background-color:#c7d3e6;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:11px;
line-height:14px;
color:#333333;
}
p{

}


#menu {
padding-left:400px;
padding-top:84px;
}

#menu li {
display:inline;
height:31px;
list-style:none;

}
#menu a {

float:left;
padding:31px 0 0 0;
overflow:hidden;
height:0px !important;
height /**/:31px; /*for ie5 win only */
}
#menu a:visited{
background-position:0 0px;
}
#menu a:hover {
background-position:0 -31px;
}

#menu a:active {
background-position:0 -31px;
}

#homeON  {
float:left;
padding:31px 0 0 0;
overflow:hidden;
height:0px !important;
height /**/:31px; /*for ie5 win only */
width:81px;
background:url(../menu_01.jpg) top left repeat;
background-position:0 -31px;
}


#aboutON  {
float:left;
padding:31px 0 0 0;
overflow:hidden;
height:0px !important;
height /**/:31px; /*for ie5 win only */
width:89px;
background:url(../menu_02.jpg) top left repeat;
background-position:0 -31px;
}

#peopleON  {
float:left;
padding:31px 0 0 0;
overflow:hidden;
height:0px !important;
height /**/:31px; /*for ie5 win only */
width:104px;
background:url(../menu_03.jpg) top left repeat;
background-position:0 -31px;
}

#benefitsON  {
float:left;
padding:31px 0 0 0;
overflow:hidden;
height:0px !important;
height /**/:31px; /*for ie5 win only */
width:110px;
background:url(../menu_04.jpg) top left repeat;
background-position:0 -31px;
}

#opportunitiesON  {
float:left;
padding:31px 0 0 0;
overflow:hidden;
height:0px !important;
height /**/:31px; /*for ie5 win only */
width:169px;
background:url(../menu_05.jpg) top left repeat;
background-position:0 -31px;
}



#home a {
width:81px;
background:url(../menu_01.jpg) top left repeat;
}

#about a {
width:89px;
background:url(../menu_02.jpg) top left repeat;
}
#people a {
width:104px;
background:url(../menu_03.jpg) top left repeat;
}
#benefits a {
width:110px;
background:url(../menu_04.jpg) top left repeat;
}
#opportunities a {
width:169px;
background:url(../menu_05.jpg) top left repeat;
}

#container{
background:#FFFFFF;
text-align:left;
width:980px;
margin:0 auto;
}
#leftcontent{
float:left;
width:735px;
}
#leftcontentAbout{
float:left;
width:735px;
background-color:#3d107b;
height:735px;
}
#leftcontentPeople{
float:left;
width:735px;
background-color:#dde7f4;
height:1205px;
}

#leftcontentBenefits{
float:left;
width:735px;
height:490px;
}
#leftcontentCO{
background-color:#502788;
float:left;
clear:right;
width:735px;
height:367px;

}

#oppsApply {
padding-top:5px;
float:right;
background:#abc4e4;
width:245px;
height:118px;
}

#coWrapper {
color:#FFFFFF;
height: auto;
width:495px;
background-color:#502788;
float:left;
padding-left:240px;
padding-top:30px;
}









#leftcontentVacancy{
clear:right;
float:left;
width:735px;
}
#jobListing {
padding-top:30px;
padding-left:240px;
}

#logos {
padding-bottom:40px;
}
#jobListing li {
margin-left: 30px;
/* padding-left:30px; */
/* list-style:none; */
padding-top:10px;
padding-right:100px;
}

.header1 {
color:#3d107b;
padding-top:5px;
font-size:16px;
font-weight:bold;
}

.header2 {
padding-top:30px;
font-size:12px;
color:#45679f;
}

#vacancyButton {
padding-left:0px;
padding-bottom:120px;

}








#left1 {
background:url(../logos/sundayTimes.gif) no-repeat 50px 18px;
padding-left:240px;
padding-top:10px;
height:215px;
padding-right:50px;
}
#left2 {
background:url(../logos/sundayTimes.gif) no-repeat 120px 70px;
padding-left:240px;
padding-top:30px;
height:215px;
padding-right:50px;
}
#aboutleft1 {
background-color:#3d107b;
background:url(../Buttons/aboutPic.jpg) no-repeat;
color:#FFFFFF;
padding-left:240px;
padding-top:30px;
height:215px;
padding-right:50px;
}
#peopleleft1 {
background:url(../People/peoplePic.jpg) no-repeat;
padding-left:240px;
padding-top:30px;
height:215px;
padding-right:50px;
}
#benefitsText {
padding-left:240px;
padding-top:30px;
height:215px;
padding-right:50px;
}
#COText {
color:#FFFFFF;
padding-left:240px;
padding-top:30px;
height:215px;
padding-right:50px;
}

#vacancyText {
background-color:#502788;
color:#FFFFFF;
padding-left:240px;
padding-top:30px;
height:93px;
padding-right:150px;
}



#benefitsText li {
padding-top:5px;
list-style:none;

}
#leftContentForm {
padding-left:120px;
padding-top:60px;
}
#left2 {
padding-right:50px;
padding-left:240px;
padding-top:30px;

height:215px;
background:#3d107b;
color:#FFFFFF;
}
#left2aboutholder {
	position:		relative;
	width:			500px;
	margin-right:	50px;
	background-color: #ffffff;
	padding-left:	185px;
	padding-right:	50px;
	padding-top:	30px;
}

#left2about {
	width:			520x;
	border-top:		16px solid #abc4e4;
	border-bottom:	16px solid #abc4e4;
	border-left:	17px solid #abc4e4;
	border-right:	17px solid #abc4e4;
	padding:		20px 20px 20px 40px;
	color:			#3d107b;
}
#left2about  ul{
list-style-type: none;
}


#left2people {
background-color:#FFFFFF;
padding-right:120px;
padding-left:240px;
height:470px;
color:#3d107b;
padding-top:20px;
line-height:16px;
}
#left2people2 {
background-color:#FFFFFF;
padding-right:120px;
padding-left:240px;
height:470px;
color:#3d107b;
padding-top:20px;
line-height:16px;
}

#myList li{
padding-top:1px;
background:url(../SetupImages/jobTitleHolder.jpg) no-repeat;
padding-left:50px;
list-style:none;
height:24px;
color:#3d107b;
}

#myList a{
font-size:11px;
font-weight:normal;
text-decoration:none;
}

#myList a:hover{
color:#FFFFFF;
}

#textAbout {
line-height:19px;
}
#rightTop{
background:url(../People/page1pic.jpg) no-repeat;
float:right; 
width:245px;
height:245px;
}
#rightTopJobs{
height:245px;
background:url(../SetupImages/jobsPic.jpg) no-repeat;
background-color:#abc4e4;
float:right; 
width:245px;
}
#rightTopVacancy{
background-color:#abc4e4;
float:right; 
width:245px;
height:123px;
}
#rightTopForm{
background:url(../SetupImages/formPic.jpg) no-repeat;
float:right; 
width:245px;
height:245px;
}
#extra{
background:#abc4e4;
float:right;
clear:right;
width:215px;
height:205px;
font-size:15px;
padding:30px 15px 10px 15px;
}
#extraBenefits{
background:#abc4e4;
float:right;
clear:right;
width:215px;
height:205px;
font-size:15px;
padding:30px 15px 10px 15px;
border-bottom:#3d107b 245px solid;
}
#extraAbout{
background:url(../Buttons/bottomAboutPic.jpg) no-repeat 0px 245px        ;
color:#FFFFFF;
background-color:#3d107b;
float:right;
clear:right;
width:215px;
height:700px;
font-size:11px;
padding:60px 15px 10px 15px;
}
#extraPeople {
background:url(../People/duwaine.jpg) no-repeat;
background-color:#abc4e4;
float:right;
clear:right;
width:215px;
height:198px;
padding:160px 15px 0px 15px;
border-bottom:#3d107b 122px solid;
}
#extraPeople2 {
background:url(../People/simon.jpg) no-repeat;
background-color:#abc4e4;
float:right;
clear:right;
width:215px;
height:198px;
padding:160px 15px 10px 15px;
border-bottom:#3d107b 122px solid;
}
.whiteTitleClass {
font-size:18px;
padding-bottom:5px;
}


#diversity {
padding-top:30px;
}
#footer{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
clear:both;
background: #6689c3;
color: #FFF;
width:100%;
height:233px;
}
#address{
padding-left:45px;
padding-top:30px;
}
#footer a{
font-size:11px;
color:#3d107b;
}
#footer a:hover{
color:#FFFFFF;
}
#footer p{
margin:0;
padding:3px;
}
#footerLogos {
padding-top:10px;
padding-left:22px;
}

#purpleTitle {
font-size:18px;
padding-bottom:5px;

}

#thelogo {
font-size:18px;
padding-bottom:5px;

}

#logo1 {
font-size:18px;
padding-bottom:5px;
clear:both;
float: left;


}

.purpleTitleClass {
font-size:20px;
}
.lightBlueSubClass {
font-size:14px;
}
.extraText {
font-size:20px;
}
#extraTextJobs {
width:225px;
padding:5px 5px 5px 5px;
font-size:14px;
}
#extraTextVacancy{
width:225px;
padding:5px 5px 5px 5px;
font-size:14px;
}

.extraTextWhiteClass {
font-size:24px;
}
#lightBlueTitle {
font-size:18px;
padding-bottom:5px;
}
#lightBlueTitle2 {
font-size:18px;
padding-bottom:5px;
}
#lightBlueTitle3 {
font-size:18px;
padding-bottom:5px;
}






em {
font-weight:bold;
}
#text {
clear:both;
}
#next a {
margin-left:-194px;
margin-top:30px;
	width:72px;
	background:url(../Buttons/nextButton.gif) top left repeat;
	float:left;
	padding:37px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:37px; /*for ie5 win only */

}

#next a:hover {
background-position:0 -37px;
}

#next a:active, #next a.selected {
background-position:0 0px;
}

#nextWhite a {
margin-left:-150px;
margin-top:-30px;
	width:72px;
	background:url(../Buttons/nextWhite.gif) top left repeat;
	float:left;
	padding:37px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:37px; /*for ie5 win only */

}

#nextWhite a:hover {
background-position:0 -37px;
}

#nextWhite a:active, #nextWhite a.selected {
background-position:0 0px;
}
#backButton a {
margin-left:-194px;
margin-top:-50px;
	width:72px;
	background:url(../Buttons/backButton.gif) top left repeat;
	float:left;
	padding:37px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:37px; /*for ie5 win only */

}

#backButton a:hover {
background-position:0 -37px;
}

#backButton a:active, #backButton a.selected {
background-position:0 0px;
}
#benefitsButton a {
margin-top:26px;
margin-left:-3px;
width:265px;
	background:url(../Buttons/benefitsButton.jpg) top left repeat;
	float:left;
	padding:55px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:55px; /*for ie5 win only */

}

#benefitsButton2 a:hover {
background-position:0 -55px;
}

#benefitsButton2 a:active, #benefitsButton2 a.selected {
background-position:0 0px;
}
#benefitsButton2 a {
margin-top:26px;
margin-left:-3px;
width:265px;
	background:url(../Buttons/benefitsButton2.jpg) top left repeat;
	float:left;
	padding:55px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:55px; /*for ie5 win only */

}

#benefitsButton a:hover {
background-position:0 -55px;
}

#benefitsButton a:active, #benefitsButton a.selected {
background-position:0 0px;
}

#applyNowButton a {
margin-top:18px;
margin-left:8px;
width:207px;
	background:url(../Buttons/applyNowButton.jpg) top left repeat;
	float:left;
	padding:55px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:55px; /*for ie5 win only */

}

#applyNowButton a:hover {
background-position:0 -55px;
}

#applyNowButton a:active, #applyNowButton a.selected {
background-position:0 0px;
}


#applyNowButtonJobs a {
margin-top:0px;
margin-left:22px;
width:207px;
	background:url(../Buttons/applyNowButton.jpg) top left repeat;
	float:left;
	padding:55px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:55px; /*for ie5 win only */

}

#applyNowButtonJobs a:hover {
background-position:0 -55px;
}

#applyNowButtonJobs a:active, #applyNowButtonJobs a.selected {
background-position:0 0px;
}

#whiteapplyNowButton a {
margin-top:18px;
margin-left:18px;
width:207px;
	background:url(../Buttons/whiteapplyNowButton.jpg) top left repeat;
	float:left;
	padding:61px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:61px; /*for ie5 win only */

}

#whiteapplyNowButton a:hover {
background-position:0 -61px;
}

#whiteapplyNowButton a:active, #whiteapplyNowButton a.selected {
background-position:0 0px;
}

#applyNowButtonJobs2 a {
margin-left:22px;
width:207px;
	background:url(../Buttons/applyNowButton.jpg) top left repeat;
	float:left;
	padding:55px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:55px; /*for ie5 win only */

}

#applyNowButtonJobs2 a:hover {
background-position:0 -55px;
}

#applyNowButtonJobs2 a:active, #applyNowButtonJobs2 a.selected {
background-position:0 0px;
}