/*   City staffing main CSS


COLORS:
TAN*************
dark tan bg box: #8f7d4f
TD background TAN #ded7be
TD SubHeading background Medium TAN  #eceae3
Tan border NAV d9ca91

AQUA Bright NAV #047bc2;
Aqua blue / hover #007ac2 02517e
Aqua bg light eef1f2;
TD SubHeading background Medium AGUA  #e5e7e8
Orange	#d85305
Medium Blue / p-;link #02517e
Quick link / dark blue #023959
border: 988c5f

********************************/

*      {margin:0; padding:0} /*Removes margin and padding from every element. */
html   {height:100%; font-size:100.01%} /*Set font-size to a percentage preventing a Windows IE "extreme font re-sizing" bug. Set font-size slightly larger than 100% to repair Opera rounding errors. 
Set less than 101% to prevent Safari errors. */
body, h1, h2, h3, h4, h5, h6, p, div, form, code, pre, fieldset, legend, dl, dt, dd
{margin:0; padding:0; border:0 solid;} /*general leveller*/

body {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font:100.01%/120% "Trebuchet MS", Arial, sans-serif; 
	margin: 0px;
	padding: 0px;
	background-color:#000000;
	min-height:101%;/*force Netscape & Firefox to display vertical scrollbars, thereby preventing content jumping*/}

h1 {
	font-size:125%;
	font-weight:bold;
	color:#02517e;
	margin:20px 0px 12px 0px;
	font-family:Verdana, Arial, sans-serif;
}
.font18px{
	font-size:18px;
	margin:5px;
}
h2 {
	font-size:110%;
	color:#77683c;
	margin:10px 0px 5px 0px;
	font-family:Verdana, Arial, sans-serif;
}
h3 {
	font-size:105%;
	color:#77683c;
	margin:15px 0px 2px 0px;
	font-family:Verdana, Arial, sans-serif;
}

a {
	color:#007ac2;
	text-decoration:underline;
}

a:hover {
	color:#023959;
	text-decoration:underline;
}
p {
	text-align:left;
	margin:0px;
	padding:5px 0px 5px 0px;
	line-height:1.3em;
}

ul{
	margin:0px 0px 10px 25px;
	
}

li {
	line-height:150%;
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url(../images/global/bullet_tan.gif);
}
/******************************** colors********************************/

.tan {
	color:#77683c;
	}
.lightTan {
	color:#ded7be;
	}	
.lightTanBg {
	background-color:#f7f4e7;
	}
.orange {
	color:#d85305}
.blueAqua {
	color:#007ac2}
.blueAquaBg {
	background-color:#eef1f2}	
	
.blueMedium {
	color:#02517e}
.blueDark {
	color:#023959}
.white {
color:#fff}



/******************************** colors end********************************/

/******************************** content section********************************/
#container { /*this container lets align center work*/
	margin:0px;
	width:876px;
	padding-bottom: 15px;
	font-size:80%
}
#containerBG { 
	margin:0px;
	width:876px;
	padding-bottom: 15px;
	text-align:left;
	background-color: #ded7be;
	float:left;/*this container with FLOAT lets the background color drop down on browsers FireFox*/
	
}
/******************************** start logo section ********************************/
#logo {
	background-color:#000000;
	width:876px;
	height:108px;
}
#logo img{
position:relative; top:26px; left:34px;

	
}

/*SEE p7expMenu.css for navigation */


/********************************logo section END********************************/


/********************************* left COL START********************************/

#leftCol {
	margin:0px 0px 0px 13px ; _margin:0px 0px 0px 7px ; 
	width:653px; float:left;
	background-color:#FFFFFF;
	border-bottom:3px solid #988c5f;
	border-right:3px solid #988c5f;
}
#leftContentBox {
	width:653px;
	margin:0px;
	z-index:0
	}
	
/*#PicBoxRight {
	width:658px;
	height:225px;
	float:right;
	border-bottom:1px solid #77683c;
	}
	*/
#promoBox {
	clear:left; 
	width:610px;
	/*width:550px;*/padding:0px 0 20px 0;
	background-color:#FFFFFF;
	}
	
#topTextBox {
	clear:left; 
	width:610px;
	float:right;
	/*width:550px;*/
	margin:0px 0px 20px 0px;
	background-color:#FFFFFF;
	}	
#topTextBox p ,#topTextBox h1,#topTextBox h2{
	padding-right:30px;	
	}
.topImg {
	margin:0px 0 5px 12px;
	
	}
.topPagePad {
	margin:30px 0px 0px 0px;
}
/*#topTextBox li{
	list-style-type: disc;
	}*/
#topTextBoxLeft {
	margin:12px 0px 20px 50px; width:275px; float:left;
	}
	
/*#descriptionBox {
	width:636px;
	float:left;
	margin:0px;
	padding:16px 0px;
}*/

#box {
	 width:550px; 
	 float:left;
	border:1px solid #eceae3; 
	 border-bottom:1px solid #988c5f;
	border-right:2px solid #988c5f;
}
#boxRight {
	 width:260px; 
	 float:right;
	margin-right:30px;
	border:1px solid #eceae3; 
	 border-bottom:1px solid #988c5f;
	border-right:2px solid #988c5f;
}

#boxWide  {
	
	margin:0px 50px 20px 0;
	border:1px solid #eceae3; 
	 border-bottom:1px solid #988c5f;
	border-right:2px solid #988c5f;
}
#box h2, #boxWide h2, #boxRight h2{
	/*margin:0px;
	text-align:center;
	padding:3px;
	font-size:110%;
	color:#fff;
	background-color:#007ac2;*/
	
	 font-size:107%;
	 color:#fff;
	 /*background-color:#8f7d4f;*/
	  background-color:#023959;
	 margin:0px;
	 padding:3px 10px 3px 16px;
}


#box p, #boxRight p , #boxWide p, #boxWide h3{
	 margin:4px 16px 8px 16px;
}
#box ul, #boxRight ul, #boxWide ul{
	 margin:0px 10px 10px 30px ;
}
.h2white {
	padding:4px;
	color:#fff;
	font-size:110%;
}



#subBanner {
	border-top:1px solid #77683c; 
	border-bottom:1px solid #77683c; 
	color:#d85305; font-weight:bold; 
	padding:3px 0px 3px 16px;  margin-top:15px;
}

/*.padding16 {
	padding-left: 16px;
}*/
/********************************* left COL END********************************/


/********************************* RIGHT COL START********************************/

#rightCol {
	width:190px; margin:0px; padding:0px; border-left:1px solid #77683c; float:right; height:100%; 
}
#callOut {
	width:172px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	border-bottom:1px solid #988c5f;
	border-right:2px solid #988c5f;
}
#rightBoxOut {
	width:162px;
	margin:15px 7px 0px 13px;
	padding:5px;
	background-color:#FFFFFF;
	border-bottom:2px solid #988c5f;
	border-right:3px solid #988c5f;
}
#rightBox {
	border:1px solid #eceae3;
}
#rightBox h2  {
	font-family:Verdana, Arial, sans-serif;
	 font-size:108%;
	 color:#fff;
	 background-color:#8f7d4f;
	 margin:0px;
	 padding:3px;
}
#rightBox h3  {
	font-family:Verdana, Arial, sans-serif;
	 font-size:104%;
	 font-weight:bold; 
	 color:#8f7d4f;
	 background-color:#eceae3;
	 margin:3px 0px -3px 0px;
	 padding:3px;
}
#rightBox a {
	 font-size:102%;
	 color:#023959;
	 text-decoration:underline;
}

#rightBox a:hover {
	 color:#007ac2;
}

#rightBox p {
	 font-size:102%;
	 color:#023959;
	 padding:0px;
	 margin:6px 4px;
}
.font80Percent {font-size:90%;}

#rightBox ul {
	margin: 10px 0px 4px 19px;
	list-style-image: url(../images/global/bullet_tan.gif);
	list-style-position: outside;
}

#rightBox li {
	padding: 4px 10px 4px 10px;
}

/********************************* RIGHT COL END********************************/

/********************************* START TABLE register START ********************************/
#registerTable {
border-top :1px solid #988c5f;
border-left:1px solid #988c5f;
border-right:3px solid #988c5f;
border-bottom:3px solid #988c5f;
background-color:#f7f4e7;
font-size:95%;
}

#registerTable table {font-size:95%;}

#registerTable th {
	font-size:110%;
	color:#fff;
	background-color:#007ac2;
	padding:5px;
	text-align:left;
	font-family:Verdana, Arial, sans-serif;
}

.subHead {
	font-size:100%;
	color:#fff;
	font-weight:bold;
	background-color:#02517e;
	font-family:Verdana, Arial, sans-serif;}
#registerTable td{padding:5px;}
.darkTan {background-color:#eae7d9;}
.note {font-size:10px}
/********************************* END TABLE register START ********************************/

/********************************* START TABLE Styles(skill set) START ********************************/
#skillTable {
border-top :1px solid #988c5f;
border-left:1px solid #988c5f;
border-right:3px solid #988c5f;
border-bottom:3px solid #988c5f;

}

#skillTable th {
	
	font-size:110%;
	color:#fff;
	background-color:#007ac2;
	text-align:center;
	padding:5px;
	border-bottom:2px solid #988c5f;
	font-family:Verdana, Arial, sans-serif;
}

#skillTable td {
		padding:3px; font-size:100%;
}

/********* END  TD backgrounds and borders ***************/
/* START TAN bg with borders (for plain background see color section of styles above*/
td.borderRightTanBg {
background-color:#f7f4e7;
border-right:1px solid #988c5f;
}

td.borderRightBotTanBg {
background-color:#f7f4e7;
border-right:1px solid #988c5f;
border-bottom:1px solid #988c5f;
}
.TanSubHeadingBorder{
font-weight:bold;
color:#000;
line-height:16px;
background-color:#eceae3;
border-right:1px solid #988c5f;
border-top:1px solid #988c5f;
}
/* END TAN bg with borders*/

/* Start TD AQUA bg with borders*/
td.borderRightAquaBg {
background-color:#eef1f2;
border-right:1px solid #988c5f;
}

td.borderRightBotAquaBg {
background-color:#eef1f2;
border-right:1px solid #988c5f;
border-bottom:1px solid #988c5f;
}

td.borderBottomAquaBg {
background-color:#eef1f2;
border-bottom:1px solid #988c5f;
}

.borderRightBotAquaSubHeading{
font-weight:bold;
color:#000;
line-height:16px;
background-color:#e5e7e8;
border-right:1px solid #988c5f;
border-bottom:1px solid #988c5f;
}
/* END aqua bg with borders*/
/********* END  TD backgrounds and borders ***************/
#skillTable a {
	
	color:#996699;
	font-weight:bold;
}


/******************************* END TABLE Styles(skill set)  ********************************/


/******************************* footer START********************************/
#footer {
	width:852px;
	 font-size:90%;
	line-height:140%;
	color:#ded7be;
	text-align:left;
	padding:12px 0px 50px 0px;
	margin:20px 0 0 0px;
	clear:both;
}
#footer a{
	color:#ded7be;
}
#footer p{
	padding-left:10px;
}
/** footer END*/


/****************------------------- BUTTONS START ------------------------- ********************************/
/******************************* PROMO Btn START********************************/

.promoBox
{
position: relative;
top:12px;
left:18px;
font-family:Verdana, Arial, sans-serif;
background: url(../images/global/promoBtn_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 161px;
height: 55px;
margin: 0;
padding:  0 0 15px 0;
z-index: 1;
}

.promoBox a
{
display: block;
color: #000000;
font-size: 11px;
width: 161px;
height: 55px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.promoBox img
{
width: 161px;
height: 55px;
border: 0
}

* html a:hover
{
visibility:visible
}

.promoBox a:hover img
{
visibility:hidden
}

.promoBox span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/******************************* PROMO Btn END********************************/


/******************************* HOME PAGE Btns  START********************************/

.adminBtn
{
position: relative;
top:12px;
left:40px;
font-family:Verdana, Arial, sans-serif;
background: url(../images/global/adminBtn_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 220px;
height: 40px;
margin: 0;
padding:  0 0 15px 0;
}

.adminBtn a
{
display: block;
color: #000000;
font-size: 11px;
width: 220px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.adminBtn img
{
width: 220px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.adminBtn a:hover img
{
visibility:hidden
}

.adminBtn span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/******************************* HOME PAGE Btns END********************************/
/******************************* HOME PAGE Creative Btns  START********************************/

.creativeBtn
{
position: relative;
top:-43px;
left:300px;
font-family:Verdana, Arial, sans-serif;
background: url(../images/global/creativeBtn_over.gif) no-repeat;
white-space: nowrap;
display: block;
width: 220px;
height: 40px;
margin: 0;
padding:  0 0 15px 0;
}

.creativeBtn a
{
display: block;
color: #000000;
font-size: 11px;
width: 220px;
height: 40px;
display: block;
float: left;
text-decoration: none;
}

.creativeBtn img
{
width: 220px; height: 40px; border: 0
}

* html a:hover
{
visibility:visible
}

.creativeBtn a:hover img
{
visibility:hidden
}

.creativeBtn span
{
position: absolute; left: 35px; top: 15px;
margin: 0px; padding: 0px; cursor: pointer;
} 
/******************************* HOME PAGE Creative Btns  END ********************************/
/******************************* SUBMIT Btns  START ********************************/

.submitBtn {background: url("../images/global/submitBtn.gif") 0px 0px  no-repeat;
        color:#047bc2; width: 73px; height: 25px; border:0px;
       }
.submitBtnOver {background: url("../images/global/submitBtn_over.gif") 0px 0px  no-repeat;
        color:#007ac2; width: 73px; height: 25px; border:0px;
       }
	   
.goBtn {background: url("../images/global/goBtn.gif") 0px 0px  no-repeat;
        color:#047bc2; width: 27px; height: 25px; border:0px;
       }
.goBtnOver {background: url("../images/global/goBtn_over.gif") 0px 0px  no-repeat;
        color:#007ac2; width: 27px; height: 25px; border:0px;
       }	   
/******************************* SUBMIT Btns  END ********************************/

/****************------------------- BUTTONS END ------------------------- ********************************/