/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body {
	background-color: #dedede;
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 68.75%;
	line-height: 140%;
	text-align: center;
}
h2 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

/* Sets the style for unvisited links. */
a, a:link {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}
/* Sets the style for visited links. */
a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}
/* Sets the style for links on mouseover. */
a:hover {
	color: #000;
	text-decoration: none;
}
/* Sets the style for a link that has focus. */
a:focus {
	color: #000;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
	color: #000;
}
.morelink {
	text-align: right;
}
.morelink a {
	color: #007b6b;
}
#outerWrapper {
	background: #dedede url("../site-images/outerwrapper-bg.jpg") left top no-repeat;
	margin: 0 auto;
	text-align: left;
	width: 950px;
}
#outerWrapper #consultheader {
	background-color: #007b6b;
	height: 74px;
}
#outerWrapper #consultheader img {
	display: block;
	float: left;
	margin-right: 20px;
	border: none;
}
#outerWrapper #consultheader h1 {
	font-size: 28px;
	font-weight: normal;
	color: #fff;
	line-height: 100%;
	padding: 21px 100px 0 0;
}
#outerWrapper #consultheader h1 span {
	font-size: 18px;
}
#outerWrapper #contentWrapper {
	background: url("../site-images/contentwrapper-bg.png") left top repeat-y;
	margin-bottom: 10px;
}
#outerWrapper #contentWrapper #leftCol {
	background-color: #007b6b;
	float: left;
	margin-bottom: 10px;
	padding-top: 0;
	width: 154px;
}
#mainnav {
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 8px;
	min-height: 144px;
	padding-bottom: 90px;
	background: #fff url(../site-images/pawn-queen-leftnav-bg.jpg) left bottom no-repeat;
}
#mainnav li {
		margin: 0;
		padding: 0;
}
#mainnav a {
	display: block;
	margin: 0;
	padding: 1px 14px 1px;
	/*height: 18px;*/
	color: #007b6b;
	text-decoration: none;
	font-weight: bold;
}
/*
#mainnav a:link, #mainnav a:visited {
	background: #007b6b url(../site-images/mainnav-link-bg.jpg) left top no-repeat;
}
#mainnav a:hover, #mainnav a:active {
	background: #007b6b url(../site-images/mainnav-link-bg.jpg) left -20px no-repeat;
}
*/
#outerWrapper #contentWrapper #rightCol {
	float: right;
	width: 200px;
}
#rightCol h2 {
	/*background: url(../site-images/rightcolbox-title-bg.gif) left top no-repeat;*/
	background-color: #007b6b;
	font-size: 12px;
	line-height: 14px;
	/*color: #007b6b;*/
	color: #fff;
	padding: 6px;
	margin-top: 10px;
}
div.rightcolcontent {
	background: #fff;
	padding: 6px;
}
div#featuredjobs.rightcolcontent {
	margin: 0;
	padding: 0;
}
#featuredjobs.rightcolcontent ul {
	margin: 0;
	padding: 2px 0 0; /* 1px bottom padding required for IE6 */
	list-style: none;
}
#featuredjobs.rightcolcontent li {
	margin: 0;
	padding: 0 0 2px;	
}
#featuredjobs.rightcolcontent li a {
	display: block;
	text-decoration: none;
	padding: 3px 6px;
	/* width: 188px;  required for IE6 only */
	/* height: 100%; required for IE6 only */
}
#featuredjobs.rightcolcontent li a:link, #featuredjobs.rightcolcontent li a:visited{
	background-color: #dbebe9;
	color: #000;
}
#featuredjobs.rightcolcontent li a:hover, #featuredjobs.rightcolcontent li a:active{
	background-color: #545758;
	color: #fff;
}
#jobsearch.rightcolcontent form {
	margin: 0;
	padding: 0;
}
#jobsearch.rightcolcontent form label, #jobsearch.rightcolcontent form input,  #jobsearch.rightcolcontent form select {
	font-size: 11px;
}
div.rightcolcontent p {
	margin: 0.8em 0;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
	margin: 0 200px 0px 154px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 10px 10px 0px; /* 5px left and right for IE6 */
}
div#feature {
	width: 200px;
	background: url(../site-images/features/red-climber.jpg) left top no-repeat;
	height: 170px;
	margin-bottom: 2px;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding: 15px 10px 15px 366px;
	/*overflow: auto;  IE6 only */
}
div#feature h2 {
	color: #fff;
	display: none;
}
div#feature p, div.maincontent p, div.teammember p, div.details p {
	margin: 0;
	padding-bottom: 0.8em;
}
div#feature p.signature {
	font-size: 10px;
	text-align: right;
	padding-bottom: 1em;
}

/* tabs styles */

div#sectionnav {
	width: 576px;
	height: 26px;
	padding: 0;
	/* overflow: hidden;  IE6 only */
}
div#sectionnav a {
	height: 21px;
	padding-top: 5px;
	margin-right: 2px;
	width: 134px;
	display: block;
	float: left;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
div#sectionnav a#opps {
	width: 168px;
	margin-right: 0;
}
div#sectionnav a:link, div#sectionnav a:visited {
	background: url(../site-images/tabs/tab-bg.gif) left top no-repeat;
}
div#sectionnav a:hover, div#sectionnav a:focus, div#sectionnav a:active {
	background: url(../site-images/tabs/tab-bg.gif) left -27px no-repeat;
}
div#sectionnav a:link#opps, div#sectionnav a:visited#opps {
	background: url(../site-images/tabs/opps2-bg.gif) left top no-repeat;
}
div#sectionnav a:hover#opps, div#sectionnav a:focus#opps, div#sectionnav a:active#opps {
	background: url(../site-images/tabs/opps2-bg.gif) left -27px no-repeat;
}
/*
div#sectionnav a:link#exec, div#sectionnav a:visited#exec {
	background: url(../site-images/tabs/exec-bg.gif) left top no-repeat;
}
div#sectionnav a:hover#exec, div#sectionnav a:focus#exec, div#sectionnav a:active#exec {
	background: url(../site-images/tabs/exec-bg.gif) left -27px no-repeat;
}
div#sectionnav a:link#hr, div#sectionnav a:visited#hr {
	background: url(../site-images/tabs/hr-bg.gif) left top no-repeat;
}
div#sectionnav a:hover#hr, div#sectionnav a:focus#hr, div#sectionnav a:active#hr {
	background: url(../site-images/tabs/hr-bg.gif) left -27px no-repeat;
}
div#sectionnav a:link#interim, div#sectionnav a:visited#interim {
	background: url(../site-images/tabs/interim-bg.gif) left top no-repeat;
}
div#sectionnav a:hover#interim, div#sectionnav a:focus#interim, div#sectionnav a:active#interim {
	background: url(../site-images/tabs/interim-bg.gif) left -27px no-repeat;
}
div#sectionnav a:link#opps, div#sectionnav a:visited#opps {
	background: url(../site-images/tabs/opps-bg.gif) left top no-repeat;
}
div#sectionnav a:hover#opps, div#sectionnav a:focus#opps, div#sectionnav a:active#opps {
	background: url(../site-images/tabs/opps-bg.gif) left -27px no-repeat;
}
*/
div.maincontentbox {
	margin-top: 10px;
	width: 576px;
}
div.maincontentbox h2 {
	display: block;
	background: url(../site-images/maincontent-title-bg.gif) left top no-repeat;
	padding: 16px 10px 18px;
}
div.teammember p {
	margin-left: 96px;
}
div.teammember img {
	display: block;
	float:left;
	margin: 3px 10px 10px 0;
}
div.contactdetails div.clearFloat, div.teammember div.clearFloat {
	display: block;
	height: 0;
	clear: left;
}	
div.maincontent, div.teammember, div.contactdetails {
	font-size: 12px;
	background-color:#fff;
	padding: 0 10px 12px;
}
div.maincontent ul {
	margin-top: 0;
	list-style: disc;
}
div.maincontent div.news {
	display: block;
	float: right;
	width: 180px;
	padding: 10px 10px 0;
	margin: 0 5px 1em 10px;
	background-color: #efefef;	
}
div.maincontent div.news p {
	color: #007B6B;
	line-height: 140%;
}
div.maincontent div.news h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 6px 10px;
	margin: -10px -10px 0.5em;
	background-color: #007b6b;
	color: #fff;
}
img.floatleft {
	display: block;
	float: left;
	margin: 0.4em 0.5em 1em 0;
}
img.floatright {
	display: block;
	float: right;
	margin: 0.4em 0 1em 0.5em;
}
.mapandlink {
	float: left;
	clear: left;
	margin: 0 10px 0 0;
	padding: 10px;
	text-align: center;
	border: 1px solid #007b6b;
}
.mapandlink img {
	display: block;
	clear: both;
	margin-bottom: 10px;
	border: none;
}
div.details {
	float: left;
	margin-left: 10px;
}
div.contactdetails a {
	color: #007b6b;
}
div.contactdetails a:link, div.contactdetails a:visited {
	text-decoration: underline;
}
div.contactdetails a:hover, div.contactdetails a:active {
	text-decoration: none;
}
#jobslist.maincontentbox h3 {
	padding: 0.8em 0;
	font-size: 13px;
}
#jobslist.maincontentbox h4 {
	padding: 0.5em 0;
	font-size: 11px;
	font-weight: bold;
}
#jobslist p#filterLinks {
	margin-bottom: 2em;
}
#jobslist a, p#jobdetaillinks a {
	color: #039;
	text-decoration: none;
}
#jobslist a:hover, #jobslist p#filterLinks a:hover, p#jobdetaillinks a:hover {
	text-decoration: underline;
}
#jobslist p#filterLinks a {
	color: #007b6b;
	text-decoration: none;
}
 
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
.clearFloat {
	clear: both;
	height: 1px;
}
#outerWrapper #footer {
	border-top: solid 1px #007b6b;
	text-align: right;	
	padding: 3px 1px 10px;
}

@media print {
/* It is common to set printer friendly styles such as a white background with black text. */
body {
	background-color: #fff;
	background-image: none;
	color: #333;
}
}