/* ------------------------------------------------------------------------
CSS sheet for Fox Valley Staffing.

Author: Chris Robinson
Date Created: 2/5/2008

All inquiries for this document should be directed to information@virtualtech.com.

--------------------------------------------------------------------------

COLORS: 
Blue in navigation: #686B87;
Dark Blue: #272C53;
Light Blue in header: #ADAFBE;
------------------------------------------------------------------------ */

/* -----------------------------------------------------------------------
MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
}
a{
	outline: none;
}
a:hover{
	text-decoration: underline;
}
a img{
	border: 0px;
}
body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #fff;
   	font: 13px/1.5em Tahoma, Arial, sans-serif;
   	background: #ADAFBE;
}
h2{
	font: 16px/16px Georgia, serif;
	margin: 0 0 1.5em 12px;
	border-bottom: 1px dashed #ccc;
}
#wrap{
	margin: auto;
	text-align: left;
	background: #fff;
	color: #000;
}
hr.jobs{
	background-color: #ccc;
	border: 0px;
	height: 1px;
	margin-bottom: 15px;
}
p{
	margin: 0 0 1.5em 9px;
	padding: 0 5px;
}
/* -----------------------------------------------------------------------
HEADER ELEMENTS
-------------------------------------------------------------------------*/
#header{
	width: 100%;
 	height: 210px;
   	background: #ADAFBE;
   	border-bottom: 2px solid #000;
}
#header a.index{
	background: url(images/logo.gif) no-repeat;
	width: 177px;
	height: 191px;
	display: block;
	margin: 5px 10px;
	text-indent: -9999px;
	float: left;
}
#header h1{
	background: url(images/phone.gif) no-repeat;
	width: 262px;
	height: 41px;
	text-indent: -9999px;
	float: left;
	margin-left: 19px;
	margin-top: 80px;
}
#header img{
	margin: 20px 0px 10px 10px;
	border: 2px solid #000;
	float: left;
}
#header img.photo2, #header img.photo3{
	display: none;
}
#nav{
	background: url(images/navbottom.gif) bottom left no-repeat;
	padding-bottom: 39px;
	margin-top: -18px;
	display: block;
	float: left;
}
#nav h1{
	display: block;
	width: 170px;
	height: 47px;
	font-size: 70%;
	text-indent: -9999px;
	background: url(images/navtop.gif) no-repeat;
}
ul.navigation li{
	padding: 3px;
	background: url(images/navmiddle.gif) repeat-y;
}
ul.navigation li a{
	text-decoration: none;
	border: 2px ridge #000;
	width: 140px;
	padding-left: 7px;
	display: block;
	background: #ADAFBE;
	color: #000
}
ul.navigation li a:hover{
	text-decoration: none;
	background: #272C53;
	color: #fff;
	font-weight: bold;
}

body.home ul.navigation li.home a{
	text-decoration: none;
	background: #272C53;
	color: #fff;
	font-weight: bold;
}

body.jobseek ul.navigation li.jobseek a{
	text-decoration: none;
	background: #272C53;
	color: #fff;
	font-weight: bold;
}
body.joblist ul.navigation li.joblist a{
	text-decoration: none;
	background: #272C53;
	color: #fff;
	font-weight: bold;
}
body.resume ul.navigation li.resume a{
	text-decoration: none;
	background: #272C53;
	color: #fff;
	font-weight: bold;
}
body.employ ul.navigation li.employ a{
	text-decoration: none;
	background: #272C53;
	color: #fff;
	font-weight: bold;
}
body.people20 ul.navigation li.people20 a{
	text-decoration: none;
	background: #272C53;
	color: #fff;
	font-weight: bold;
}
body.commit ul.navigation li.commit a{
	text-decoration: none;
	background: #272C53;
	color: #fff;
	font-weight: bold;
}
body.contact ul.navigation li.contact a{
	text-decoration: none;
	background: #272C53;
	color: #fff;
	font-weight: bold;
}
body.about ul.navigation li.about a{
	text-decoration: none;
	background: #272C53;
	color: #fff;
	font-weight: bold;
}
/* -----------------------------------------------------------------------
MAINCONTENT ELEMENTS
-------------------------------------------------------------------------*/
#maincontent{
	width: 75%;
	margin: 10px 0 20px 170px;
}
#maincontent a{
	color: #000;
	border-bottom: 1px dashed black;
	text-decoration: none;
}
#maincontent a:hover{
	border-bottom: 1px solid black;
}
div.test{
	float: right;
	width: 60%;
}
div.nofloat{
	float: none;
	width: 100%;
}
div.nofloat dd.floatleft{
	float: left;
	width: 50%;
}
dl dt{
	font-weight: bold;
}
dl.key dt{
	text-indent: -80px;
}
dl dd img{
	float: left;
	margin-top: 20px;
}
dl dd ul{
	margin-left: 120px;
}
dl dt.fix{
	margin-bottom: 1.5em;
}
dl dd p.sayaboutus{
	font-style: italic;
	font-size: 9pt;
}
#maincontent ul{
	margin: -1.5em 0 1.5em 25px;
	padding: 0 5px;
}
p.by{
	float: left;
	margin-right: 20px;
	padding-top: 40px;
}
img.boss{
	border: 2px solid #000;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
p.mark{
	background: url(images/mark.jpg) no-repeat;
	height: 142px;
	padding-left: 145px;
}
p.office{
	background: url(images/office.jpg) top right no-repeat;
	height: 131px;
	padding-right: 205px;
}
p.standout{
	font-weight:bold;
}
p.larger{
	font-size: 110%;
}
/* -----------------------------------------------------------------------
CONACT ELEMENTS
-------------------------------------------------------------------------*/
form{
	float: left;
	margin-top: 1.5em;
	margin-right: 20px;
}
#maincontent form ul{
	list-style-type: none;
	margin-top: 0px;
}
form label{
	display: block;
	float: left;
	width: 150px;
}
form select{
	width: 146px;
}
form ul li.submit{
	margin-top: 10px;
	margin-left: 70px;
}

/* -----------------------------------------------------------------------
FOOTER ELEMENTS
-------------------------------------------------------------------------*/
#footer{
	display: block;
	width: 100%;
	clear: both;
	border-top: 2px solid #000;
	font-size: 90%;
	line-height: 1.4em;
	color: #000;	
   	background: #ADAFBE;
   	margin-top: 10px;
}
#footer a{
	color: #000;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footer ul{
	list-style-type: none;
	float: left;
}
#footer li{
	display: inline;
	margin: 10px;
}
#footer p{
	margin: 0 0 .5em 50px;
	padding: 0;
	float: left;	
}

.managejobs{
	border: 1px solid #ccc;
	width: 95%;
	margin: 1em auto;
	border-collapse: collapse;
}
.managejobs th{
	background: #555;
	color: #fff;
	padding: .2em 5px;
}
.managejobs td{
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: .2em 5px;
}
#maincontent th a{
	color: #fff;
	border-bottom-color: #fff;
}