/* CDS :: child site styles */




.themeCds #page { background-image: url(i/_skin_cds/corner_swoop.jpg);  }
#childSub.themeCds #logoWrap { background-image: url(i/_skin_cds/article.jpg); }
.themeCds #topnav { background-image: url(i/_skin_cds/topnav.jpg); }
/*.themeCds #topnav ul li { border-right-color: #c0e5f7; }*/
.themeCds #topnavPrime { left: 15px; }
.themeCds #topnavPrime a { color: #c0e5f7; }
.themeCds #topnavPrime a:hover { color: white; }

#home.themeCds #footer { background-image: url(i/_skin_cds/footer_home.gif); }
.themeCds #footer { background-image: url(i/_skin_cds/footer_home.gif); }
/*.themeCds #homePromos { background-image: url(i/_skin_cds/home_promos.jpg); }*/



.themeCds #sideNav li { background: url(i/_skin_cds/sidenav_divider.jpg) no-repeat right bottom; }
.themeCds #backToHome {
	top: 25px;
	left: 47px;
	width: 138px;
}
.themeCds #childArticle h3,
.themeCds #childArticle h5,
.themeCds #childArticle th,
.themeCds #childArticle .dayrates em,
.themeCds strong.asterisk {
	color: #004B7F;
}
.themeCds #childArticle td {
	background: #c0e5f7;
}



.themeCds #childArticle2 td {
	background: #fff; valign:top;}





#billboard { background: url(i/_skin_cds/billboard.jpg) no-repeat; height: 430px;}
		#billboard p {
			top: 38px;
			right: 86px;
			width: 292px;
			height: 150px;
			color: #003366;
			background-position: 0 -197px;
			font-family: Arial, Sans-Serif;
			font-size: 20px;
			line-height: 1.4;
		}
		
		#billboard p.title {
			top: 55px;
			right: 110px;
			width: 292px;
			height: 150px;
			color: #003366;
			background-position: 0 -197px;
			font-family: arial, sans-serif;
			font-size: 2.9em;
			line-height: 1.4;
		}
		
		

#billboard {
}

				.hasArialNarrow #billboard p {
					font-size: 28px;
					line-height: 1.15;
					font-family: 'Arial Narrow', arial, sans-serif;
				}
				#billboard p strong {
					color: #cc0033;
					font-weight: bold ;font-family: 'Arial Narrow', arial, sans-serif;
				}
				#billboard p.subordinate {
					top: 228px;
					font-size: 12px;
					width: 288px; /* instead of 354 */
				}
				.hasArialNarrow #billboard p.subordinate {
					font-size: 15px;
					line-height: 1.6;
				}
				#billboard p.detail {
			        top: 98px;
			        font-size: 1.6em;
			        width: 288px;font-family: 'Arial Narrow', arial, sans-serif; right: 110px;
		        }
		        .hasArialNarrow #billboard p.detail {
					font-size: 15px;
					line-height: 1.6;
				}


/*PROMOBOXES */

#homePromos {
	
	height: 165px; background-color: #ACC0D6; 
	
}


#homePromosJobs {
	height: 132px; /* 137 */
	padding: 6px 0 0 15px; *padding-top: 10px;
	background-image: url(/c/i/_skin_cds/home_promos_jobs.jpg);
}

#promoBoxletExistingVendors {
	width: 230px;
	height: 78px;
	max-width: 250px;
	max-height: 78px;
	font-size:12px;
	font-family: Arial, sans-serif; 
	margin: -1px 0 0px 10px; *margin: -19px 0px 0px 10px;


}

#promoBoxletExistingVendors p
{color: #000; margin-top: 0px; margin-bottom: 0px;
}



#promoBoxletNewVendors {
	width: 250px;
	height: 70px;
	max-width: 250px;
	max-height: 70px;
	font-size:12px;
	font-family: Arial, sans-serif; 
	margin: 5px 0 0px 10px;
}

#promoBoxletServices {
	width: 470px;
	height: 160px;
	max-width: 480px;
	max-height: 160px;
	font-size:12px;
	font-family: Arial, sans-serif; 
	margin: 0 0 0 255px;
        position:absolute;
        top:476px; 
}


.position {width: 650px}

#promoBoxletEmployment{
	width: 219px;
	height: 70px;
	max-width: 219px;
	max-height: 70px;
	font-size:12px;
	font-family: Arial, sans-serif; 
	margin: -153px 0 0px 690px;
        /* left:730px; */
        
}

#promoBoxletServices td{
        width:360px;
        padding:2px; 
}

#promoBoxlet-photo {
        left:730px;
        position:relative;
        top:-135px;
}

#promoBoxletExistingVendors h2, #promoBoxletNewVendors h2, #promoBoxletServices h2, #promoBoxletEmployment h2{
	color: white; 
	text-transform: uppercase; 
	font-size: 1.3em; font-family: 'Arial Narrow', arial, sans-serif; 
	font-weight: bold;
	margin: 5px 0 9px 1px;
/*	text-indent: -9999px; */
	overflow: hidden;
/*	font-size: 12px; */
	height: 18px;
}

.themeCds #promoBoxletExistingVendors td .learnmore 
	 {
	height:16px;
	width:75px;
	padding-top:4px;
	padding-right: 0px;
	top:550px;
	position:relative;
	right:-140px;
	top:4px;
	z-index:300;
}

.themeCds #promoBoxletNewVendors td .learnmore 
	 {

	height:16px;
	width:75px;
	padding-top:4px;
	padding-right: 0px;
	right:852px;
	top:625px;
	position:relative;
	right:-140px;
	top:4px;
	z-index:300;
}

.themeCds #promoBoxletEmployment td .learnmore 
	 {
	
	height:16px;
	width:75px;
	padding-top:4px;
	padding-right: 0px;
	right:852px;
	top:625px;
	position:relative;
	right:-140px;
	top:4px; margin-top:3px;
	z-index:300;
}
.themeCds #promoBoxletServices .learnmore1 
	 {
	margin-left: 90px;
	height:16px;
	width:75px;
	padding-top:4px;
	padding-right: 0px;
	right:300px;
	top:133px; 
	z-index:300;
}

.themeCds #promoBoxletServices .learnmore2
	 {
	margin-left: 90px;
	height:16px;
	width:75px;
	padding-top:4px;
	padding-right: 0px;
	right:70px;
	top:133px;
	z-index:300;
}

							
								
#tag {
right:600px;
top:-210px; _margin-top: -50px;
position:relative;

}								

#tag p {
font-size:18px;
text-align:right;
width:230px;
}


/* FORMS */

.themeCds #loginBox { border-color: #c0e5f7; }
.themeCds #newVendorRegistration { border-top-color: #c0e5f7; }
.themeCds #loginBox { background-color: #c0e5f7; }
.themeCds input#loginBoxButton { background-image: url(i/_skin_cds/pill_button.png); }
.themeCds div.optionLinks a { color: #004B7F; }
.themeCds #newVendorRegistration strong { color: #004B7F; }
.themeCds .caption a { color: #004B7F; }
.themeCds thead th { background-color: #c0e5f7; }

.themeCds .caption { background: #fff url(i/_skin_cds/form_top.gif) top left no-repeat; border: none; }
.themeCds .form fieldset { border-top-color: #0099cc; }
.themeCds .submit_btn { background-color: #0099cc; }
.themeCds .reset_btn { background-color: #004B7F; }

#vid1 {float: left;  width: 240px;  margin-left: 310px; margin-top: 32px; display: inline; }
.vid_container {width: 230px; height: 180px; float: left;  display: inline;}
#vid1 img {float: left; margin-left: 15px; margin-top: 10px; display: inline;}
#vid1 em {font-style: normal; font-weight: bold; font-size: .9em; color: #000; float: left; clear: left; width: 223px; margin-left: 0px; margin-top: 0px; text-align: center; display: inline; }

a.rollover1 {display: block; width: 230px; height: 165px; margin-left: 0px; margin-top: 0px; text-decoration: none; background: url("../images/hourly_still6.jpg"); background-position: 0px 0px; background-repeat: no-repeat;}
a.rollover1:hover {background-position: 0px -170px;}


a.rollover2 {display: block; width: 230px; height: 165px; margin-left: 0px; margin-top: 15px; text-decoration: none; background: url("../images/mgmt_still7.jpg"); background-position: 0px 0px; background-repeat: no-repeat;}
a.rollover2:hover {background-position: 0px -170px;}

/* = = = = = = = = = = = = = = = = = = = = = = = = */

 #slideshow {
            position:relative;
            height:400px;
            margin-left: 300px;
            width: 550px; 
        }

#slideshow DIV {
    position:absolute;
    top:40px;
    left:10;
    z-index:8;
    opacity:0.0;
    height: 350px;
    background-color: #FFF; 
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 350px;
    display: block;
    border: 0;
    
}
#title_area { width: 700px; float: right; margin-top: 80px; margin-right: 5px;}
#title_area h1 {color:#013567;  margin-top: 10px; width: 600px; border-bottom: 1px solid #D0E0ED; font: bold 26px/1.2 arial, sans-serif; }
#title_area h5 { margin-top: 10px; width: 680px; font-size: 1.3em;}

#button1 {width: 170px; height: 65px; margin-bottom: 5px; float: left;}
#button2 {width: 170px; height: 65px; margin-bottom: 5px; float: right;}
#button3 {width: 170px; height: 65px; margin-bottom: 5px; float: left;}
#button4 {width: 170px; height: 65px; margin-bottom: 5px; float: right;}
#button5 {width: 170px; height: 65px; margin-bottom: 5px; float: left;}
#button6 {width: 170px; height: 65px; margin-bottom: 5px; float: right;}
#button7 {width: 170px; height: 65px; margin-bottom: 5px; float: left;}
#button8 {width: 170px; height: 65px; margin-bottom: 5px; float: right;}

a.shift1 {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: 0px 0px; background-repeat: no-repeat;}
a.shift1:hover {background-position: 0px -80px;}

a.shift2 {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: -200px 0px; background-repeat: no-repeat;}
a.shift2:hover {background-position: -200px -80px;}

a.shift3 {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: 0px -257px; background-repeat: no-repeat;}
a.shift3:hover {background-position: 0px -337px;}

a.shift4 {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: -200px -257px; background-repeat: no-repeat;}
a.shift4:hover {background-position: -200px -337px;}

a.shift5 {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: 0px -517px; background-repeat: no-repeat;}
a.shift5:hover {background-position: 0px -597px;}

a.shift6 {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: -200px -517px; background-repeat: no-repeat;}
a.shift6:hover {background-position: -200px -597px;}

a.shift7 {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: 0px -777px; background-repeat: no-repeat;}
a.shift7:hover {background-position: 0px -857px;}

a.shift8 {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: -200px -777px; background-repeat: no-repeat;}
a.shift8:hover {background-position: -200px -857px;}
/*a.shift8:active {background-position: -220px -1000px;}*/

#rotate {position: absolute; width: 350px; height: 280px; margin-left: 60px; margin-top: 35px; *margin-left: -890px;}

.additional { clear: left; margin-top: 295px;  float: left; width: 350px; height: 200px; margin-left: 60px;  display: inline; margin-bottom: 30px;}
.additional h2 {font-family: Verdana, Arial, Sans-Serif;  -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-radius: 5px 5px 0px 0px; padding: 8px; font-size: 1.3em; line-height: 1.2em; background-color: #093358; color: #fff; }
.additional p {font-family: Verdana, Arial, Sans-Serif; margin-top: 10px; padding-left: 20px; font-size: 1.3em;}
.additional p a {font-weight: bold;}
.additional p a:hover {color: Red;}

#wrapper {float: left; clear: none; width: 949px; margin-right: 0px; margin-top: 0px; *margin-top: 10px; margin-bottom: 130px; padding-bottom: 5px; display: inline;}
#wrapper h4 {float: right; margin-right: 50px; margin-bottom: 10px; width: 450px;color:#004C80; text-align: center; font-size: 1.8em; font-weight: bold; margin-left: 0px; border-bottom: 1px solid #004C80}

#button1div {width: 949px; float: left; margin-top: 5px; *padding-bottom: 120px;}
#button2div {width: 949px; float: left; margin-top: 5px; *padding-bottom: 120px;}
#button3div {width: 949px; float: left; margin-top: 5px; *padding-bottom: 120px;}
#button4div {width: 949px; float: left; margin-top: 5px; *padding-bottom: 120px;}
#button5div {width: 949px; float: left; margin-top: 5px; *padding-bottom: 120px;}
#button6div {width: 949px; float: left; margin-top: 5px; *padding-bottom: 120px;}
#button7div {width: 949px; float: left; margin-top: 5px; *padding-bottom: 120px;}
#button8div {width: 949px; float: left; margin-top: 5px; *padding-bottom: 120px;}


.displace {position: absolute; left: -5000px;}

#services {clear: left; width: 949px;  float: left; *margin-top: 5px; position: relative; }
#services h5 {margin-left: 35px; margin-top: 10px; width: 900px; font-size: 1.3em;}

#shift1Selected {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: 0px -160px; background-repeat: no-repeat;}
#shift2Selected {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: -200px -160px; background-repeat: no-repeat;}
#shift3Selected {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: 0px -417px; background-repeat: no-repeat;}
#shift4Selected {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: -200px -417px; background-repeat: no-repeat;}
#shift5Selected {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: 0px -677px; background-repeat: no-repeat;}
#shift6Selected {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: -200px -677px; background-repeat: no-repeat;}
#shift7Selected {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: 0px -937px; background-repeat: no-repeat;}
#shift8Selected {display: block; width: 175px; height: 65px; margin-top: 0px; text-decoration: none; background: url("../images/buttons4.png"); background-position: -200px -937px; background-repeat: no-repeat;}

#wrapper2 {float: left; clear: none; width: 625px; margin-left: 0px; margin-top: 0px; margin-bottom: 130px; padding-bottom: 5px; *padding-bottom: 60px; display: inline;}
#childArticle44 h5 {font-weight: bold; margin-bottom: 10px; font-size: 1.3em;}
#childArticle44 h4 {font-size: 1.4em; color: #003366; font-weight: bold;}
#childArticle45 h3 {font-weight: bold; margin-bottom: 10px; font-size: 1.3em;}

#print_box {float: left; margin-top: 20px;  margin-left: 40px;}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url(../images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 10px 5px 28px;
}

a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active {
    background-position: bottom right;
    color: red;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 5px 10px 5px 28px; /* push text down 1px */
} 

a.button:hover span {
    background-position: bottom left;
    padding: 5px 10px 5px 28px; /* push text down 1px */
} 

.state_wrapper {width:  600px; float: left; clear: left; margin-bottom: 5px;}
.state_field {width: 50px; float: left; font: 1.2em normal arial, helvetica, sans-serif; font-weight: bold;}
.state_field2 { margin-left: 10px; width: 300px; float: left; clear: none; font: 1.2em normal arial, helvetica, sans-serif;}

.city_wrapper {width:  600px;  float: left; clear: left; margin-bottom: 5px;}
.city_field {width: 50px; float: left; font: 1.2em normal arial, helvetica, sans-serif; font-weight: bold;}
.city_field2 {margin-left: 10px; width: 300px; float: left; clear: none; font: 1.2em normal arial, helvetica, sans-serif;}

#call_buttons {height: 170px; background-color: #ACC0D6;}

#call_button1 { float: left; width: 315px; clear: none; display: inline; margin-left: 5px; }
a.button1a {margin-left: 0px; display: block; height: 170px; width: 315px; margin-top: 0px; text-decoration: none; background: url("../images/buttons_sprite.jpg"); background-position: 0px 0px; background-repeat: no-repeat;}
a.button1a:hover {background-position: 0px -199px;}

#call_button2 {  float: left; height: 168px; width: 314px; clear: none; display: inline; }
a.button2a {margin-left: 0px; display: block; height: 170px; width: 315px; margin-top: 0px; text-decoration: none; background: url("../images/buttons_sprite.jpg"); background-position: -325px 0px; background-repeat: no-repeat;}
a.button2a:hover {background-position: -325px -199px;}

#call_button3 {float: left; height: 168px; width: 314px; clear: none; display: inline; }
a.button3a {margin-left: 0px; display: block; height: 170px; width: 315px; margin-top: 0px; text-decoration: none; background: url("../images/buttons_sprite.jpg"); background-position: -648px 0px; background-repeat: no-repeat;}
a.button3a:hover {background-position: -648px -199px;}


#call_buttons2 {height: 170px; *height: 176px; background-color: #ACC0D6;}

#call_button10 { float: left; width: 315px; clear: none; display: inline; margin-left: 2px; }
a.button10a {margin-left: 0px; display: block; height: 170px; width: 315px; margin-top: 0px; text-decoration: none; background: url("../images/buttons_sprite2.jpg"); background-position: -7px -9px; background-repeat: no-repeat;}
a.button10a:hover {background-position: -7px -188px;}

#call_button20 {  float: left;  width: 315px; clear: none; display: inline; }
a.button20a {margin-left: 0px; display: block; height: 170px; width: 315px; margin-top: 0px; text-decoration: none; background: url("../images/buttons_sprite2.jpg"); background-position: -330px -9px; background-repeat: no-repeat;}
a.button20a:hover {background-position: -330px -188px;}

#call_button30 {float: left; height: 168px; width: 316px; clear: none; display: inline;}
a.button30a {margin-left: 0px; display: block; height: 170px; width: 315px; margin-top: 0px; text-decoration: none; background: url("../images/buttons_sprite2.jpg"); background-position: -651px -9px; background-repeat: no-repeat;}
a.button30a:hover {background-position: -651px -188px;}

a{ outline: none;}

a:active { 
    border:none;
    outline:none;
}

#transition {border: 2px solid #004c80; padding: 15px; float: left; width: 575px; background-color: #fff;  box-shadow: 6px 6px 6px #888; -moz-box-shadow: 6px 6px 6px #686868;-webkit-box-shadow: 6px 6px 6px #888; }

#transition p { width: 575px; line-height: 1.5em; float: left; clear: left;  margin-top: 5px; color: #3B759D; font-family: Arial, helvetica, sans-serif; font-size: 1.2em;}

#transition ul {width: 520px; float: left; clear: left; margin-left: 20px;  padding-left: 20px; margin-bottom: 10px; margin-top: 0px;}

#transition ul li {list-style-type:square; width: 500px; color: #3B759D; font-family: Arial, helvetica, sans-serif; font-size: 1.2em;}

#transition a {text-decoration: underline; color: #3B759D; font-weight: bold;}
#transition a:hover {color: Red}
