/* Page layout */
body { font-family:Arial, Sans-Serif; }
.pagewrapper { position:relative; display:block; width:839px; margin:auto;
    background-image:url(../images/layout/middle.jpg); padding:135px 50px 80px 45px; }

/* Header and footer */
.top { position: absolute; width: 934px; height: 65px; top: 0; left: 0;
    background-image: url(../images/layout/top.jpg); }
    .top img {margin:8px 0 0 711px;border:none;}
.bottom { position: absolute; width: 934px; height: 82px; bottom: 0; left: 0;
    background-image: url(../images/layout/Footer.jpg); }
.header { position:absolute; left:45px; top:46px; width:838px; height:70px; }
.header#teaching { background-image:url(../images/headers/iintegrated.gif); }

/* Navigation */
.nav_left { position:relative; float:left; width:155px; padding-bottom:30px; }
.nav_right { position:relative; float:right; width:205px; right:-15px; }
html>body .nav_right { right:0; }

.navmodule { position:relative; background-color:#00649E; background-position:bottom left;
    background-repeat:no-repeat; color:#FFFFFF; font-size:10px; padding-bottom:10px;
    margin-bottom:6px; overflow:hidden; }
    
.navmodule h2 { position:relative; margin:0 0 9px 0; background-position:top left;
    background-repeat:no-repeat;font-family:Arial, Sans-Serif; font-weight:bold; font-size:12px;}
    
    .nav_left .navmodule h2 { color:#000000;}
.navmodule ul { padding:0; margin:10px 10px 0 10px; list-style-type:none; }
.navmodule li { display:block; /* border-bottom:1px dotted #66CCFF; */ margin-bottom:3px;
							padding-bottom:3px;font-size:11px;font-weight:bold;letter-spacing:0.02em; }
.navmodule li a { color:#FFFFFF; text-decoration:none; }
.navmodule li a:hover { text-decoration:underline; }

.navmodule label { position:relative; display:block; margin:0 0 5px 20px; font-size:9px; }
.navmodule select { position:relative; margin:0 0 10px 20px; width:165px;
    font-size:11px; }
.navmodule input { position:relative; border:none; padding:3px 5px 5px 5px; margin-top:5px;
    background-color:#4FB0D7; color:#FFFFFF; font-size:9px; text-transform:uppercase; }
.navmodule input.search { float:right; margin-right:20px; cursor:pointer; border:1px solid #FFFFFF; }
.navmodule input.cv { float:left; margin-left:20px; background-color:#4FB0D7; color:#FFFFFF; border:1px solid #4FB0D7; cursor:pointer; }

.news { position:relative; background-position:bottom left; background-image:url(../images/nav/bottom_news.jpg);
    background-repeat:no-repeat; color:#FFFFFF; font-size:11px; padding-bottom:26px; margin-bottom:6px;
    width:220px; left:-5px; }
.news h2 { position:relative; padding:26px 0 0 20px; line-height:15px; background-position:top left;
    background-repeat:no-repeat; background-image:url(../images/nav/top_news.jpg); margin:0;
    font-family:Arial, YSans-Serif; font-weight:normal; font-size:18px; }
.news h2 em { font-style:normal; color:#000000; }
.news ul { padding:0; margin:10px 20px 0 20px; list-style-type:none; }
.news li { display:block; border-top:1px dotted #66CCFF; margin-top:6px; padding-top:6px; }
.news li p { margin:0; padding:0; }
.news li a { color:#FFFFFF; text-decoration:none; }
.news li a:hover { text-decoration:none; }
.news li h3 { margin:0; padding:0 0 3px 0; color:#5BCAF4; font-size:12px; font-weight:normal; }
.news li h3 a { color:#5BCAF4; }

.nav_left .navmodule { background-image:url(../images/nav/bottom_left.gif); width:155px; }
.nav_left .navmodule h2 { background-image:url(../images/nav/top_left.gif); width:145px;
    padding:1px 0 0 10px; line-height:18px; }
.nav_right .navmodule { background-image:url(../images/nav/bottom_right.gif); width:205px; }
.nav_right .navmodule h2 { background-image:url(../images/nav/top_right.gif); width:185px;
    padding:1px 0 0 20px; line-height:20px; text-transform:uppercase; }
    
/* Homepage */
.content-home { position:absolute; width:460px; left:215px; top:135px; }
.content-home .panel-left, .content-home .panel-right { position:relative; display:block; width:230px; height:225px;
    background-position:top left; top:-3px; background-repeat:no-repeat; left:-5px;}
.content-home .panel-left { float:left; background-image:url(../images/panels/home_blue.gif); }
.content-home .panel-right { float:right; background-image:url(../images/panels/home_grey.gif); }
.content-home img.banner { margin-top:10px; }

.content-home .panel-left h2 { position:relative; margin:0; padding:25px 15px 5px 25px; font-size:20px;
    font-weight:normal; color:#0078B2; line-height:20px;text-align:left;}
.content-home .panel-left h2 em { color:#000000; font-style:normal; }
.content-home .panel-left p { position:relative; margin:0; padding:10px 25px 5px 25px; font-size:14px; text-align:left;}
.content-home .panel-left ul{ font-size:10px;list-style-type:square;margin:0px;padding-left:40px;}



.content-home .panel-right h2 { position:relative; margin:0; padding: 25px 15px 5px 25px; font-size:20px;
    font-weight:normal; color:#0078B2; line-height:20px; text-align:left;}
.content-home .panel-right h2 em { color:#000000; font-style:normal; }
.content-home .panel-right p { position:relative; margin:0; padding:0 25px 5px 25px; font-size:14px; text-align:left;}
.content-home .panel-right ul{ font-size:10px;list-style-type:square;margin:0px;padding-left:40px;padding-right:5px;}

.content-home .dpanel {position:relative; display:block; width:462px; height:504px;color:#FFFFFF;
    background-position:top left; top:0px; background-repeat:no-repeat; left:-4px; float:left; background-image:url(../images/panels/iintegrated_box.jpg); }
.content-home .dpanel h1 { position:relative; margin:0; padding: 25px 15px 1px 15px; 
							font-size:19px;font-weight:normal; line-height:24px; }
.content-home .dpanel h1 em { margin:0;color:#4FB0D7; font-style:normal; }
    
.content-home .dpanel h2 { position:relative; margin:0; padding: 25px 15px 1px 15px; 
							font-size:19px;font-weight:normal; line-height:24px; }
.content-home .dpanel h2 em { margin:0;color:#4FB0D7; font-style:normal; }
.content-home .dpanel p { position:relative; margin:0; padding:0 25px 5px 25px; font-size:12px;font-weight:normal;color:#FFFFFF;}
.content-home .dpanel p.title { font-size:17px;}
.content-home .dpanel ul { list-style-type:square; font-size:12px; color:#FFFFFF;margin-top:0px;}
.content-home .dpanel .blues {font-size:14px;  color:#4FB0D7;position:relative; margin:0; padding: 0px 15px 25px 15px; 
							}


/* Blue box panel */
.content-bluebox { position:relative; width:644px; float:right; background-color:#A1C4D3;
    background-position:bottom left; margin-bottom:30px;padding-bottom:20px;
    background-repeat:no-repeat; background-image:url(../images/panels/bottom_bluebox.gif); }
.content-bluebox h2 { position:relative; margin:0 0 9px 0; background-position:top left;
    background-repeat:no-repeat; background-image:url(../images/panels/top_bluebox.gif); width:624px;
    padding:3px 0 3px 20px; color:#FFFFFF;
    font-family:Verdana, Sans-Serif; font-weight:bold; font-size:14px; }
.content-bluebox h3 { position:relative; margin:0; padding:10px 0 10px 20px; font-size:18px;
    font-weight:normal; color:#FFFFFF; }
      .content-bluebox h4 { position:relative; margin:0; padding:10px 0 10px 20px; font-size:18px;
    font-weight:bold; color:#00649E; }
.content-bluebox h3 strong { font-weight:normal; color:#0066CC; }
.content-bluebox p { position:relative; padding:10px 20px 10px 20px; margin:0;
    font-size:12px; }
.content-bluebox img { float:right; margin:0 20px 10px 20px; }
.content-bluebox .line { position:relative; width:604px; margin:20px; height:1px; font-size:1px; clear:both;
    border-bottom:1px dotted #0066CC; }
.content-bluebox ul { list-style-type:square; font-size:13px; color:#0066CC;padding-right:20px; }
.content-bluebox ul li { color:#000000; margin-bottom:10px; }
.content-bluebox .right { position:relative; float:right; width:230px; padding:0 40px 20px 20px; font-size:10px; }

.content-bluebox .searchbox { font-size:10px; padding:0 10px 20px 20px; }
.content-bluebox .searchbox label { font-weight:bold; display:block; margin:0; padding:0 0 3px 0; }
.content-bluebox .searchbox tr { height:45px; }
.content-bluebox .searchbox select { font-size:11px; width:180px; }
.content-bluebox .searchbox input.search { border:2px solid #0066CC; font-size:12px; padding:2px 5px 3px 5px; }

/* Icons */
.content-icons { position:relative; width:644px; float:right; text-align:center; }
.content-icons h2 { padding:0; margin:80px 0 20px 0; font-size:20px; color:#0066CC;
    font-family:Verdana, Sans-Serif; }
.content-icons a img { border:none; margin:0 10px 0 10px; }

/* Utility classes */
.hidden { display:none; }
html>/**/body .clear { position:relative; clear:both; font-size:1px; width:80%; height:1px; }
/* Grid Results Result Page*/

.content-bluebox input { position:relative; border:none; padding:3px 5px 5px 5px; margin-top:5px;
    background-color:#6DCEF5; color:#FFFFFF; font-size:9px; text-transform:uppercase; }
.content-bluebox input.search { float:right; margin-right:18px; font-weight:bold; border:1px solid #FFFFFF; }
.content-bluebox input.cv { float:left; margin-left:18px; background-color:#66CCFF; color:#B8EBF5; padding: 3px 3px 3px 3px;}


.gridresults { position:relative; width:625px; float:right; margin-left:15px;margin-bottom:20px;}
.gridresults p {font-size:12px;}
	.gridresults .title { font-family:Verdana, Sans-Serif; font-size:21px; padding:10px 0 8px 0;
	    border-bottom:solid 1px #0066CC; color:#0066CC; margin:0; font-weight:bolder;}
	.gridresults .JobTitle { font-size:17px; font-weight:bold; padding-bottom:8px; padding-top:8px; }
	.gridresults .ref { font-size:12px; font-weight:normal; width:110px; }
	.gridresults .data { font-size:12px; font-weight:normal; }
	.gridresults .apply { vertical-align:text-top; text-align:right; width:150px; }
	.gridresults .apply a { position:relative; display:block; padding:8px 10px 8px 10px; font-weight:bold;
	    background-color:#6DCEF5; color:#FFFFFF; font-size:11px; width:80px; text-align:center;
	    text-transform:uppercase; text-decoration:none; border:2px solid #0066CC; }
	.gridresults .separator{ border-bottom:dotted 1px #0066CC; height:5px; }
	.gridresults .description { font-size:11px; padding-bottom:8px; padding-top:8px; font-weight:normal; }
	.gridresults .description h3 { font-size:13px; padding-bottom:8px; margin:0; }
	
	
	
.pages { position:relative; width:494px; float:right; padding:0 150px 20px 0; font-size:12px; 
    font-weight:normal; }
.pages h3 { position:relative; margin:0; padding:10px 0 10px 0px; font-size:18px;
    color:#00649E; border-bottom:dotted 1px #00649E; }
.pages img { position:relative; float:right; margin:15px 0 20px 20px; }
.pages .linkimg img{ position:relative; float:left;}
.pages .center{width:494px;text-align:center;}
.pages ul { list-style-type:square; font-size:12px; color:#0066CC;padding-right:20px; }
.pages ul li { color:#000000; margin-bottom:10px; }
.pages p{padding-left:0px;}
/* Client of the Week */

.pages .candidateofweekname {margin-top:15px;font-size:15px;}
.pages .candidateofweektext {padding-top:10px;}
.pages .candidateofweektext img {float:right;clear:left;padding:0px 0 5px 5px;margin:0px;}

/* Client list */
.clients { position:relative; width:654px; float:right; padding:0; font-size:12px;font-weight:normal; margin-bottom:10px; }
.clients h2 { position:relative; margin:0; padding:0 0 20px 0px; font-size:18px;
    color:#00649E; }
    .clients p {font-size:12px;margin:0px;}
    .clients .leftie { width:585px;text-align:right;margin-bottom:15px;}
.clients ul { position:relative; margin:0; padding:0; list-style-type:none; }
.clients li { position:relative; display:block; float:left; font-size:10px; color:#666666;
    width:162px; height:89px; background-image:url(/images/panels/client.gif);background-repeat:no-repeat; margin:0 10px 0px 0; 
			padding:  5px 10px 0px 130px; }
.clients li h3 { position:relative; margin:0; padding: 5px 0 4px 0; color:#00649E; font-size:11px; }

.clients li .imgbox { position:absolute; left:10px; top:5px; width:282px; height:80px;text-align:center;}

/* Testimonials */
.testimonials {position:relative; width:494px; float:right;padding:0 150px 0 15px; font-size:12px;}	
.testimonials h3 {position:relative; margin:0; padding:10px 0 10px 0px; font-size:18px;
     color:#00649E; border-bottom:dotted 1px #00649E; }
.testimonials ul { padding:0; margin: 10px 0px 20px 0px; list-style-type:none; }
.testimonials li { display:block; border-bottom:1px dotted #00649E; margin-top:6px; padding:6px 0 20px 0px; }
.testimonials li h3 { margin:0; padding:0 0 3px 0; color:#5BCAF4; font-size:12px; font-weight:normal; }
.testimonials li p { margin:0; padding:0; }
.testimonials li a { color:#FFFFFF; text-decoration:none;}
.testimonials li img {float:right;clear:left;padding:6px 0 5px 10px;}



/* News Page */
.newspage {position:relative; width:644px; float:right;padding-left:15px;font-size:12px;}	
.newspage h3 {position:relative; margin:0; padding:10px 0 10px 0px; font-size:18px;
     color:#00649E;border-bottom:dotted 1px #00649E; }
.newspage ul { padding:0; margin: 10px 0px 20px 0px; list-style-type:none; }
.newspage li { display:block; border-bottom:1px dotted #00649E; margin-top:6px; padding:6px 0 20px 0px; }
.newspage li h3 { margin:0; padding:0 0 3px  0; color:#4FB0D7; font-size:18px; font-weight:normal; }
.newspage li p { margin:0; padding:10px 0 0 0px; }
.newspage li a { color:#FFFFFF; text-decoration:none; }


/*SUSTAINABILITY*/

	.sustain { position:relative; width:644px; float:right; padding:0px; font-size:12px; font-weight:normal; margin-bottom:10px;}
		.sustain h3{ position:relative; margin:0; padding:10px 0 10px 0px; font-size:18px;
					  color:#00649E; border-bottom:dotted 1px #00649E; }
		.sustain p {width:644px;}
			.sustain .mycontent {width:644px;margin-top:10px;padding:0px;}
			  .sustain .mycontent .content p {margin-top:0px; margin-left:0px;width:510px;}
				.sustain .mycontent .images {margin-top:0px; float:right;clear:left;width:110px;text-align:right;color:#00649E;}
				 .sustain .mycontent .images img {float:right;clear:right;margin-bottom:5px;border:none;}



/* ADMIN SITE */

.forms { position:relative; width:644px; float:right; background-color:#BFE2F1;font-family:Verdana, Sans-Serif;font-size:12px;
    background-position:bottom left; background-repeat:no-repeat; background-image:url(/images/panels/bottom_bluebox.gif); }

.forms h2 { position:relative; margin:0 0 9px 0; background-position:top left; background-repeat:no-repeat; background-image:url(/images/panels/top_bluebox.gif); width:644px;
    padding:3px 0 3px 20px; font-weight:bold; font-size:14px; }
     .forms .val {padding-left:10px;}
      .forms .valsum {float:right;margin-right:50px;margin-top:10px;border:solid 1px Red;padding:10px 15px 10px 15px;}
      
		.forms .section {padding: 10px 0px 10px 20px;}
		.forms select {font-size:12px;}
		.forms .save{float:right;margin-right:30px;margin-bottom:10px;}
		.forms .warning {color:Red;}
		.success {position:relative; width:644px; height:450px; float:right;font-family:Verdana, Sans-Serif;font-size:12px;padding:200px 0px 0px 0px;text-align:center;}

.pages .apply { vertical-align:text-top; text-align:right;width:494px;margin-bottom:30px; }
	.pages .apply a { display:block; padding:8px 10px 8px 10px; font-weight:bold;
	    background-color:#6DCEF5; color:#FFFFFF; font-size:11px; width:80px; text-align:center;
	    text-transform:uppercase; text-decoration:none; border:2px solid #0066CC; margin-left:414px;}
	    
/*resources*/

.resources {position:relative; width:494px; float:right;padding:0 150px 0 15px; font-size:12px;}	
.resources h3 {position:relative; margin:0; padding:10px 0 10px 0px; font-size:18px;
     color:#00649E; border-bottom:dotted 1px #00649E; }
.resources ul { padding:0; margin: 10px 0px 20px 0px; list-style-type:none; }
.resources li { display:block; border-bottom:1px dotted #00649E;}
.resources li h3 {margin:0; padding:0 0 3px 0; color:#5BCAF4; font-size:10px; font-weight:normal; }
.resources li ul {list-style-type:square; font-size:11px; color:#0066CC;padding: 0 0 0 15px;margin:0 0 0 0px; }
.resources li ul li { color:#000000; margin-bottom:0px;border:none; }


/***TRAINING***/

.training { position:relative; width:494px; float:right; padding:0 150px 20px 0; font-size:12px; 
    font-weight:normal; }
.training h3 { position:relative; margin:0; padding:10px 0 10px 0px; font-size:18px;
    color:#00649E; border-bottom:dotted 1px #00649E; }
.training .linkimg {width:145px;}
.training .linkimg .link{width:145px;text-align:center;padding-left:15px;}
.training .center{width:494px;text-align:center;}
.training ul { list-style-type:square; font-size:12px; color:#0066CC;padding-right:20px; }
.training ul li { color:#000000; margin-bottom:10px; }