﻿@charset "utf-8";
/* CSS Document */

body {
background-image:url(../images/background.jpg);
background-repeat:repeat-y;
padding:0;
margin:0;
text-align:left;
background-position:top center;
}

.center {
width:845px;
margin:auto;
}

.center2 {
width:854px;
margin:auto;
}

#topheader {
width:100%;
background-color:#FFFFFF;
height:155px;
}

#topmenu {
height:38px;
width:100%;
background-image:url(../images/menu_background.jpg);
}

.apply {
float:right;
width:347px;
height:49px;
padding-top:83px;
text-align:right;
}

.tagline {
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:italic;
	color:#140852;}

.logo {
float:left;
width:339px;
height:134px;
padding-top:10px;
}


#lightgreen {
background-color:#eaf0d0;
width:845px;
height:655px;
}

#lightgreensub {
background-color:#eaf0d0;
width:845px;
}

.greenleft {
width:183px;
float:left;

}

.greenright {
width:622px;
float:right;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;

}

.greenleft2 {
width:437px;
float:left;
padding-left:10px;
padding-top:20px;
}

.greenright2 {
width:363px;
float:right;
padding-top:50px;
}

.blue14 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#332bbc;
}

.blue18 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#332bbc;
font-weight:bold;
}


p.bodytext13 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
}

.tabletext13 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
}

p.bodytext14 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}

p.bodytext11 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.boxlabel {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.inputbox {
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.req-field {
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
width:200px;
}

ul.bodylist {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000; }

li.bodylist {font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;}

p.bodytext12 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#orangebox {
background-image:url(../images/orange_box2.jpg);
width:387px;
height:200px;
padding:10px;
background-repeat:no-repeat;
text-align:left;
}

#orangeboxsub {
background-image:url(../images/orange_box3.jpg);
width:293px;
height:205px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:35px;
background-repeat:no-repeat;
text-align:left;
margin:auto;
}

.orangetop {
background-image:url(../images/orange_top.jpg);
width:313px;
height:7px;
margin:auto;
}

.orangebottom  {
background-image:url(../images/orange_bottom.jpg);
width:313px;
height:7px;
margin:auto;
background-repeat:no-repeat;
padding-bottom:25px;
}

.orangemiddle {
background-color:#fdca77;
width:293px;
padding-left:10px;
padding-right:10px;
margin:auto;
}

.quote {
   
   background: url(../images/upper_quote.jpg) no-repeat left top; 
  
   padding-top: 10px;
   padding-left: 40px; 
   font-style:normal; 
   font-variant:normal; 
   font-weight:normal; 
   font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;

}

.quotesub div {background: transparent url(../images/lower_quote_sub.jpg) right bottom no-repeat;
 padding-right: 40px;
 padding-bottom: 10px;
}

.quotesub {
   
   background: url(../images/upper_quote_sub.jpg) no-repeat left top; 
  
   padding-top: 10px;
   padding-left: 40px; 
   font-style:normal; 
   font-variant:normal; 
   font-weight:normal; 
   font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;

}

.quote div {background: transparent url(../images/lower_quote.jpg) right bottom no-repeat;
 padding-right: 40px;
 padding-bottom: 10px;
}


.testimonial {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#000000;
}

#greengradbox {
background-image:url(../images/green_grad_box.jpg);
width:815px;
height:240px;
background-repeat:no-repeat;
padding-right:15px;
padding-left:15px;
}

#roundedblue {
background-image:url(../images/blue_grad_box.jpg);
width:516px;
height:207px;
background-repeat:no-repeat;
float:left;
margin-top:20px;
}

#testright {
float:right;
width:410px;
text-align:center;
margin-top:10px;
}

#testleft {
width:355px;
float:left;
padding-left:20px;
padding-right:30px;
padding-top:30px;
}

#bottomblue {
background-color:#e1e0f6;
width:815px;
height:200px;
padding-right:15px;
padding-left:15px;
padding-top:20px;

}

#footer {
width:830px;
background-image:url(../images/footer_new.jpg);
height:86px;
padding-left:15px;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-color:#000000;
font-size:12px;
letter-spacing:5px;
}

.spot {
font-size:24px;
font-family: Arial, Helvetica, sans-serif;
color:#db7948;
font-weight:bold;
}

.light {
color:#252357;
font-size:24px;
font-family: Arial, Helvetica, sans-serif;


}

.smspot {
font-size:18px;
font-family: Arial, Helvetica, sans-serif;
color:#db7948;
font-weight:bold;
}

.smlight {
color:#252357;
font-size:18px;
font-family: Arial, Helvetica, sans-serif;


}

.job {
font-size:18px;
font-family: Arial, Helvetica, sans-serif;
color:#252357;
font-weight:bold;
}

.spot2 {
font-size:18px;
font-family: Arial, Helvetica, sans-serif;
color:#db7948;
font-weight:bold;


}

.light2 {
color:#252357;
font-size:18px;
font-family: Arial, Helvetica, sans-serif;


}

.application {
margin-bottom:5px;
}

h1.orangetext {
color:#db7948;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

h2.subtext {
color:#19163d;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
}


h1.pagetitle {
color:#202162;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
}

h2.bluetext {
color:#262358;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

h2.lbluetext {
color:#8ca1c1;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.clear {
clear:both;
}

/* Links */

A.bluelink:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#262358;
font-weight:bold;
text-decoration:none;
letter-spacing:normal;
} 
   A.bluelink:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#262358;
font-weight:bold;
text-decoration:none;
letter-spacing:normal;
} 
   A.bluelink:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#262358;
font-weight:bold;
text-decoration:none;
letter-spacing:normal;
} 
   A.bluelink:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#262358;
font-weight:bold;
text-decoration:none;
letter-spacing:normal;
} 

#lowerbluetext {
margin-top:50px;
} 



.copywrite {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-style:italic;
letter-spacing:normal;
float:right;
width:425px;
padding-top:15px;
padding-right:10px;
text-align:right;

}

.footerleft {
float:left;
width:218px;
margin-right:25px;
}

.footerright {
float:right;
width:581px;
padding-top:25px;
}

#rightapp {
background-image:url(../images/right_col_box.jpg);
background-repeat:no-repeat;
width:243px;
height:313px;
padding-bottom:25px;
margin-left:25px;
margin-top:30px;
text-align:center;
padding-left:35px;
padding-right:35px;
padding-top:14px;
}

#navcontainer ul {
list-style-type:none;
padding:0px;
margin:0px;
}

#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background:url(../images/menu_background.jpg) repeat-x;
height:38px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color: #485123;
text-align: center;
border-left: 1px solid #A8B090;
}

#navcontainer a
{
color: #485123;
text-decoration: none;
display: block;
height:28px;
padding-top:10px;
padding-left:9px;
padding-right:9px;

}


#navcontainer li.firstlink { border-left:none; }
#navcontainer li#active { background:url(../images/menu_hover.jpg) repeat-x; color:#FFFFFF; }
#navcontainer a:hover { background: url(../images/menu_hover.jpg)  repeat-x; color:#FFFFFF; }



/* Menu 2 */

.mlddm
{	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 38px;
	}

	.mlddm li
	{	
		display: inline;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0
		}

	.mlddm li a, .mlddm li a#buttonnohover
	{
	color: #485123;
	text-decoration: none;
	display: block;
	height:28px;
	padding-top:10px;
	padding-left:9px;
	padding-right:9px;
	background:url(../images/menu_background.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	border-left: 1px solid #A8B090;}
	
	.mlddm li#active { background:url(../images/menu_hover.jpg) repeat-x; color:#FFFFFF; }
	
		.mlddm li a#firstlink
	{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height:28px;
	padding-top:10px;
	padding-left:9px;
	padding-right:9px;
	background:url(../images/menu_hover.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	}


* html .l1 {
width:40px;
border-left:none;
}

* html .l2 {
width:105px;
}

* html .l3 {
width:162px;
}

* html .l4 {
width:65px;
}

* html .l5 {
width:70px;
}

* html .l6 {
width:60px;
}

* html .l7 {
width:65px;
}

* html .l8 {
width:25px;
}

* html .l9 {
width:30px;
}
	.mlddm li a:hover, .mlddm li a#buttonhover
	{	background: url(../images/menu_hover.jpg)  repeat-x; color:#FFFFFF;}

		.mlddm ul
		{	position: absolute;
			visibility: hidden;
			padding: 0;
			}

			.mlddm ul li
			{	float: none}

			.mlddm ul li a
			{	display: block;
				width: auto;
				margin: 0px;
				padding: 5px 17px 3px 13px;
				font-weight: normal;
				text-align: left;
				text-transform: none;
				color: #2875DE;
				background-color: #ECEFE4;
				border-width: 0}

.mlddm .hsub
{	
	background-image:url(../images/menu_drop.jpg);
 	width:150px;
  	height:26px;
   	padding:0px;
   	border:none;
   	padding-left:18px;
   	padding-top:5px;
	text-align:left; }

	.mlddm ul li .hsub
	{	
		background-image:url(../images/menu_drop.jpg);
	 	width:150px;
	  	height:26px; 
	  	padding:0px;
	  	font-family:Arial, Helvetica, sans-serif;
	  	font-size:14px;
	  	color:#485123;
		border:none;
		padding-left:18px;
		padding-top:5px;
		text-align:left; }

.mlddm .hsub:hover
{
	background-image:none;
	background-color:#aec749; 
}

	.mlddm ul li .hsub:hover
	{	background-image:none;
		background-color:#aec749;  
		font-family:Arial, Helvetica, sans-serif;
	  	font-size:14px;
	  	color:#FFFFFF;
	  	font-weight:bold;}
		


	
	/* Updated */
	
	#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background-color:#eaf0d0;		/* Left column background colour */
	z-index:0;
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:183px;
	background-color:#eaf0d0; 
	  	/* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-546px;
	background-color:#eaf0d0;  	/* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 10px 0 560px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
	z-index:0;
	padding-bottom:25px;
	
}
#col2 {
	float:left;
	width:175px;
	position:relative;
	margin-left:-50%;
	left:365px;
	overflow:hidden;
	z-index:900;
	padding-bottom:25px;
	
}
#col3 {
	float:left;
	width:363px;
	position:relative;
	left:0px;
	overflow:hidden;
}

*:first-child+html #col1 {
	width:100%;
	overflow:hidden;
	padding-top:15px;
	padding-bottom:25px;
}

*:first-child+html #col2 {
	float:left;
	width:175px;
	position:relative;
	margin-left:-50%;
	left:365px;
	overflow:hidden;
	padding-top:15px;
}

*:first-child+html #col3 {
	float:left;
	width:363px;
	position:relative;
	left:0px;
	overflow:hidden;
	padding-top:15px;
}

*html #col1 {
	width:100%;
	overflow:hidden;
	padding-top:15px;
}

*html #col2 {
	float:left;
	width:299px;
	position:relative;
	margin-left:-50%;
	left:365px;
	overflow:hidden;
	padding-top:15px;
}

*html #col3 {
	float:left;
	width:363px;
	position:relative;
	left:0px;
	overflow:hidden;
	padding-top:15px;
}


#leftmenu { width: 180px; }

#leftmenu ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#leftmenu a.toplevel
{
display: block;
width: 160px;
padding-left:10px;
height:25px;
padding-top:10px;
background-color: #afc84b;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#d5642b;
text-decoration:none;


}

#leftmenu a.toplevel:link, #leftlist a.toplevel:visited
{
color: #EEE;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#d5642b;
text-decoration: none;
width: 160px;
padding-left:10px;
text-decoration:none;

}

#leftmenu a.toplevel:hover
{
background-color: #afc84b;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #fff;
width: 160px;
padding-left:10px;
text-decoration:none;

}

#leftmenu a
{
display: block;
width: 160px;
padding-left:10px;
height:25px;
padding-top:10px;
background-color: #afc84b;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#d5642b;
margin-bottom:5px;
text-decoration:none;
}

#leftmenu a:link, #navlist a:visited
{
color: #EEE;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#d5642b;
text-decoration: none;
width: 160px;
padding-left:10px;
text-decoration:none;}

#leftmenu a:hover
{
background-color: #afc84b;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #fff;
width: 160px;
padding-left:10px;
text-decoration:none;
}

#jobbox {
background-image:url(../images/jobbox.jpg);
width:461px;
height:276px;
}

.jobleft {
float:left;
width: 255px;
padding-top:10px;

}

.jobtitle {

margin:auto;
text-align:center;

}

.jobimg {
width:148px;
height:28px;
margin-top:25px;
}

.jobright {
float:right;
width:175px;
text-align:center;
padding-top:10px;
}

#reg {
width:100%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#db7948;
font-size:36px;
padding-top:20px;
}

#resources {
background-image:url(../images/resources.jpg);
width:269px;
height:135px;
background-repeat:no-repeat;
margin-top:65px;
padding-top:5px;
padding-left:25px;
padding-right:25px;}

.rtitle {
width:100%;
text-align:center;
}

/* Ajax Menu Styles */

.ajaxheader{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
color:#19163d;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin:0 0 0 0;
padding:0px 0 5px 5px;
}


.openheader{ /*class added to contents of 1st demo when they are open*/
color:#db7948;
}

.thecontent {
padding: 0px 5px 5px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
}

a.bodytextlink:link {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#d5642b;
text-decoration:none;
font-size:13px;
}

a.bodytextlink:active {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#d5642b;
text-decoration:none;
font-size:13px;
}

a.bodytextlink:hover {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#aec749;
text-decoration:none;
font-size:13px;
}

a.bodytextlink:visited {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#d5642b;
text-decoration:none;
font-size:13px;
}

a.textlink:link {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#d5642b;
text-decoration:none;
font-size:13px;

}

a.textlink:active {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#d5642b;
text-decoration:none;
font-size:13px;

}

a.textlink:hover {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#aec749;
text-decoration:none;
font-size:13px;

}

a.textlink:visited {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#d5642b;
text-decoration:none;
font-size:13px;

}

.resourcesspace {
margin:0 0 0 0;
padding:5px 0 0 0;
}


.sidebox {
background-image:url(../images/sidebox.jpg);
width:147px;
height:190px;
margin-top:20px;
margin-left:20px;
}

.arrow {
float:right;
width:20px;
height:20px;
margin-top:25px;
margin-right:10px;
}

.sideboxtext {
padding-left:12px;
padding-top:10px;
height:160px;
padding-right:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.go {
padding-right:5px;}

.sideboxtitle {
font-size:18px;
color:#d5642b;
font-weight:bold;
line-height:14px;
}

.sideboxtitleblue {
color:#252357;
}

a.sidelink:link {
font-size:18px;
color:#d5642b;
font-weight:bold;
text-decoration:none;
}

a.sidelink:active {
font-size:18px;
color:#d5642b;
font-weight:bold;
text-decoration:none;

}

a.sidelink:hover {
font-size:18px;
color:#d5642b;
font-weight:bold;
text-decoration:none;

}

a.sidelink:visited {
font-size:18px;
color:#d5642b;
font-weight:bold;
text-decoration:none;

}

.certification {
background-color:#f9f7eb;
padding-left:50px;
padding-right:50px;}

.smsearch {
background-image:url(../images/searchbackground.jpg);
width:145px;
height:180px;
padding-top:15px;
margin-top:20px;
margin-left:20px;
text-align:center;
}

.smjobbutton {
padding-top:10px;
}

.ref {
font-weight:bold;
color:#333376;
}

.refbox {
font-size:11px;
}


.job13 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding-left:10px;
}

.jobinfo {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#252357;
font-weight:bold;

}

.jobinforeg {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#252357;


}


.referencebox {
	background-image:url(../images/referencebox.jpg);
	width:232px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	padding-top:10px;
}