/* CSS Document */

/* Main Layout */

html, body { height: 100%;  background: white;}
body { margin: 0; padding: 0; font-size: 62.5%; color: #828282; font-family: Arial, Helvetica, sans-serif;}
a img, iframe { border: none; }

/* BACKDROP WITH ROTATING RANDOM IMAGES */

#bckdrp  { background-image:url(../img/backgrounds/rotator.php); background-repeat: no-repeat; position: relative; width:100%; min-height: 100%; height: 100%;}
/*  voice-family: "\"}\""; voice-family: inherit; height: auto; */				
html>body #bckdrp { height: auto;}

/* HOMEPAGE HEADER LAYOUT */
#headerHome  {   width: 100%; height: 292px; background-image:url(../img/headers/header_line2.gif); background-repeat: no-repeat;   }
#rotatingQuote { position: absolute; top: 0px; left: 250px; width: 460px; height: 290px; padding: 0px;  }
.quoteLink:hover { background-position: 0px -209px; }
.quoteLink {  width: 390px; height: 290px; display: block; background-image: url(../img/rotating_homequotes/rotator.php); background-repeat: no-repeat; }

/* HEADER LAYOUT */

#headerInner {  width: 100%; padding-top: 26px; height: 100px; display: block; min-width: 920px; }
#header {   width: 100%; height: 152px; background-image:url(../img/headers/header_line2.gif); background-repeat: no-repeat;  }
#mainMenu { position: absolute; top: 0px; left: 30px; width: 200px; height: 152px; padding: 10px 0px 0px 10px; }
#subMenu { position: absolute; top: 0px; left: 250px; width: 200px; height: 152px; padding: 10px 0px 0px 0px; }
#subheader { position: absolute; top: 0px; left: 250px; width: 390px; height: 152px; padding: 10px 0px 0px 0px; }
#logo  {  position:absolute; top: 0px; right: 0px; height: 152px; width: 232px; padding: 28px 0px 0px 0px; }
.logoNew  {  margin-right: 47px; float:right; }

/* CONTENT LAYOUT */

#contentContainerHome { display:block;  position:relative; margin-left: 250px;  font-size: 1.2em;  }
#contentContainer {  margin-left: 250px; font-size: 1.2em; }
#mainContent {  width: 640px; min-width: 640px; display: block;  }
#mainContentApp {  margin-left: 250px; width: 700px; min-width: 700px; display: block;  }
#maincontentHome {  width: 640px; min-width: 640px; display: block; }
#colOne { width: 200px;  float: left; padding-bottom: 50px; }
#colOneWide { width: 410px;  float: left; padding-bottom: 50px;}
#colTwo { width: 200px; margin: 0px 0px 0px 10px; float: left; padding-bottom: 50px;  }
#colTwoWide { width: 410px; margin: 0px 0px 0px 10px; float: left; padding-bottom: 50px;  }
#colThree { width: 200px; margin: 0px 0px 0px 10px; float: left; padding-bottom: 50px;  }
#subcolOne {  width: 200px;  float: left; padding-bottom: 50px; }
#subcolTwo {  width: 200px; float: right; padding-bottom: 50px; }
#privacy { width: 410px; padding: 40px; font-size: 1.2em; }
#clear { clear: both; }

/* FOOTER */

#footer { display:block; position: absolute; bottom: 0px; padding: 0px 0px 10px 250px; background-image: url(../img/footer/footer_line.gif); background-repeat: no-repeat; background-position: 240px bottom; font-size: 1.1em; color: #bebebe;  }

/* LISTS */

.newsList {  margin: 0px 0px 0px 0px; padding: 0px; list-style:none; font-size: 1em; }
.newsListDate {  color:#bebebe; font-weight: bold; font-size: 0.94em;   }
ul.newsList li {  display: block; margin-bottom: 1.2em; }

.vacancyList {  margin: 0px 0px 0px 0px; padding: 0px; list-style:none; font-size: 1em; font-weight: bold; }
.vacancyRefNo {  color:#bebebe; font-weight: bold; font-size: 0.94em;  }
ul.vacancyList li {  display: block; margin-bottom: 1.2em; }

.arrowlist { margin: 0px 0px 0px 0px; padding: 0px; list-style: none; }
ul.arrowList li { background-image:url(../img/arrows-quote-etc/right-arrow.gif); background-repeat: no-repeat; background-position: 0 top; padding-left: 2.4em; display: block; margin: 0px 0px 2em -3.6em;}

.watchVideo { margin: 0px 0px 0px 0px; padding: 0px; list-style: none; }
ul.watchVideo li { background-image:url(../img/arrows-quote-etc/watch-video.gif); background-repeat: no-repeat; background-position: 0 center; padding-left: 1.5em; line-height: 2em;}

.back { margin: 0px 0px 16px 0px; padding: 0px; list-style: none; }
ul.back li { background-image:url(../img/arrows-quote-etc/back-arrow.gif); background-repeat: no-repeat; background-position: 0 center; padding-left: 1.2em; line-height: 2em;}

/* FORMS */

form, fieldset { margin: 0; padding: 0; font-size: 1.4em; }	
fieldset { border: 1px solid #000; }
legend { padding: 0; color: #000; }
input, textarea, select { width: 160px; margin: 0px 10px 0px 0px; padding: 1px; font-family: inherit;	}	
.formwidth { width: 50px; }
.formwidth2 { width: 10px; vertical-align:middle; margin-right: 2px; }
.yourMessage {  height: 220px; margin-top: 2px;}
.yourMessage2 {  padding-bottom: 2px;}
.contact {  margin-top: -6px; padding-top: 0px; }
.contact2 {  margin-top: -4px; padding-top: 0px; }
select { padding: 0; }
#submitButton { margin: 200px 0px 40px 0px; }
#personal {   margin: 54px 0px 0px 0px;  }
.marginTop { margin-top: 16px; }
#eligible {  padding-top: 2.1em; font-size: 0.6em;}
.formText {  font-size: 1.2em;  }
.label {  font-size: 0.9em; padding-bottom: 0px; margin-top: 0px;}
p.skills { margin-top: 16px; margin-bottom: 100px;  }

.submitBut { background-image:url(../img/forms/submitform.gif); background-repeat: no-repeat; display: block; padding: 0em; width: 185px; height: 30px; margin: 200px 0px 40px 0px;}
.submitBut:hover { background-image:url(../img/forms/submitform.gif); background-repeat: no-repeat; background-position: 0px -30px; }
.submitBut2 { background-image:url(../img/forms/submitform.gif); background-repeat: no-repeat; display: block; padding: 0em; width: 185px; height: 30px; margin: 40px 0px 40px 0px;}
.submitBut2:hover { background-image:url(../img/forms/submitform.gif); background-repeat: no-repeat; background-position: 0px -30px; }


/* APPLICATION FORM LAYOUT */

#appContent1 {  width: 640px; height: 136px; min-width: 640px; display: block; }
#appContent2 {  width: 680px; height: 74px; min-width: 680px; display: block; }
#appContent3 {  width: 680px; height: 220px; min-width: 680px; display: block; }
#appContent4 {  width: 680px; height: 220px; min-width: 680px; display: block; }
#appContent5 {  width: 680px; height: 260px; min-width: 680px; display: block; }
#appContent6 {  width: 680px; min-width: 680px; display: block;  }
#colOneApp { width: 200px;  float: left; color:#828283; }
#colTwoApp { width: 200px; margin: 0px 0px 0px 10px; float: left; color:#828283; }
#colThreeAppb { width: 200px; margin: 0px 0px 0px 30px; float: left; color:#828283; }
#colThreeApp { width: 200px; margin: 0px 0px 0px 10px; float: left;  color:#828283; }

#caseQuote { margin: 40px 0px 20px 0px;  }
#caseQuote-right { margin: 0px 0px 20px 0px;  }

/* BASIC LINKS */

a, a:link { text-decoration:none; color:#33ccff; font-weight: bold;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;  color: #828283;}
a:active {text-decoration:none;}

/* FONTS */

p { padding: 0px 16px 8px 0px; margin: 0px;}
h1 { display: none; }
h2 { display: none; }
.newsHeading { font-size:1.1em; font-weight: bold; margin: 0px 0px 0px 0px;}
.newsHeadingL { font-size:1.6em; font-weight: bold; margin: 0px 0px 0px 0px;}
.newsDate { color:#bebebe; font-weight: bold; font-size: 0.94em;  }
.vacancyHeadingL { color: #828282; font-size:1.6em; font-weight: bold; margin: 0px 0px 0px 0px;}
.vacancyRefNo { color:#bebebe; font-weight: bold; font-size: 0.94em;  }
.headingH1  {  padding-bottom: 15px; }


.headingH1 h3 {
	margin:0px;
	padding:0px;
}

#wideheadingH1 { width: 620px; height: 63px; }
#wideheadingH1b { width: 620px; height: 50px; }

.footerLink  { color:#33ccff; text-decoration: none; font-weight: bold; font-size: 1em;}
.footerLink:hover {  color: #828283; }

.readmore  { color:#33ccff; text-decoration: none; font-weight: bold; font-size: 0.9em; }
.readmore:hover  { color: #828283; }
.watchLink  { color:#33ccff; text-decoration: none; font-weight: bold; font-size: 1.2em; }
.watchLink:hover  { color: #828283; }
.backLink  { color:#33ccff; text-decoration: none; font-weight: bold; font-size: 0.9em; }
.backLink:hover  { color: #828283; }
.sr { position: absolute; left: -9999em; top: 0; width: 1px; height: 1px; overflow: hidden; }
.caseQuote { font-size: 1.4em;  }





form.cmxformwide {
		width:360px;
		font-size:0.75em;
}

form.cmxformwide fieldset {
		border:none;
}
