/* 

STYLE SHEET FOR GRAPEVINE STAFFING AND DIRECT HIRE WEB SITE
Created by Bluespace Creative, Inc.
www.bluespacecreative.com

ToC
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/

/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
	font-size: 0.7em;
	background-image: url(../images/bkg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #000;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
	width: 720px;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/wrapper_bkg.gif);
	background-repeat: repeat-y;
		}
#wrapper #innerWrapper {
	width: 663px;
	margin-left: auto;
	margin-right: auto;
}
#topNav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	text-align: right;
	padding-top: 8px;
	padding-bottom: 5px;
}
#topNav a {
	font-weight: normal;
}

#masthead {
	clear: both;
		}
		
#logo {
	clear: left;
	float: left;
	margin-top: 13px;
	padding-left: 23px;
		}
#mastone {
	float: right;
	margin: 0px;
	padding: 0px;
}

#secMain {
	clear: left;
	margin-top: 30px;
	float: left;
	background-image: url(../images/secNavBkg.gif);
	background-repeat: repeat-y;
	width: 662px;
	background-position: left;
}

#navigation {
	margin-right: 6px;
	height: 207px;
	background-color: #6a683c;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: normal;
	font-size: 12px;
	float: left;
	background-image: url(../images/navBkg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#secNavigation {
	float: left;
	height: 17em;
	background-color: #6a683c;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: normal;
	font-size: 12px;
	clear: left;
	padding-bottom: 0.5em;
}
#searchNav {
	float: left;
	width: 233px;
	clear: left;
	background-color: #9e9d40;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	float: left;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FFF;
}

#secNav {
	float: left;
	width: 233px;
	clear: left;
	background-color: #808033;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	float: left;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FFF;
}
#secNav ul ul {
	text-indent: 10px;
	margin-top: -1em;
}


#masttwo {
	float: right;
	margin-bottom: -30px;
	padding-right: 30px;
}

#content {
	clear: both;
	margin-top: 6px;
	background-color: #e8e3e9;
	padding-top: 6px;
	padding-right: 6px;
	float: left;
	padding-left: 23px;
	width: 634px;
		}
#contentSec {
	float: right;
	padding-left: 19px;
	background-color: #e9e4e9;
	padding-top: 28px;
	margin-left: 6px;
	width: 404px;
	background-image: url(../images/shadow-man.jpg);
}
#contentSec #iowaJobs {
	width: 220px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
#contentSec #iowaJobs ul, #contentSec #otherJobs ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}
#contentSec #iowaJobs li, #contentSec #otherJobs li {
	padding-top: 0px;
	list-style-image: url(../images/greenArrowBullet.gif);
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}

#contentSec #otherJobs {
	width: 160px;
	float: left;
	padding-left: 10px;
}


#contentSec ul {
	padding-left: 17px;
}

.secPageOne #contentSec {
	background-image: url(../images/shadow-man2.jpg);
	background-repeat: no-repeat;
	background-position: 150px top;
}
.secPageTwo #contentSec {
	background-image: url(../images/shadow-woman.jpg);
	background-repeat: no-repeat;
	background-position: 185px top;
}
.secPageThree #contentSec {
	background-image: url(../images/shadow-woman2.jpg);
	background-repeat: no-repeat;
	background-position: 150px top;
}



#contentSec p {
	padding-bottom: 1em;
	padding-right: 15px;
	float: none;
}
#contentSec .secPageRightColumn {
	background-image: url(../images/secPageRightColumnBckgrd.jpg);
	background-repeat: repeat-x;
	width: 175px;
	float: right;
	background-position: top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	margin: 5px;
}


#contentSec #JOB_ID {
	font-size: 11px;
}
#callout {
	background-image: url(../images/calloutBkg.jpg);
	background-repeat: repeat-x;
	height: 305px;
	width: 235px;
	padding-left: 10px;
	float: right;
}
#content #callout #smallLogo {
	clear: both;
}

#content #callout ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 25px;
}
#content #callout li {
	padding-top: 0px;
	list-style-image: url(../images/greenArrowBullet.gif);
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}

#content p {
	padding-bottom: 10px;
}
#textContent {
	float: left;
	width: 370px;
}
#contentBottom {
	clear: both;
}



#footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	color: #a4a4a4;
	margin-top: 12px;
	padding-bottom: 15px;
		}
#footer a {
	text-decoration: none;
	color: #a4a4a4;
	font-weight: normal;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
}
#footBottom {
	height: 24px;
	width: 720px;
	background-image: url(../images/bot.jpg);
	background-repeat: no-repeat;
}
#jobApplication {
	clear: both;
	background-color: #ECE8EE;
}






/* ---------- 3. links and navigation ---------- */

a {
	font-weight: bold;
	text-decoration: none;
	color: #570861;
		}
		
a:hover {
	text-decoration: underline;
		}

#navigation ul, #secNav ul, #secNavigation ul {
	list-style-type: none;
	padding-top: 13px;
	line-height: 1.7em;
	background-position: left center;
	text-decoration: none;
		}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	font-weight: normal;
	margin-top: 12px;
	color: #570861;
	margin-bottom: 0.6em;
	line-height: 1.1em;
}
h2 {
	font-size: 21px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 0em;
	color: #6A683C;
	padding-bottom: 5px;
	line-height: 1.1em;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 5px;
	line-height: 1.1em;
	padding-bottom: 10px;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	padding-bottom: 0.2em;
	font-weight: normal;
	color: #570861;
}
.h4Red {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	padding-bottom: 0.2em;
	font-weight: normal;
	color: #990000;
}
.h4Red a:link{
	color: #990000;
}
h5 {
	font-weight: bold;
}




/* ---------- 4. font---------- */

ul, #callout ul{
	padding-left: 35px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;

}

ol, #contentSec ol{
	padding-left: 35px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;

}

fieldset {
	width: 360px;
	padding-left: 10px;
	padding-right: 10px;
}
legend {
	margin-right: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #6A683C;
	margin-bottom: 1em;
	margin-top: .2em;
}
.inputDes {
	margin: 0px;
	padding: 0px;
}

#contentSec select {
	font-size: 10px;
}
#contentSec blockquote {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}



.imgRight {
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
	float: right;
}


/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}  
#twitter_div{
	margin:auto auto 20px auto;
	}
#twitter_div h2 {
	margin:10px 0px 5px 0px;
}
#content #callout #twitter_div ul{
	margin:0px;
	padding:0px;
}
#content #callout #twitter_div li{
	list-style-image:none;
	margin:0px;
	padding:0px;
}
#content #callout #twitter_div li span {
float:left;
}

p.separator {border-bottom:dotted 1px #666; margin:0 50px 20px 30px; width:auto; height:10px}