/* Basic Sitewide Settings */
html {height: 100.1%;}
body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
	color: #333;
	text-align: center;
	}
	
p {margin: 7px 0;}
ul {margin: 0 0 10px 40px; list-style: square;}
ol {margin: 0 0 10px 45px;}
html>body ul {margin: 0;}

table {font-size: 100%;}
table td {vertical-align: top;}
blockquote {width: 200px; padding: 6px; float: right; border: 2px solid #8A0045; font-weight: bold; margin: 0 0 10px 10px; color: #666; text-align: center;}
blockquote ul, blockquote ol {text-align: left; font-weight: normal;}
blockquote li {line-height: 1.3;}
sup {font-size: 70%;}

h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color:#660033;
	margin: 0px 0 0 15px;
	padding: 0px;
	}
	
h1 div {font-size: 80%;}

h1 a, h1 a:visited, h1 a:hover {text-decoration: none; color: #8A0045;}

h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color:  #8A0045;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	}

h3 {margin: 0 0 -5px 15px; font-size: 100%;}

img {
	border: 0px;
	margin: 0px;
	}
	

#box_home {
	width: 775px;
	margin: 0px auto auto auto;
	text-align: left;
	border: 1px solid #660033;
	background: transparent url(../img/center.jpg) 0 86px no-repeat; position: relative; top: 0px; left: 0;
	}

	
a {color: #0C4CA5;}
a:visited {color: #8A0045;}
a:hover {color: #000;}

#box_section {
	width: 775px;
	margin: 0px auto auto auto;
	text-align: left;
	border: 1px solid #660033;
	}

* html #box_section {
	width: 777px;
	}

#footer {
	font-size: 10px;
	margin-bottom: 10px;
	}
#footer a:hover {color: #000;}


/* Nav Bar */

#nav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
	float: left;
	}
#hometop #nav { position: relative; left: 14px; width: 484px;}
#top #nav { position: relative; left: 193px; background: #999; width: 582px; }
/* Box model hack - wrestles section nav bar in IE Win down to the ground and makes it behave good and proper */
* html #top #nav { margin: -2px 0px; }


#nav li {
	margin: 0px;
	padding: 0;
	float: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	}

#nav li a {
	margin: 0px;
	display: block;
	text-indent: -4000px;
	text-align: left;
	}
	


#hometop #nav li { height: 82px; width: 96px; border-top: 6px solid #660033; padding: 0 15px;}
html>body #hometop #nav li {width: 66px;}
#top #nav li { height: 43px; width: 97px; border-top: 6px solid #660033; padding: 0 15px;}
html>body #top #nav li {width: 67px;}

#hometop #nav li a { height: 69px; padding: 0; width: 63px;}
#top #nav li a { height: 43px; padding: 0; width: 63px;}

 /*background */
#nav_home { background: #8B8B8B; }
#nav_about { background: #999999;}
#nav_cand { background: #A3A3A3; }
#nav_emp { background: #ADADAD; }
#nav_ind { background: #B8B8B8; }
#nav_contact { background: #C2C2C2; }

#box_home #nav_about a, #nav_about a:visited { background: url(../img/nav.gif) -90px -12px no-repeat; }
#box_home #nav_about a:hover {background-position: -90px -94px;}
#box_home #nav_cand a, #nav_cand a:visited { background: url(../img/nav.gif) -183px -12px no-repeat; }
#box_home #nav_cand a:hover {background-position: -183px -94px;}
#box_home #nav_emp a, #nav_emp a:visited { background: url(../img/nav.gif) -278px -12px no-repeat; }
#box_home #nav_emp a:hover {background-position: -278px -94px;}
#box_home #nav_ind a, #nav_ind a:visited { background: url(../img/nav.gif) -372px -12px no-repeat; }
#box_home #nav_ind a:hover {background-position: -372px -94px;}
#box_home #nav_contact a, #nav_contact a:visited { background: url(../img/nav.gif) -465px -12px no-repeat; }
#box_home #nav_contact a:hover {background-position: -465px -94px;}

#top #nav #nav_home a, #nav_home a:visited { background: #8b8b8b url(../img/nav.gif) -8px -40px no-repeat; height: 42px;}
#top #nav #nav_home a:hover {background-position: -8px -122px; border-bottom: 1px solid #8B8B8B;}
#top #nav #nav_about a, #nav_about a:visited { background: url(../img/nav.gif) -90px -40px no-repeat; }
#top #nav #nav_about a:hover {background-position: -90px -122px;}
#top #nav #nav_cand a, #nav_cand a:visited { background: url(../img/nav.gif) -183px -40px no-repeat; }
#top #nav #nav_cand a:hover {background-position: -183px -122px;}
#top #nav #nav_emp a, #nav_emp a:visited { background: url(../img/nav.gif) -278px -40px no-repeat; }
#top #nav #nav_emp a:hover {background-position: -278px -122px;}
#top #nav #nav_ind a, #nav_ind a:visited { background: url(../img/nav.gif) -372px -40px no-repeat; }
#top #nav #nav_ind a:hover {background-position: -372px -122px;}
#top #nav #nav_contact a, #nav_contact a:visited { background: url(../img/nav.gif) -465px -40px no-repeat; }
#top #nav #nav_contact a:hover {background-position: -465px -122px;}

#nav_is_about #nav_about a {background-position: -90px -122px !important;}
#nav_is_cand #nav_cand a {background-position: -183px -122px !important;}
#nav_is_emp #nav_emp a {background-position: -278px -122px !important;}
#nav_is_ind #nav_ind a {background-position: -372px -122px !important;}
#nav_is_contact #nav_contact a {background-position: -465px -122px !important;}
#nav_is_home #nav_home {display: none;}
#nav_is_home #nav {border: none;}

/* Drop Downs */
#nav li ul a {background-image: none !important; padding: 5px !important;}
#nav li ul, #nav li ul ul {display: none;}
#nav li ul {width: 150px; border: 1px solid #4E4C4A !important; border-width: 1px 1px 0 1px; position: absolute; top: 43px; left: 0; margin: 0; padding: 0; -moz-opacity: .90; border-top: 1px solid #000; list-style: none; z-index: 1000; }
#hometop #nav li ul {top: 69px; z-index: 1000 !important;}
#nav li ul ul {top: 0px; left: 156px;}


#nav li ul ul {left: 156px; top: -1px;}
#nav li ul li { border: 1px solid #919190 !important; border-width: 0 0 1px 0 !important; padding: 0 !important; height: 18px !important; float: none;}

#nav li:hover ul {display: block !important;}
#nav li:hover li ul {display: none;}
#nav li li:hover ul {display: block;}

#nav li ul li a {text-indent: 0; color: #000; text-decoration: none; padding: 3px 6px 0 17px !important; background-color: #eee !important; border: 0; filter:alpha(opacity=85); width: 150px !important; height: 18px !important;}

#nav li li a  {width: 144px !important;}
html>body #nav li li a {width: 100px !important; height: auto;}
#nav a#hi {background: #fff url(../img/hi.gif) 150px center no-repeat !important;}
#nav a:hover#hi {background: #CECECE url(../img/hi2.gif) 150px center no-repeat !important;}
#nav ul li a:hover {background-color: #CECECE !important;}
#nav li ul.block {display: block !important}
#nav li ul ul.block {display: block !important} 

/* Home Subnav, Top Nav */

#navbox {
	width: 292px;
	background: #660033;
	font-weight: bold;
	font-size: 10px;
	}

#navbox_sub {
	width: 100%;
	padding: 3px;
	text-align: center;
	}

#navbox_top {
	width: 769px;
	text-align: right;
	background: #8A0045;
	padding: 0 3px;
	}

* html #navbox_top {
   width: 775px;
   }

#navbox ul {
	list-style-type: none;
	margin: 0px;
	padding: 3px;
	}

#navbox li {
	margin: 0px;
	padding: 0px;
	display: inline;
	}

#navbox li a {
	text-decoration: none;
	color: #E9E4E4;
	padding: 0px 7px;
	}


#navbox li a:hover {
	text-decoration: underline;
	color: #fff;
	}

.subnav_submit {
	border-right: 1px solid #fff;
	padding-right: 3px;
	}


/* Section Subnav */
#snav {border: 1px solid #fff; border-width:1px 1px 0 0; margin: 0 10px;}
#bottom #bottomleft { float:left; width: 193px; background-color:#eee; padding-top: 10px; }
#bottom #bottomleft ul {list-style:none; margin:0; padding: 0; padding-bottom:20px; text-align:right; }
html>body #bottom #bottomleft ul {width: 158px;}
#bottom #bottomleft ul li {margin:0; padding: 0;}
#bottom #bottomleft ul li a {font-size: .9em; color:#666; font-weight:bold; padding:5px 5px; text-decoration:none; border-right:3px solid #eee; border-bottom:1px solid #E4E1E1; width: 100%; display: block;}

#bottom #bottomleft ul li a:hover, #snav a.hi, #snav a:visited.hi {background-color:#E4E1E1; color:black !important; border-right:3px solid #8A0045 !important; }
.force a.f-hi, .force a:visited.f-hi {background-color:#E4E1E1; color:black !important; border-right:3px solid #8A0045 !important; }
#bottom #bottomleft ul li a:visited {color:#999;}


/* The following hack solves the 3px jog in IE/Win 
Hack is hidden from IE5-mac. Only IE-win sees this. \*/
* html #bottomleft {margin-right: -3px; position: relative; top: 2px;}
/* End hack */

/* Top */

#hometop {
	height: 92px;
	margin: 0px;
	}

#officename {
	float: left;
	width: 280px;
	}



#box_home #header { margin: 25px 0 0  20px; }
#box_section #header { margin: 30px 0px 0px 10px; }


/* Home Mid */

#homemid {

	height: 183px;
	width: 774px;
	}
	
	



/* Bottom */

#bottom {
	clear: both;
	}

#bottomleft {
	float:left;
	}

#homebottom {margin-top: -17px;}



#homebottom #content {
	padding: 15px 15px 0px 310px;
	}

#homebottom #content p {
	margin-top: 5px;
	}

#homebottom #content span {font-size: 110%; color: #8A0045; font-weight: bold;}
#homebottom #content h1 {margin: 0 0 10px 0;}

#tagline {
	background: #999 url(../img/tagline.gif) center no-repeat;
	height: 83px;
	width: 292px;
}



#industryBox {
	padding: 15px 15px 15px 20px; width: 292px;
	}
html>body #industryBox {width: 270px;}

#industryBox ul {list-style: none; margin: 0 15px; padding: 0}
#industryBox ul li {margin-bottom: 3px;}
#industryBox ul li  {background: url(../img/li.gif) 0 5px no-repeat; padding-left: 13px;}

#industryBox h1, #candidateBox h1, #companyBox h1 {margin: 0 0 -5px 0 !important;}
#companyBox {
	float: left;
	width: 210px;
	}

#candidateBox {
	float: left;
	width: 210px;
	margin-left:10px;
	}
	


#bottom #content {
	float:right; width:567px; padding: 0px 30px 0 0;
	margin: 40px 0;
	}
	
html>body #bottom #content {width: 540px;}

#bottom #content p {
	margin: 5px 15px;
	}

/* Section Top */

#topimage {
	float: right;
	margin-top: 1px;
	height: 99px; width: 290px;
	background: url(../img/topimage.jpg) 0 center no-repeat;
	}
#bodyabout #topimage {background: url(../img/topimage_about.jpg) 0 -15px no-repeat;}
#bodycand #topimage {background: url(../img/topimage_cand.jpg) 0 -80px no-repeat;}
#bodycompany #topimage {background: url(../img/topimage_comp.jpg) 0 0 no-repeat;}
#bodyind #topimage {background: url(../img/topimage.jpg) 0 center no-repeat;}*/

/* Form Style - Submit Resume*/
#content #resumeform {border-collapse: collapse; border-spacing: 3px; border: 1px solid #ccc; margin-left: 15px; width: 95%;}
#content #resumeform td {padding: 4px 6px; border: 1px solid #ccc; border-width: 1px 1px 0 0; vertical-align: top;}
#content #resumeform .required {font-weight: bold}
#content #resumeform .label {background-color: #f3f3f3;}
#content #resumeform .note {margin-bottom: 6px}
#request {width: 100%;}
.tdcolor {background-color: #f3f3f3; padding: 3px;}
.input {padding-left: 5px;}

/* form styles - Request info form */
#frequest {width:90%; margin:auto; font-size: 12px;}
#frequest fieldset {border:0}
#frequest label {float:left; font-weight:bold; display:block; width:50%;  margin-bottom:1em; padding-bottom:.3em; border-bottom:1px solid #eee;}
#frequest .contact input {display: block; width: 40%; float: left; margin-bottom: 1em; }
#frequest .info label{width:90%}
#frequest textarea {width:270px; margin-bottom:10px}
#frequest br {clear:left}
#frequest #hac, #frequest #bac { width:35px; }

#siteForm {width:500px; padding:10px}
#siteForm td {font-size:12px; vertical-align:middle; padding:2px 4px 2px 4px}
#siteForm .title {font-weight:bold; color:#000000;}
#siteForm .shade1 {background-color:#eeeeee}
input, select {font-size:12px}
.asterisk {color:#ee0000; font-weight:bold; font-size:1.2em}

.asterisk {font-weight: bold; color: #8A0045; font-size: 1.5em;}

/* Meet Our Recruiters page layout */
.recruiter {float: left; width: 33%; text-align:center; margin: 10px 0;}
.photo {float:right; margin: 0 15px 15px 15px;}
.bio-title {border-bottom:1px solid #ccc; width: 370px;padding: 0 0 5px 0; margin: 0 0 10px 15px;}
.bio-title p {margin: 7px 0 !important;}

/* Misc. */

#borderfix {
	display: block;
	clear: both;
	}

.parlist {
	list-style-type: none;
	margin: 10px 0px 10px 25px;
	padding: 0px;
	}

.parlist li {
	margin-bottom: 5px;
	}

.grey {
	color: #666;
	}

.profile {margin: 15px 0px 0px 0px; font-size: 12px; width: 70%;}
.profile th {background-color:#5964B9; color: #fff; text-align:left}
.profiletd {background-color: #eee}
.profile td {vertical-align:top}

.no-bullets { list-style-type: none; }



.testimonial {margin-left:20px; margin-right:20px; font-style:italic;}
.small{font-size:.9em;}
.spacedout li {margin-bottom:8px;}

.listcol { width: 45%; float: left; margin: 0; margin-bottom: -10px;}
.listcol2 {width: 30%; float: left; margin: 5px 0 5px 8px !important;}
html>body .listcol {margin-bottom: 5px;}
html>body .listcol {margin-top: 5px;}

.nolist {clear:both; height:0;} /*clears float after second list column*/
.footnote {color: #A9A9AC;}

/* Custom Adds (Jeremy) */
#staff {border:1px solid #CFCFCF; border-width: 1px 0 0 0; padding: 0; margin: 5px 15px;}
#staff p {margin-left: 10px;}
#staff #col1 {margin-left: 50px; width: 30%; float: left;}
#staff table {width: 522px; border-collapse: collapse;}
#staff .name {background: url(../img/li-4.gif) 5px 8px no-repeat; padding-left: 20px;}
#staff th {background: #F5F5F5; padding: 2px 20px; text-align: left; border-left: 1px solid #fff;}
#staff td {border-bottom: 1px solid #cfcfcf;}
#staff .loc {background: #666; color: #fff;}
#staff td {padding: 5px  20px;}
#profile {padding: 5px 0; border: 1px solid #f2f2f3; border-width: 0 0 2px 0;}
.no-bullets { list-style-type: none; }
#box {width: 450px; background: #f5f5f5; border: 1px solid #ccc; margin-left: 15px;}
.tools {background: #fff !important;}

#contact {width: 200px; background: #f5f5f5; border: 1px solid #ccc; margin: -15px 0 0 0; padding: 8px; float: right;}
.chev a {background: url(../img/chevron.gif) 0 4px no-repeat; padding-left: 12px;}
#awards {width: 50%; float: left;}
.cl {clear: both;}
.test {text-align: right; font-style: italic;}
#funnel {width: 183px; float: right; text-align: center;}
.highlight {background: yellow;}
.required-sp {display:none;}