html, body {
	background: transparent url('/img/index_bottom_bg.gif') repeat-x bottom center;
	width: 100%; 
	margin: 0; 
	font-family: Tahoma, Verdana, Arial, sans-serif; 
	height:100%; 
	font-size: 1em;
}
h2 {
	margin: 0 0.25em 0.5em 0.15em;
}
#masthead {
	background: #fff url('/img/masthead_alt_bg.gif') no-repeat top center; /*us flag */
	width: 100%; 
	margin: -34px auto 0 auto; 
	padding: 26px 0 0 0; 
	height: 80px; 
	font-family: Arial, Helvetica, sans-serif;
}
#masthead.tracks {
	background: #fff url('/img/masthead_bg.gif') no-repeat top center; /*without us flag */
	height: 120px;
}
#masthead.active {
	background: #fff url('/img/masthead_small_bg.gif') no-repeat center 12px; /*logged in */
	height: 80px;
}
#masthead div {
	width: 924px; 
	margin: 0 auto;
}
#masthead span {
	float: right; 
	color: #ccc;
	margin: 0 0.5em;
}
#masthead div h1 {
	height: 54px;
	padding: 0;
	background: transparent url('/img/h2h_logo.gif') no-repeat top left;
	margin: 0 0.5em;
	position: relative;
	z-index: 999;
}
#masthead.active div h1 {
	display: none;
}
#masthead div h1 a {
	background-image: none;
	width: 125px;
	height: 54px;
	float: none;
	margin: 0;
}
#masthead div h1 .hide {
	display: none;
}
#masthead div a {
	float: right;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ccc; 
	background: transparent url('/img/gray_arrow.gif') no-repeat right 4px; 
	padding: 0 11px 0 0;
	margin: 0 0.45em 0 1em;
	position: relative;
	z-index: 1000;
}
#masthead div div {
	float: right; 
	clear: both; 
	margin: 1em 0.25em; 
	font-size: 0.75em;
	position: relative;
	z-index: 1000;
}
#masthead h1 .hide {
	display: none;
}
#content {
	position: relative;
}
#content h4 {
	margin: 10px 20px;
}
#content p {
	margin: 0 20px 10px 20px;
	font-size: 0.8em;
}
#content h3 { 
	margin: 0 1em 0 1em; 
	border-bottom: 1px dotted #cc0000; 
	clear: both;
}
#content ul.privacy_ul {
	margin-bottom: 10px;
	font-size: 0.8em;
}
#content ul.privacy_ul li {
	margin: 0 10px 3px 30px;
}
#content #leftcol {
	width: 50%; 
	float: left;
}
#content #rightcol {
	width: 50%; 
	float: left;
}
#content #contact a {
	color: #cc0000; 
	font-size: 1em; 
	font-weight: bold; 
	margin: 0.75em 0.25em 0.25em; 
	float: right; 
	display: block; 
	background: transparent url('/img/action_arrow.gif') no-repeat right 3px; 
	padding-right: 12px;
}
#content #contact p {
	margin: 0.75em 1.5em 1.25em;
}
/*style for secondary pages such as Partners, Advertisers, Employers*/
#secondary_page {
	padding: 0 0 1em 0;
	overflow: auto;
	height: 100%;
	border-bottom: 3px solid #d5d5d5;
	clear: both;
}
#secondary_page div.left {
	float: left;
	width: 500px;
	position: relative;
}
#secondary_page div.left ul li {
	font-weight: bold;
	font-size: 1.25em;
	margin: 0.5em 0;
}
#secondary_page div.left a, #secondary_page div.left a:visited {
	clear: both;
	display: block;
	width: auto;
	color: #c00;
	font-weight: bold;
	text-decoration: underline;
}
#secondary_page div.left a.sign_up {
	position: absolute;
	left: 350px;
	bottom: -25px;
}
#secondary_page div.left a:hover, #secondary_page div.left a:active {
	text-decoration: none;
}
#secondary_page h4, #showcase h4 {
	margin: 0 0 1em 0;
}
#secondary_page p {
	margin: 0.5em 0; 
	padding: 0;
}
#secondary_page .left a {
	clear: all; 
	display: block; 
	float: right; 
	width: 100%;
}
#secondary_page .left a img {
	border: 0;
}
#secondary_page img.employer_showcase {
	float: right;
}
#secondary_page ul {
	float: left;
	font-size: 0.7em;
	list-style: none;
	margin: 0;
	padding: 0 2em 0 0.5em;
}
#secondary_page ul li {
	background: transparent url(/img/red_arrow_small.gif) no-repeat 0 2px; 
	padding-left: 22px;
}
/*this is for the header at the top of all secondary pages*/
#content_header h2 {
	float: left;
	width: 50%;
	padding: 0;
	margin: 1em 0 0.5em 0;
}
#content_header a, #content_header a:visited{
	float: right;
	color: #cc0000; 
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: bold; 
	margin: 0.5em 0.25em 0.5em 0;
	text-decoration: none;
}
#content_header a:hover, #content_header a:active {
	text-decoration: underline;
}
/*this is showcases for the secondary pages*/
#showcase {
	clear: both;
	margin: 1em 0;
	height: 200px;
}
#showcase div {
	width: 33%;
	float: left;
	height: 150px;
}
#showcase div h5 {
	margin: 0 0 0 105px;
}
#showcase div p {
	margin: 0 0 0 105px;
	width: 200px;
}
#showcase div#direct_contact h5, #showcase div#promote_organization h5, #showcase div#funding h5{
	font-size: 0.8em;
	margin: 0;
	padding: 0 0 0.5em 0;
}
#showcase div#direct_contact p, #showcase div#promote_organization p, #showcase div#funding p {
	font-size: 0.75em;
	width: auto; 
	margin: 0; 
	padding: 0;
}
#showcase div ul {
	margin: 0 0 0 0;
	padding: 0 0 0 120px;
	font-size: 0.8em;
}
#showcase img {
	float: left; 
	margin: 0 0.5em 5em 0;
}
#showcase #free_listings {
	background: url('/img/free_job_listings.jpg') no-repeat top left;
}
#showcase #employer_spotlight img {
	margin: 0 0 0 2em;
}
#showcase #advertiser_spotlight img {
	margin: 0 0 0 2em;
}
#showcase #resume_search {
	margin-left: 0.5em;
	background: url('/img/resume_search.jpg') no-repeat top left;
}
#showcase #direct_contact, #showcase #promote_organization, #showcase #funding {
	width: 300px; 
	padding: 0 5px; 
}
#showcase #job_openings {
	background: url('/img/job_openings.jpg') no-repeat top left;
}
#showcase #affiliates {
	background: url('/img/affiliates.gif') no-repeat top left;
}
#showcase #reports {
	background: url('/img/report.jpg') no-repeat top left;
}
#showcase #banner_ads {
	background: url('/img/banners.gif') no-repeat top left;
}
#showcase #target {
	background: url('/img/target.jpg') no-repeat top left;
}
#showcase #incentive_programs {
	background: url('/img/incentive_program.jpg') no-repeat top left;
}
/*I'm not sure we're using this anymore, this may need to come under review and be deleted*/
#icons {
	border: 3px #fff solid; 
	border-collapse: collapse; 
	background-color: #fff; 
	width: 55%; 
	margin: 1em;
}
#icons .nowrap {
	white-space: nowrap;
}
#icons th {
	border-bottom: 4px solid #fff; 
	padding:  4px 8px; 
	background-color: #5f6062; 
	color: #fff;
}
#icons td {
	border: 1px solid #ccc; 
	text-align: center; 
	padding:  4px 8px; 
	line-height: 1em
}
#icons td.conditional {
	white-space: nowrap
}
#icons td span {
	color: #000; 
	font-weight: bold; 
	font-size: 14px; 
	font-family: Arial, sans-serif; 
	line-height: 24px; 
	height:24px; 
	display: inline-block; 
	vertical-align: middle;
	}
#icons td.conditional img {
	margin-right: 2px; 
	vertical-align: middle;
}
#icons td p {
	font-size: 0.75em; 
	padding: 0; 
	margin: 0;
}
hr { /*necessary to clear columns */
	clear: both; 
	height: 0px; 
	border: 1px solid #fff; 
	margin: 0 auto;
	width: 0px;
}
#registration, #interior, #login, #resume, #profile { /*unique IDs share some commonalities*/
	margin: 0 auto 0 auto; 
	padding: 0;
	background-color: #fff; 
	width: 100%;
	min-width: 919px;
}
#profile {
	float: left;
}
#navbar {
	height: 18px;
	background-color: #f5f5f5; 
	width: 935px; 
	margin: 0 auto; 
	border-left: 1px solid #fff; 
	border-bottom: 1px solid #fff;
}
#navbar ul { /*can be turned off programmatically if desired */
	display: none;
}

/*incentives pages*/
div.incentives {
	margin: 1em;
	overflow: auto;
}
.incentives p {
	margin: 1em 0;
	font-size: 0.9em;
}
div.incentives h2 {
	margin: 0;
}
.states {
	list-style: none;
	float: left;
	margin: 0; 
	padding: 1.5em 1em; 
	width: 15%;
	font-size: 0.85em;
}
.states li {
	margin: 0.5em 0; 
	white-space: nowrap; 
	padding: 0 0.25em; 
}
.states li a:link,  .states li a:active, .states li a:visited {
	display: block; 
	color: #5f6062;
	 text-decoration: none; 
	 padding: 0 0.65em;
 }
.states li a:hover {
	background-color: #ddd;
}
/* center banner ad on bottom */
#ads {
	width: 728px;
	height: 90px;
	padding: auto;
	margin: 1em auto 0 auto;
}
#ads span {
	left: auto;
	right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
 #ads img {
 float:left;
 }
#ad180 {
	margin: 1em;
	border: none;
}
#ad200 {
	float: left; 
	width: 200px; 
	padding: 0 8px 0px 0; 
	height:90px;
	border: none;
}
#ad728 {
	padding:0; 
	float: right;
	border: none;
}

/* flash / alerts css from afowler */
.alert {
    margin: 0;
    padding: 0;
}
.alert_error {
    border-bottom: 3px solid #e57f7f;
	background: transparent url('/img/error_icon.gif') no-repeat 0 2px;
	padding: 0 0 6px 28px;
	color: #c00;
	font-size: 1.5em;
	position: relative;
	top: 16px;
	margin: 0 10px 36px;
	clear: both;
}
.alert_success {
	font-weight: normal; 
	border: 0;
	border-bottom: 3px solid #bdccad; 
	font-size: 1.5em;
	padding: 0 0 6px 28px;
	background: #fff url('/img/success_icon.gif') no-repeat 0 3px;
	color: #7d9b5f;
	position: relative;
	top: 16px;
	margin: 0 10px 36px;
	clear: both;
}
ul#dashboard_menu {
	margin: 0; 
	padding: 0;
	list-style: none; 
	width: 100%; 
	background-color: transparent;
}
ul#dashboard_menu li {
	float: left; 
	margin: 0 0 0 1px; 
	background: #feffff url('/img/dash_nav_bg.gif') repeat-x top left;
	font-size: 14px;
	text-transform: uppercase;
	display: block; 
	padding: 0.25em 1em; 
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
}
ul#dashboard_menu li:hover {
	background: #fff;
}
ul#dashboard_menu li#active {
	background: #fff;
	border-bottom: none;
}
ul#dashboard_menu li a {
	color: #000;
	text-decoration: none;
}
div.alert {
	position: relative;
	clear: both;
}
/* How it works */
div.how_it_works {
	margin: 1.5em;
}
div.how_it_works div.sign_up {
	background: transparent url('/img/how_signup.gif') no-repeat 10px 0;
	padding: 0.5em 3em 0em 7em;
	width: 700px;
}
div.how_it_works h2 {
	font-size: 1.5em;
	padding: 0px 17px;
	margin-bottom: 5px;
}
div.how_it_works h2 a {
	color: #c10000;
	text-decoration: none;
}
div.how_it_works h2 a:hover {
	color: #000;
}
div.how_it_works div.job {
	background: transparent url('/img/how_job.gif') no-repeat 10px 0;
	padding: 0.5em 3em 0em 7em;
	width: 700px;
}
div.how_it_works div.search {
	background: transparent url('/img/how_search.gif') no-repeat 10px 0;
	padding: 0.5em 3em 0em 7em;
	width: 700px;
}
div.how_it_works div.alerts {
	background: transparent url('/img/how_alerts.gif') no-repeat 10px 0;
	padding: 0.5em 3em 0em 7em;
	width: 700px;
}
/* Resource Center */
#nav {
	float: left; 
	width: 200px; 
	margin: 0;
}
#rightstage{
	float: left; 
	width: 680px;  
	border-left: 2px solid #f5f5f5; 
	padding: 0.125em 1em;
}
#rightstage h3 {
	margin: 0.85em 0;
}
#rightstage ul {
	margin: 0.5em; 
	padding: 0; 
	font-size: 0.85em;
}
#rightstage ul li {
	margin: 0.85em 0.25em;
}
#rightstage ul li a {
	color: #cc0000; 
	font-weight: bold;
}
#content #checkmark {
	width: 50%;
	height: 77px;
	margin: 10px 38px 24px 38px;
	padding: 0;
}
#content #checkmark.advertisers {
	width: 50%;
	height: 126px;
}
#content #checkmark li {
	list-style-image: url('/img/checkmark.gif');
}
#content #secondary_showcase {
	position: relative;
	width: 904px;
	background: transparent url('/img/showcase_top_bg.gif') no-repeat top left;
	padding: 10px 0 0 0;
	margin: auto;
	clear: both;
}
#content #secondary_showcase p {
	width: auto;
	background: #6e0019 url('/img/showcase_bg.png') repeat-x top left;
	margin: 0;
	padding: 0.5em 35% 1em 1em;
	border: 1px solid #7b0c26;
	border-top: none;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
}
#content #secondary_showcase a {
	position: absolute;
	top: 3.5em;
	right: 2.75em;
	z-index: 1001;
}
#content #secondary_showcase a img{
	border: none;
}
#content #bottom_showcase {
	clear: both;
	margin: auto;
	width: 904px;
	padding: 1em 0 0;
}
#content #bottom_showcase div {
	width: 451px;
	padding-bottom: 11px;
}
#content #bottom_showcase div h3 {
	padding: 1em 0 0.5em 1em;
	margin: 0;
	border: 1px solid #cfcfcf;
	border-bottom: none;
	vertical-align: top;
	background: #f5f5f5;
}
#content #bottom_showcase div p {
	padding: 0 0 0 1.5em;
	margin: 0;
	border-right: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	font-size: 0.8em;
	background: #eee url('/img/secondary_showcase_bg.png') repeat-x top left;
	height: 7em;
}
/*left bottom showcase*/

#content #bottom_showcase div.left_showcase {
	background: transparent url('/img/secondary_showcase_left_bottom.gif') no-repeat bottom left;
	float: left;
}
#content #bottom_showcase div.employers_left h3 {
	background: #f5f5f5 url('/img/secondary_showcase_left_headline_bg.jpg') no-repeat top left;
}
/*right bottom showcase*/
#content #bottom_showcase div.right_showcase {
	background: transparent url('/img/secondary_showcase_right_bottom.gif') no-repeat bottom left;
	float: right;
}
#content #bottom_showcase div.employers_right h3 {
	background: #f5f5f5 url('/img/secondary_showcase_right_headline_bg.jpg') no-repeat top left;
}
#content div.employers_sign_up {
	background: transparent url('/img/help_wanted.gif') no-repeat 0px 0px;
}
#content div.service_provider_sign_up {
	background: transparent url('/img/service_provider.gif') no-repeat 0px 12px;
}
#content div.advertisers_sign_up {
	background: transparent url('/img/advertisers_signup.gif') no-repeat 50px 24px;
}
#content #sign_up_showcase {
	position: absolute;
	top: -19px;
	right: 40px;
	padding: 261px 0 40px 0;
	width: 338px;
	text-align: center;
	z-index: 1000;
}
#content #sign_up_showcase a img {
	border: none;
	margin: 10px 0 0 0;
}
#content #service_provider_header {
	clear: both;
	float: left;
}
#content #service_provider_header p {
	float: left;
	width: 65%;
	font-size: 1em;
	margin-top: 0.5em;
}
#content #service_provider_header #checkmark {
	float: right;
	width: 25%;
	margin: 0 0 1em 0;
}
#content #bottom_showcase div {
	width: 451px;
	padding-bottom: 11px;
}
#content #bottom_showcase div h3 {
	padding: 1em 0 0.5em 1em;
	margin: 0;
	border: 1px solid #cfcfcf;
	border-bottom: none;
	vertical-align: top;
	background: #f5f5f5;
}
#content #bottom_showcase div p {
	padding: 0 1.5em;
	margin: 0;
	border-right: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	font-size: 0.8em;
	background: #eee url('/img/secondary_showcase_bg.png') repeat-x top left;
	height: 7em;
}
#sign_up_banner {
	margin: auto;
	display: block;
}
#footer {
	margin: -54px auto 0 auto;
}