@charset "UTF-8";
/* CSS Document */

/* ----- BKGD --------------------------------- */

body {background: #000 url(../images/bkgd_01.jpg) center top no-repeat; color: #ccc;}
a {color: #ccc; text-decoration: underline;}
a:hover {color: #5c8fc6; text-decoration: none;}
a:focus {border: none;}

/* ----- NAV ---------------------------------- */

#container {margin: 0 auto; padding: 0; width: 970px; position: relative;}

#shield {margin: 0; padding: 0; width: 115px; height: 142px; background: transparent url(../images/dpd_v1_nav_07.png) left top no-repeat; position: absolute; top: 0; left: 835px; z-index: 900;}

#nav {height: 90px; margin-bottom: 5px;}

#nav ul#menu {
	width: 835px;
	background: transparent url(../images/spacer.gif) top left no-repeat;
	margin: 0; padding: 0;
	position: relative;
	list-style: none;
	}

#nav ul#menu li {
	height: 90px;
	margin: 0; padding: 0;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 90px;
	/*\*/overflow: hidden;/**/
	display: block;
	}
	
#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#homeNav {left: 0; width: 230px; background: transparent url(../images/dpd_v1_nav_02.png) top left no-repeat;}
#careersNav {left: 230px; width: 197px; background: transparent url(../images/nav_02.gif) top left no-repeat;}
#selectionNav {left: 427px; width: 185px; background: transparent url(../images/nav_03.gif) top left no-repeat;}
#requirementsNav {left: 612px; width: 145px; background: transparent url(../images/nav_04.gif) top left no-repeat;}
#faqsNav {left: 757px; width: 78px; background: transparent url(../images/nav_05.gif) top left no-repeat;}

#careersNav a:hover {background: transparent url(../images/nav_02.gif) 0 -90px no-repeat;}
#selectionNav a:hover {background: transparent url(../images/nav_03.gif) 0 -90px no-repeat;}
#requirementsNav a:hover {background: transparent url(../images/nav_04.gif) 0 -90px no-repeat;}
#faqsNav a:hover {background: transparent url(../images/nav_05.gif) 0 -90px no-repeat;}

#nav ul#menu li.currentpage {background-position: 0 -90px;}

/* ----- TEXT --------------------------------- */

#flashMovie {margin: 0 auto; padding: 0; width: 960px; height: 285px; background: transparent url(../images/flash_ph.png) center top no-repeat;}

#headerPhoto {margin: 0 auto; padding: 0; width: 960px; height: 145px; background-color: #333;}

#headerPhoto h1 {}

h1 {text-indent: -9999px; width: 100%; height: 140px;}

h2 {text-indent: -9999px; width: 100%; margin-top: 10px;}

h3 {padding: 15px 0; border-bottom: 2px solid #395fb4; font-size: 13px; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: bold;}

h4 {text-indent: -9999px; width: 100%;}

p {font-size: 14px; line-height: 28px;}

ul {}

ul li {list-style: url(../images/bullet2.gif) outside none;}

.tilepo {width:300px; height:70px; margin-bottom: 20px; background: transparent url(../images/getstarted_po.gif) center top no-repeat;}
.tilelt {width:300px; height:70px; margin-bottom: 20px; background: transparent url(../images/getstarted_lt.gif) center top no-repeat;}
.tileco {width:300px; height:70px; margin-bottom: 20px; background: transparent url(../images/getstarted_co.gif) center top no-repeat;}

.caps {text-transform: uppercase; letter-spacing: 2px; font-weight: bold; color: #fff;}
.plusone {font-size: 16px; line-height: 26px;}

.alert {color: #F30; font-weight: bold; letter-spacing: 2px; font-size: 16px;}

h1.careers {background: transparent url(../images/h1_careers.png) left top no-repeat;}
h1.selectionprocess {background: transparent url(../images/h1_selectionprocess.png) left top no-repeat;}
h1.requirements {background: transparent url(../images/h1_requirements.png) left top no-repeat;}
h1.lateraltransfers {background: transparent url(../images/h1_lt.png) left top no-repeat;}
h1.questions {background: transparent url(../images/h1_questions.png) left top no-repeat;}
h1.get {background: transparent url(../images/h1_get.png) left top no-repeat;}
h1.getco {background: transparent url(../images/h1_get_co.png) left top no-repeat;}

h2.mission {margin-top: 35px; width: 100%; height: 300px; background: transparent url(../images/mission2016.png) left top no-repeat;}
h2.about {height: 20px; background: transparent url(../images/h2_about.gif) left top no-repeat;}
h2.letter {height: 34px; background: transparent url(../images/h2_letter3.gif) left top no-repeat; margin-bottom: 0;}
h2.career {height: 20px; background: transparent url(../images/h2_career.gif) left top no-repeat;}
h2.salary {height: 40px; background: transparent url(../images/h2_salary.gif) left top no-repeat;}
h2.selection {height: 20px; background: transparent url(../images/h2_selection.gif) left top no-repeat;}
h2.do {height: 40px; background: transparent url(../images/h2_do.gif) left top no-repeat;}
h2.characteristics {height: 40px; background: transparent url(../images/h2_characteristics.gif) left top no-repeat;}
h2.dp {height: 20px; background: transparent url(../images/h2_dp.gif) left top no-repeat;}
h2.lt {height: 20px; background: transparent url(../images/h2_lt.gif) left top no-repeat;}
h2.dco {height: 40px; background: transparent url(../images/h2_dco.gif) left top no-repeat;}
h2.how {height: 20px; background: transparent url(../images/h2_how.gif) left top no-repeat;}
h2.howco {height: 20px; background: transparent url(../images/h2_how_co.gif) left top no-repeat;}
h2.howpo {height: 20px; background: transparent url(../images/h2_how_po.gif) left top no-repeat;}
h2.steps {height: 20px; background: transparent url(../images/h2_7steps.gif) left top no-repeat; margin-left: 10px;}
h2.steps10 {height: 20px; background: transparent url(../images/h2_10steps.gif) left top no-repeat; margin-left: 10px;}
h2.agility {height: 20px; background: transparent url(../images/h2_agility.gif) left top no-repeat;}
h2.ability {height: 20px; background: transparent url(../images/h2_ability.gif) left top no-repeat;}
h2.contact {height: 20px; background: transparent url(../images/h2_contact.gif) left top no-repeat;}
h2.links {height: 20px; background: transparent url(../images/h2_links.gif) left top no-repeat;}

h4.s1 {height: 60px; background: transparent url(../images/s1.gif) center top no-repeat;}
h4.s2 {height: 60px; background: transparent url(../images/s2.gif) center top no-repeat;}
h4.s3 {height: 60px; background: transparent url(../images/s3.gif) center top no-repeat;}
h4.s4 {height: 60px; background: transparent url(../images/s4.gif) center top no-repeat;}
h4.s5 {height: 60px; background: transparent url(../images/s5.gif) center top no-repeat;}
h4.s6 {height: 60px; background: transparent url(../images/s6.gif) center top no-repeat;}
h4.s7 {height: 60px; background: transparent url(../images/s7.gif) center top no-repeat;}
h4.s8 {height: 60px; background: transparent url(../images/s8.gif) center top no-repeat;}
h4.s9 {height: 60px; background: transparent url(../images/s9.gif) center top no-repeat;}
h4.s10 {height: 60px; background: transparent url(../images/s10.gif) center top no-repeat;}

/* ----- STEPS -------------------------------- */

.stepline {margin-bottom: 15px; border-bottom: 1px dotted #ccc;}

/* ----- CAREERS ------------------------------ */

.careerdescription {padding: 7px 0; border-bottom: 1px dotted #ccc;}
#careerpic img {margin: 0; padding: 3px; border: 1px solid #ccc; background-color: #082577;}


/* ----- FOOTER ------------------------------- */
#footer {margin: 0 auto; padding: 30px 0; width: 940px; background: #000 url(../images/bkgd_footer_04.jpg) center top no-repeat;}

#footer p {}

.citylogo {background: transparent url(../images/decaturlogo.gif) right top no-repeat; text-align: right;}

/* -------------------------------------------------------------------
   ------------------------------------------------------- OTHER -----
   ------------------------------------------------------------------- */

/* ----- Clear Fix ------------------------- */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */