html
{
	min-height: 100%;
	margin-bottom: 1px;
}

body
{
	margin: 0px auto;
	font: 12px Arial,Tahoma;
	color: #000000;
	background-color: #fff;
	width: 100%;
}

img
{
	border: 0px;
	display: block;
}
.content
{
	font: 12px Arial,Tahoma;
	color: #000;
}

table
{
	border: 0px;
	border-collapse: collapse;
}

table td
{
	padding: 0px;
	vertical-align: top;
}

#layout
{
	margin: 0px auto;
	position: relative;
	background-color: #fff;
	width: 1000px;
	height: auto;
	text-align: left;
}

a
{
	font: 12px Arial,Tahoma;
	color: #4b688d;
	text-decoration: none;
}
a: hover
{
	color: #003b74;
	text-decoration: underline;
}
a:active, a:focus { outline: 0; }

#divisions a
{
	font: 12px Arial,Tahoma;
	color: #000;
	text-decoration: underline;
}

 a: hover
{
	color: #a0a0a0;
	text-decoration: underline;
}
/* Top Navigation */
		
			
			#searchNav a
			{
				background: url('imgs/nav/search_jobs_off.gif') no-repeat;
				width: 101px;
				height: 24px;
				border:0px;
				display: block;
			}
			#searchNav a:hover { background: url('imgs/nav/search_jobs_on.gif') no-repeat; }
			
			#registerNav a
			{
				background: url('imgs/nav/register_off.gif') no-repeat;
				width: 101px;
				height: 24px;
				border:0px;
				display: block;
			}
			#registerNav a:hover { background: url('imgs/nav/register_on.gif') no-repeat; }
			
			#sNav2 a
			{
				background: url('imgs/nav/search_jobs_off.gif') no-repeat;
				width: 101px;
				height: 24px;
				border:0px;
				display: block;
			}
			#sNav2 a:hover { background: url('imgs/nav/search_jobs_on.gif') no-repeat; }
			
			#timecardNav a
			{
				background: url('imgs/nav/timecard_off.gif') no-repeat;
				width: 101px;
				height: 24px;
				border:0px;
				display: block;
			}	
			#timecardNav a:hover { background: url('imgs/nav/timecard_on.gif') no-repeat; }
			
			#formsNav a
			{
				background: url('imgs/nav/forms_off.gif') no-repeat;
				width: 101px;
				height: 24px;
				border:0px;
				display: block;
			}	
			#formsNav a:hover { background: url('imgs/nav/forms_on.gif') no-repeat; }
			
			#employersNav a
			{
				background: url('imgs/nav/employers_off.gif') no-repeat;
				width: 101px;
				height: 24px;
				border:0px;
				display: block;
			}	
			#employersNav a:hover { background: url('imgs/nav/employers_on.gif') no-repeat; }
			
			#contactNav a
			{
				background: url('imgs/nav/contact_off.gif') no-repeat;
				width: 100px;
				height: 24px;
				border:0px;
				display: block;
			}
			#contactNav a:hover { background: url('imgs/nav/contact_on.gif') no-repeat; }

/* Bottom Navigation */
		
			#hNav a
			{
				background: url('imgs/nav/home_off.gif') no-repeat;
				width: 137px;
				height: 123px;
				border:0px;
				display: block;
			}	
			#hNav a:hover { background: url('imgs/nav/home_on.gif') no-repeat; }
			
			#servicesNav a
			{
				background: url('imgs/nav/services_off.gif') no-repeat;
				width: 137px;
				height: 123px;
				border:0px;
				display: block;
			}
			#servicesNav a:hover { background: url('imgs/nav/services_on.gif') no-repeat; }
			
			#staffingNav a
			{
				background: url('imgs/nav/staffing_off.gif') no-repeat;
				width: 137px;
				height: 123px;
				border:0px;
				display: block;
			}
			#staffingNav a:hover { background: url('imgs/nav/staffing_on.gif') no-repeat; }
						
			#resourcesNav a
			{
				background: url('imgs/nav/resource_off.gif') no-repeat;
				width: 137px;
				height: 123px;
				border:0px;
				display: block;
			}	
			#resourcesNav a:hover { background: url('imgs/nav/resource_on.gif') no-repeat; }
			
			
			#companyNav a
			{
				background: url('imgs/nav/company_off.gif') no-repeat;
				width: 137px;
				height: 123px;
				border:0px;
				display: block;
			}
			#companyNav a:hover { background: url('imgs/nav/company_on.gif') no-repeat; }

/* Display box */

			#box{
				position: relative;
				margin-left: auto;
				margin-right: auto;	
				margin-top: 0em;
				padding: 0;
				text-align: center;
				width:170px;				/* <-- use this to tie width to viewport size */
				/*width: 40em;				<-- use this for a set width */
				background-color:#7F97AF;
			}
			#box_content{
				padding-top:1em;
				padding-bottom:1em;
				padding-right:1em;
				padding-left:1em;
				color:#ffffff;
				font-weight:bold;
				vertical-align:middle;
			}
			#tlc, #trc, #blc, #brc { background-color: transparent; background-repeat: no-repeat; }
			#tlc { background-image:url(imgs/gen/tlc.gif); background-position: 0% 0%; }
			#trc { background-image:url(imgs/gen/trc.gif); background-position: 100% 0%; }
			#blc { background-image:url(imgs/gen/blc.gif); background-position: 0% 100%; }
			#brc { background-image:url(imgs/gen/brc.gif); background-position: 100% 100%; }
			#tb, #bb { background-color: transparent; background-repeat: repeat-x; }
			#tb	{ background-image:url(imgs/gen/tb.gif); background-position: 0% 0%; }
			#bb	{ background-image:url(imgs/gen/bb.gif); background-position: 50% 100%; }
			#rb	{ background-image:url(imgs/gen/rb.gif); background-position: 100% 0%;	background-repeat: repeat-y; }
			#lb	{ background-color:#7F97AF; background-image:url(imgs/gen/lb.gif); background-position: 0% 100%; background-repeat: repeat-y; }
			
/* Salary Guide box */
			#box2{
				position: relative;
				margin-left: auto;
				margin-right: auto;	
				margin-top: 0em;
				padding: 0;
				text-align: center;
				width:90%;				/* <-- use this to tie width to viewport size */
				/*width: 40em;				<-- use this for a set width */
				background-color:#fff;
			}
			#box_content2{
				padding-top:1em;
				padding-bottom:.8em;
				padding-right:.8em;
				padding-left:.8em;
				color:#000;
			}
			#tlc2, #trc2, #blc2, #brc2 { background-color: transparent; background-repeat: no-repeat; }
			#tlc2 { background-image:url(imgs/gen/tlc2.gif); background-position: 0% 0%; }
			#trc2 { background-image:url(imgs/gen/trc2.gif); background-position: 100% 0%; }
			#blc2 { background-image:url(imgs/gen/blc2.gif); background-position: 0% 100%; }
			#brc2 { background-image:url(imgs/gen/brc2.gif); background-position: 100% 100%; }
			#tb2, #bb2 { background-color: transparent; background-repeat: repeat-x; }
			#tb2	{ background-image:url(imgs/gen/tb2.gif); background-position: 0% 0%; }
			#bb2	{ background-image:url(imgs/gen/bb2.gif); background-position: 50% 100%; }
			#rb2	{ background-image:url(imgs/gen/rb2.gif); background-position: 100% 0%;	background-repeat: repeat-y; }
			#lb2	{ background-color:#fff; background-image:url(imgs/gen/lb2.gif); background-position: 0% 100%; background-repeat: repeat-y; }

#left
{
	background: url('imgs/gen/leftBkg.gif') repeat-y;
	vertical-align: top;
	height:1px;
	width: 14px;
}

.right
{
	vertical-align: top;
	background: url('imgs/gen/rightBkg.gif') repeat-y;
	width: 13px;
}

.logo
{
	width: 255px;
	height: 123px;
	border: 0px;
}

.loTop
{
	width: 255px;
	height: 25px;
	vertical-align:bottom;
	border: 0px;
}

.title
{
	font: bold 18px Arial;
	color: #02376a;
}

.tab
{	vertical-align: top;
	background: url('imgs/gen/blue_tab.png') no-repeat;
	font: bold 16px Arial;
	color:#fff;
	width: 273px;
	height:46px;
}
#foot
{
	background: url('imgs/gen/foot.png') no-repeat;
	width:1000px;
	height: 75px;
	font: 11px Arial;
	color: #878787;
}
#foot a
{
	font: 11px Arial;
	color: #878787;
}
#foot a:hover
{
	font: 11px Arial;
	color: #878787;
	text-decoration:underline;
}

.textareabox
{
	font: 11px Arial,Verdana;
	border: 1px solid black;
}

.selectbox { font: 11px Arial,Verdana; }

.inputbox
{
	font: 11px Arial,Verdana;
	border: 1px solid black;
}

.inputbutton
{
	font: bold 11px Arial,Verdana;
	background-color: #CCCCCC;
	border: 1px solid black;
}