﻿/* 0. IMPORTS
----------------------------------------------------------------------- */
@import url(reset.css); /* RESET CSS */
/* 1. BODY
----------------------------------------------------------------------- */
body { font-family: Arial, Verdana, sans-serif; font-size: 12px; background: #2A2929 url(../img/body.jpg) repeat-x!important; color: #3d3d3d; }
p { font-size: 1em; /* 12px Ã· 12px */ line-height: 1.5em; /* 18px Ã· 12px */ margin: 0 0 1.5em 0; }
/* hides the access menu */
ul#nav_access { position: absolute; top: -9999px; left: -9999px; }
/* 2. DEFAULTS 
----------------------------------------------------------------------- */
/* SIDENOTES */
p.sidenote { font-size: 1em; line-height: 1.2em; margin-right: 0; margin-top: 0.28em; }
/* LISTS */
ul { list-style: none; margin-bottom: 1.5em; }
	ul li, ol li { font-size: 1em; /* 12px */ line-height: 1.5em; margin: 0; }
	ul.generic-list li { padding-left: 24px; background: url(../img/icons/tick.png) no-repeat 0 50%; }
ol { list-style: decimal inside; }
	ol li { color: #000; }
dl { font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; }
dt { font-weight: bold; }
dd { padding-left: 20px; }
/* BLOCKQUOTES */
blockquote { margin: 15px 0 0 15px; }
	blockquote.red { color: #C30101 }
	blockquote.alt { font-weight: bold; }
	blockquote.last { padding-bottom: 20px; background: url(../img/dots.gif) repeat-x bottom; }
	blockquote p { margin: 0; }
/* CODE */
ol.code { font-family: Courier; font-weight: bold; padding: 3px 0 8px 0; margin: 20px 0; overflow: auto; background-color: #9EB39E; }
	ol.code h3 { font-size: 1em; /* 12px Ã· 12px */ line-height: 1.5em; /* 18px Ã· 12px */ margin: 0; padding: 5px; color: #3d3d3d; }
.code li { background: #B5CEB5; }
	.code li code { font-family: Courier,"Courier New",Monaco,Tahoma; }
ol.code li { padding: 1px 5px 1px 8px; margin: 0; border-bottom: 1px solid #869986; color: #3d3d3d; }
.code .indent { padding-left: 20px; }
.code .indent2 { padding-left: 30px; }
.code .indent3 { padding-left: 40px; }
.code li.alt { background-color: #9EB39E; }
code { margin: 0 0 0 10px; font-weight: normal; }
	code em { color: #616E61; }
/* TYPE EMBELLISHMENTS */
abbr { border-bottom: 1px dotted #999; cursor: help; }
	abbr:hover { border-bottom: 1px dotted #666; }
del { color: #999; }
strong { font-weight: bold; color: #333; }
em { font-style: italic; color: #666; }
sup { font-size: 75%; position: relative; top: -5px; }
/* 3. HEADINGS 
----------------------------------------------------------------------- 
(divide whatever the desired pixel size by 12px and that gives you your EM value)
*/
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #4F6969; }
h1 {  }
h2 { font-size: 16px; }
h3 {  }
h4 {  }
h5 {  }
.myFormInner h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; }
/* 4. LINKS 
----------------------------------------------------------------------- */
a:link, a:visited { text-decoration: none; color: #C30101; }
a:hover, a:focus { text-decoration: underline; color: #C30101; }
/* 5. IMAGES 
----------------------------------------------------------------------- */
/* 6. LAYOUT 
----------------------------------------------------------------------- */
#container { background: url(../img/container.png) repeat-y top center; width: 968px; margin: 0 auto; position: relative; }
#content { width: 958px; margin: 1px 1px 0 5px; }
#welcome { background: #000058; color: #fff; width: 430px; height: 221px; margin-right: 0; border-right: 1px solid #fff; padding: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomright: 0; }
img#welcomeImg { float: right; width: 487px; height: 261px; }
#welcome p.summary, #welcome h2 { font-size: 1.5em; line-height: 1.2em; margin-bottom: 15px; color: #949398; }
#welcome p { font-size: 1.0em; line-height: 1.3em; margin: 0 0 1.4em; }
/* 6.1 Main Content 
----------------------------------------------------------------------- */
#main-content { padding-top: 15px; width: 948px !important; }
	#main-content ul {  }
	#main-content .form { background: url(../img/form-box.png) no-repeat; height: 94px; width: 301px; }
		#main-content .form .fieldset { padding: 10px 17px; }
		#main-content .form select { width: 172px; margin-top: 5px; margin-right: 5px; font-size: 12px; }
.searchbutton { background: #000058; border: 0; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; height: 20px; width: 80px; cursor: pointer; }
#main-content .form h2 { color: #c30101; margin: 0; }
#main-content .form h4 { color: #c30101; margin: -15px 0 0 40px; }
#main-content .form h2 strong { color: #c30101; }
#main-content .form h2 a { color: #c30101; }
#main-content h2 { color: #000b72; font-weight: normal; padding-left: 30px; background: url(../img/icons/red-arrow.gif) no-repeat 0 50%; margin: 15px 0 0 15px; }
	#main-content h2 strong { color: #000b72; }
ul#aviation .form h2 { background: url(../img/icons/aviation.gif) no-repeat 0 50%; padding: 15px 0 15px 40px; }
ul#power .form h2 { background: url(../img/icons/power.gif) no-repeat 0 50%; padding: 15px 0 15px 40px; }
ul#training .form h2 { background: url(../img/icons/training.gif) no-repeat 0 50%; padding: 15px 0 15px 40px; }
#main-content dl { color: #c30101; margin: 10px 0 0 15px; background: url(../img/dots.gif) repeat-x 50% 100%; padding-bottom: 10px; }
	#main-content dl:last-child { background: none; }
#main-content dt { line-height: 1.3em; }
#main-content dd { padding: 0; color: #000; line-height: 1.3em; }
	#main-content dd a { color: #000b72; }
ul#bigButtons { width: 948px; margin: 30px 0 0px 0; padding-bottom: 10px; background: url(../img/dots.gif) repeat-x bottom; }
	ul#bigButtons li { display: inline; margin-right: 6px; }
		ul#bigButtons li.last { margin-right: 0; }
#accreditations { -webkit-border-radius: 15px; -moz-border-radius: 15px; margin: 10px 0 10px 4px; padding: 0 20px; width: 900px; color: #000; background-color: Maroon; }
	#accreditations h2 { font-weight: normal; padding-left: 30px; background: url(../img/icons/red-arrow.gif) no-repeat left; margin: 15px 0 10px 0px; }
	#accreditations p { float: left; padding: 0 0 10px 0; margin: 0; }
		#accreditations p strong { font-size: 1.2em; display: block; color: #fff; }
#timeline2 { width: 900px; -webkit-border-radius: 15px; -moz-border-radius: 15px; margin: 0 0 0px 4px; padding: 0 20px; background: tan; margin-top: 15px; margin-bottom: 25px; }
	#timeline2 h3 { margin: 20px 0 10px 0; font-size: 14px; }
#testimonials { padding-bottom: 20px; font-size: 120%; }
#clients h2 { margin-left: 0; }
#clients ul { overflow: hidden; }
	#clients ul li { margin: 10px 0 10px 20px; height: 75px; float: left; width: 150px; }
.contact-address { float: left; margin: 20px 15px 0px 0px; width: 290px; }
#map_canvas { width: 560px; height: 295px; margin: 20px 0 0 40px; }
/* start vacancy styles */
.latest-aviation-vacancies-ul { width: 945px; margin: 0px 0px 40px; overflow: hidden; }
	.latest-aviation-vacancies-ul li { display: block; float: left; width: 236px; }
.latest-power-vacancies-ul { width: 945px; overflow: hidden; }
	.latest-power-vacancies-ul li { display: block; float: left; width: 236px; }
#vacancies .latest-aviation-vacancies-ul li { background: url(../img/divider2.gif) top right repeat-y; width: 226px; padding-right: 10px; height: 100px; }
#vacancies #main-content dl { background: none; }
/* end vacancy styles */
/* start apply form styles */
.apply-radio { margin-bottom: 10px; }
#applicant_cv_old,
#applicant_cv_new { margin-left: 0px; }
.submit-apply { font-size: 11px; margin: 10px 0 0 60px; width: 150px; }
#main-content .previous-link { color: #fff; font-weight: bold; text-decoration: underline; }
/* end apply form styles */
#training li p { margin: 0; }
#main-content dd p { line-height: 1.3em; }
#contact-vacancies h3 { color: #fff; font-weight: normal; margin: 15px 0 0 0px; }
	#contact-vacancies h3 strong { color: #fff; }
#contact-vacancies dl { color: #fff; margin: 10px 0 0 5px; background: url(../img/dots.gif) repeat-x 50% 100%; padding-bottom: 10px; }
	#contact-vacancies dl:last-child { background: none; }
#contact-vacancies dt { line-height: 1.3em; }
#contact-vacancies dd { padding: 0; color: #aaa; line-height: 1.3em; }
	#contact-vacancies dd strong { color: #aaa; }
	#contact-vacancies dd a { color: #fff; }
/* 7. BRANDING 
----------------------------------------------------------------------- */
#branding { margin: 0 !important; width: 958px !important; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 4px solid #c30101; height: 161px; margin-left: 4px !important; z-index: 10; position: relative; }
	#branding h1 { text-indent: -3000px; width: 470px; height: 161px; background: url(../img/h1.png) no-repeat; }
		#branding h1 a { display: block; }
ul#miscNav { position: absolute; top: 0; left: 0; }
	ul#miscNav li { float: left; border-right: 1px solid #C30101; padding-right: 10px; margin-left: 10px; color: #00046e; padding-top: 3px; font-size: 11px; z-index: 1; }
	ul#miscNav a { display: block; color: #00046e; }
#divHeaderImage { position: absolute; right: -4px; top: 0px; width: 487px; height: 196px; overflow: hidden; }
/* 8. NAVIGATION 
----------------------------------------------------------------------- */
/* 9. SITE INFO/FOOTER 
----------------------------------------------------------------------- */
#site-info { width: 968px; height: 44px; background: url(../img/footer.png) no-repeat; margin-bottom: 20px; }
ul#validNav { padding: 10px 0 0 15px; float: left; }
	ul#validNav li { display: inline; color: #C30101 !important; }
	ul#validNav a { color: #000; }
ul#otherNav { padding: 10px 15px 0 0px; float: right; }
	ul#otherNav li { display: inline; }
/* 10. TABLES 
----------------------------------------------------------------------- */
/* 11. FORMS 
----------------------------------------------------------------------- */
/*#home div.grid_4*/
#home ul.grid_4,
.downloads_divider { background: url(../img/divider.gif) top right no-repeat; padding: 0; margin: 0; padding-right: 10px; margin-right: 8px; }
#home ul.last,
#home div.last { background: none; margin: 0; padding: 0; }
/* 12. TIMELINES 
----------------------------------------------------------------------- */
#timeline { width: 940px; -webkit-border-radius: 15px; -moz-border-radius: 15px; margin: 0 0 0px 4px; margin-bottom: 25px; }
#datestop { background-image: url(../img/timelinetop.gif); background-repeat: no-repeat; width: 120px; height: 16px; margin: 10px 0 0 0; }
div#dates { margin: 0px 0 0 15px; float: left; width: 140px; }
#datesbottom { background-image: url(../img/timelinebottom.gif); background-repeat: no-repeat; width: 120px; height: 16px; margin: 0px 0 0 0; }
div#dates ul, div#dates ul li { margin: 0; padding: 0; }
div#dates ul li { width: 110px; }
	div#dates ul li a { font-size: 1.4em; line-height: 1.6em; color: #fff; text-decoration: none; background: #C30101; padding: 3px 0 3px 10px; width: 110px; display: block; }
		div#dates ul li a:hover { color: #fff; text-decoration: none; background: #000058; }
div#timelineFrame { width: 770px; height: 300px; overflow: hidden; margin-top: 10px; }
	div#timelineFrame h2 { margin: 0; margin-bottom: 10px; }
	div#timelineFrame p { font-size: 1.1em; }
	div#timelineFrame ul { margin: 0; padding: 0; width: 9999px; }
		div#timelineFrame ul li { margin: 0; padding: 0; width: 230px; height: 240px; display: block; float: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #dcdcdc; }
      div#timelineFrame ul li p { margin: 10px 0 0 0; }
#main-content p { margin: 10px 20px 10px 20px; }
#news ul dl dd p { margin: 10px 0 0 0; }
#main-content #contblock ul li { list-style-type: disc; margin: 0 0 0 60px; }
.moveRight { margin: 0 0 0 70px; }
.clsFormEntry1 { width: 265px; font-size: 1em; margin-top: 4px; margin-bottom: 8px; }
.clsFormEntry2 { font-family: Arial, Verdana, sans-serif; width: 265px; height: 60px; font-size: 0.9em; margin-top: 4px; margin-bottom: 4px; }
.clsFormButton1 { margin: 0 0 0 60px; width: 150px; font-size: 11px; }
.myFormInner h3 { margin: 15px 0px 0px; }
#register-border { border-top: 1px dotted #999; padding-top: 10px; }
#login-info p,
#register-info p { margin: 0px 0px 15px; }
.contact-input,
.contact-textarea,
.myFormInner label { width: 265px; margin-bottom: 10px; font-family: arial; font-size: 12px; }
.submit-contact { font-size: 11px; margin: 0 0 0 60px; width: 150px; }
.strawdown { margin: 40px 0 0 0; }
.jobsbackImage { background: url(../img/divider2.gif) top right repeat-y; height: 100px; }
.myForm { width: 430px; -webkit-border-radius: 15px; -moz-border-radius: 15px; margin: 0 0 0px 4px; padding: 0; background: #444444 url(../img/formback.jpg) repeat-x; color: #fff; margin-top: 5px; margin-bottom: 5px; }
.myFormInner { margin: 20px 10px 20px 15px; }
	.myFormInner h4 { margin: 0 0 15px 0; }
	.myFormInner p { margin: 0 10px 0 0; padding: 0; }
#portfolio { margin: 0; padding: 0; list-style: none; height: 196px; }
	#portfolio li { margin: 0; padding: 0; list-style: none; height: 196px; }
h2 { clear: left; }
.caroImg { float: left; width: 245px; margin: 20px 0px 10px 0px; }
.caroText { float: right; width: 610px; margin: 10px 0; color: #CCCCCC; }
#pageDivider { background-image: url(../img/dots.gif); background-repeat: repeat-x ; height: 15px; width: 598px; margin: 20px 0 0 20px; }
.nobottom { background-image: none; }
ul.download { margin: 40px 0 0 0px; }
	ul.download li { display: block; background-image: url(../img/docs.jpg); background-repeat: no-repeat; width: 245px; height: 94px; float: left; position: relative; }
		ul.download li.pdf { background-image: url(../img/pdf.jpg); }
		ul.download li div { width: 165px; margin: 20px 0px 10px 60px; }
#divNewHeader { width: 960px; position: relative; }
.about-section { padding-top: 10px; }
.cls_ul_Sitemap,
.cls_ul_Sitemap li,
.cls_ul_Sitemap ul { margin: 0; }
.cls_ul_Sitemap { float: left; margin-left: 50px; margin-top: 10px; }
	.cls_ul_Sitemap li { font-size: 12pt; color: #222; margin-left: 15px; }
		.cls_ul_Sitemap li li { list-style: disc; color: #555; }
	.cls_ul_Sitemap.col_1 { float: left; margin-left: 0; }
#main-content .ie6h2fix h2 { color: #000b72; font-weight: bold; padding-left: 30px; background: url(../img/icons/red-arrow.gif) no-repeat 0 50%; margin: 15px 0 0 15px; }
#main-content ul.aviation li h2 { color: #000b72; font-weight: normal; padding-left: 30px; background: url(../img/icons/red-arrow.gif) no-repeat 0 50%; margin: 15px 0 0 15px; }
.home-dropdown { float: left; }
.home-submit { float: left; width: 80px; }
.submit-apply,
.submit { width: 150px; height: 30px; border: none; background: #ddd url(/site-includes/img/button.jpg); font-size: 12px; line-height: 30px; }
 