#page { background: #fff url(../images/page-bg.gif) top left repeat-y !important; }


#content {
	margin: 0 0 0 237px;
	padding: 0 0 50px 0;
	background-color: #ffffff; 
	background: url(../images/content-background.gif) left top repeat-x;
	color: #666;
	text-align: left;
	line-height: 16px;
	min-height: 450px;
	_height: 450px;
}

#ListSummary1
{
	width: 495px;
	overflow: hidden;
}

#content h2
{
	overflow: hidden !important;
	text-indent: -5000px;
	height: 75px !important;
	margin: 0;
	padding: 0;
}

/* h2 classes */
#sh-about {	background: url(../images/sh-about.gif) 0px 55px no-repeat; }
#sh-advantage {	background: url(../images/sh-advantage.gif) 0px 55px no-repeat; }
#sh-contact {	background: url(../images/sh-contact.gif) 0px 55px no-repeat; }
#sh-careers {	background: url(../images/sh-careers.gif) 0px 55px no-repeat; }
#sh-solutions {	background: url(../images/sh-solutions.gif) 0px 55px no-repeat; }
#sh-resources {	background: url(../images/sh-resources.gif) 0px 55px no-repeat; }
#sh-sitemap {	background: url(../images/sh-sitemap.gif) 0px 55px no-repeat; }
#sh-404 { background: url(/images/sh-404.gif) 0px 55px no-repeat; }


#content h3 
{
	display: inline-block;
	margin: 0 16px 6px 0;
	padding: 4px 0;
	font-size: 13px;
	background: url(../images/h3-bottom.gif) right bottom no-repeat !important;
}

/* 
	FIX IE 6:	h3 bg images were not displaying until layout refreshed 
				(on a hover, rollover, resize, etc); only happened in IE.
				setting display to inline-block solved issue.

_html #content h3 { display: inline-block; }
*/
#content h4
{
	margin: 0;
	padding: 4px 0;
	font-size: 11px;
}



#content p 
{
	margin: 0 16px 16px 0;
	padding: 0;
}

#content ul
{
	margin: 0 40px;
	padding: 0;
}

#content .bulletless
{
	list-style: none;
}

#content .bulletless li 
{
	padding-bottom: 16px;
}

#content .half-indent
{
	margin: 0 40px 0 20px;
}


.bio-picture 
{
	clear: left;
	float: left; 
	border:1px solid #e0e0e0; 
	padding: 2px;
	margin: 0px 10px 0px 0;
}

#content .bio-bottom 
{
	padding-bottom: 16px;
}

blockquote 
{
	margin: 0 40px 16px 0;
	padding: 0;
}

blockquote .author
{
	display: block;
	font-style: italic;
	text-align: right;
}

/* Pushes content div pase side-bar */
#content .push 
{
	padding: 140px 0 0 0;
}

#events 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#events li 
{
	padding: 0 0 16px 0;
	margin: 0;
}

#content #view-timeline 
{
	background: url(../../images/timeline-ad.jpg) top right no-repeat !important;
	overflow: hidden !important;
	height: 150px !important;
	width /**/:/**/ 510px;
	text-indent: -9999px;
	margin: 0 16px 20px 0 !important;
	padding: 0;
}

#content #view-tlr-link
{
	padding: 175px 0 0 0;
	margin: 0;
	display: block;
}



/* Contact Form */

#contact-form td { vertical-align: top; }

#contact-form label { font-weight: bold; }
#contact-form input, select, textarea { font: 11px verdana, sans-serif; color: #666; }



#frm-state { width: 65px; }
#frm-how-help
{
	margin-right: 10px;
}

#frm-fname { width: 150px; }
#frm-lname { width: 150px; }
#frm-email { width: 150px; }
#frm-addr-1 { width: 150px; }
#frm-addr-2 { width: 150px; }
#frm-city { width: 150px; }
#frm-how-help { width: 200px; height: 62px; }
* html #frm-how-help { height: 66px; }

#resume
{
	margin: 0 40px;
	display: none;
}

/* END CONTACT FORM */




/* SIDEBAR */

.sidebar
{
	position: absolute;
	z-index: 100;
	top: 177px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 237px !important;
	height: 463px !important;
	overflow: hidden !important;
	text-indent: -5000px;
}

#sidebar-work-free { background: url(../images/sidebar-work-free.gif) top left no-repeat !important; }
#sidebar-confident { background: url(../images/sidebar-confident.gif) top left no-repeat !important; }
#sidebar-recruiting { background: url(../images/sidebar-recruiting.gif) top left no-repeat !important; }
#sidebar-guarantee { background: url(../images/sidebar-guarantee.gif) top left no-repeat !important; }

#searchFrm
{
	margin: 0;
	padding: 0;
}

#searchFrm fieldset
{
	margin: 0 40px 24px 0;
	padding: 10px;
}

#searchFrm fieldset legend
{
	border: none;
	font-weight: bold;
}

/***
  * Searh Results Table


#search-results
{
	border-collapse: collapse;
	width: 485px;
	margin: 12px 0 0 0;
	padding: 0;
}

#search-results a { color: #666; text-decoration: none; }
#search-results a:hover { color: #666; text-decoration: underline; }

 **/

#SearchJobsView
{
	border-collapse: collapse;
	width: 485px;
	margin: 12px 0 0 0;
	padding: 0;
}



#SearchJobsView th a { color: #666; text-decoration: none; }
#SearchJobsView th a:hover { color: #666; text-decoration: underline; }

#SearchJobsView th
{
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: #f0f0f0;
}


#SearchJobsView td
{
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #e7e7e7;
}

#SearchJobsView .specialty
{
	padding: 0 16px 0 0;
}

#SearchJobsView .state 
{
	width: 50px;
}

#paging a 
{
	font-size: 10px;
}

#paging, #paging td
{
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}
#paging .previous { width: 243px; text-align: left; padding: 10px 0; }
#paging .next { width: 242px; text-align: right; padding: 10px 0; }

#job-description
{
	padding-right: 20px;
	background-color: #fff;
}

#job-description p 
{
	margin: 0;
	padding: 0;
}

.job-options, .careers-menu { font-size: 10px; display: block; padding: 0 0 20px 0; }

#content code { display: block; border: 1px solid; background: #f0f0f0; padding: 20px; margin: 10px; }

#hotjobs 
{
	list-style: none;
	margin: 0 !important;
	padding: 0;
}

#hotjobs li 
{
	float: left;
	display: block;
	padding: 0 0 10px 0;
	margin: 0 20px 0 0;
	width: 200px;
}

#register-frm table td label { font-weight: bold; }