﻿html {
overflow-y:scroll;
/* Force scrollbar on all pages regardless of length */
}

body {
background:#7F7D5F url(http://www.colorscareers.com/images/bg.gif) repeat-x top left;
margin:0;
padding:0;
}

a img {
border:none;
}


ul.nav-left {
list-style-type:none;
margin:0;
padding:0;
}

ul.nav-left li {
margin:0;
padding:0;
display:inline;
}

ul.nav-left li img {
border:none;
}

#wrap {
width:800px;
background:#fff;
margin:27px auto 0;
}

#header {
background:#DABE55 url(http://www.colorscareers.com/images/top.gif) no-repeat top left;
padding-top:29px;
}

#logo {
background:url(http://www.colorscareers.com/images/topheader.gif) no-repeat top right;
height:61px;
}

#tagline {
background-color:#F6E677;
height:19px;
text-align:right;
}

#nav-main {
background-color:#fff;
border-top:4px solid #909600;
height:31px;
text-align:right;
}

#nav-main ul {
margin:0;
padding:0;
}

#nav-main li, #em-topnav li {
display:inline;
list-style-type:none;
padding-left:1px;
}

#nav-main img {
border:none;
}

#banner-top {
height:96px;
margin:0 0 12px;
text-align:center;
}

#body {
float:left;
width:800px;
}

#body-upper {
background: url(http://www.colorscareers.com/images/bg_upper4.gif) repeat-y top left;
}

#nav-features {
width:192px;
margin:0;
background:url(http://www.colorscareers.com/images/departments.gif) no-repeat top left;
padding:25px 0 48px;
float:left;
}

/* Removed because causing extra space at bottom of Quick Job Search Section on homepage 
#nav-features ul {
margin-bottom:12px;
}*/

#nav-features p {
font-weight:bold;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
color:#edd0a5;
text-align:center;
margin:4px 0;
}

#nav-features input {
border:1px solid #999;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
}

#jobsearch {
float:left;
margin:0;
width:288px;
background:url(http://www.colorscareers.com/images/QuickJobSearch.gif) no-repeat top left;
padding:25px 12px 12px;
background-color:#EEECD1
}

#featured {
float:left;
margin:0;
padding:0;
width:296px;
}

#featured_employer {
margin:0;
width:272px;
background:url(http://www.colorscareers.com/images/featured_employers.gif) no-repeat top left;
padding:32px 12px 12px;
/*height: 100px;  DEV ONLY */
}

#featured_jobs {
width:272px;
background:url(http://www.colorscareers.com/images/UpcomingEvents.gif) no-repeat top left;
padding:32px 12px 12px;
/*height: 100px;  DEV ONLY */
}

#body-lower {
clear:both;
margin:0;
background:url(http://www.colorscareers.com/images/bg_articles2.gif) repeat-y top left;
float: left;
}

#art {
width:650px;
float:left;
background:url(http://www.colorscareers.com/images/articles2b5.gif) no-repeat top left;
padding:38px 0 0;
margin:0;
}

#nav-art2 {
background:url(http://www.colorscareers.com/images/bg_articles.gif) repeat-y top left;
width:192px;
float:right;
}

#nav-art {
width:180px;
margin:0 7px 0 8px;
float:left;
padding:0px 0 28px;
}

#nav-art ul {
background-color:#EEECD1;
}

#nav-art li {
border-bottom:2px solid #FFF;
padding:6px 16px;
display:block;
}

#nav-art div {
padding:12px 16px;
}

#art_col1,#art_col2 {
width:221px;
float:left;
height:auto;
}

#art_col2 {
width:234px;
}

#art .art_item {
width:196px;
margin:0 auto 24px;
}

.art_item img {
margin-right:3px;
border:none;
}

#ban-vert {
float:left;
margin-bottom:6px;
padding-left:11px;
}

#footer {
width:800px;
background:#909600 url(http://www.colorscareers.com/images/bottom.gif) no-repeat bottom left;
padding:8px 0 35px;
text-align:center;
clear:both;
}

#footer,#footer a {
color:#fff;
}

.clearer {
float:none;
clear:both;
}

/* JOB SEEKER PAGE */
#nav-seeker {
float:left;
width:158px;
background:#fff url(http://www.colorscareers.com/images/js_jobseekers.gif) no-repeat top left;
padding-top:25px;
}

#nav-seeker #js-nav {
background:#7A4000 url(http://www.colorscareers.com/images/leftnav_bottom.gif) no-repeat bottom left;
padding-bottom:26px;
}

#nav-seeker #js-nav li {
display:inline;
}

#nav-seeker #js-art {
background:url(http://www.colorscareers.com/images/articles2j.gif) no-repeat top left;
padding-top:38px;
}

#nav-seeker #js-art li {
background-color:#EEECD1;
margin-bottom:2px;
padding:6px 16px;
display:block;
}

#js-newsletter {
background-color:#EEECD1;
text-align:center;
color:#7A4000;
padding:0 0 12px;
}

#js-newsletter p {
padding:0 8px;
}

#js-content-noads,#js-content-ads {
margin:0;
margin-left:172px;
}

#js-content-noads {
width:592px;
}

#js-content-ads {
width:492px;
float:left;
margin:0 0 0 14px;
}

p#login {
text-align:right;
margin-top:0;
}

.jspageheader,.empageheader {
background:url(http://www.colorscareers.com/images/Chevron_pageheader.gif) no-repeat 0 -3px;
padding-left:10px;
}

h3.jssectionheader {
background:#965B00 url(http://www.colorscareers.com/images/JSLeftSectionHeaderTab.gif) no-repeat top left;
padding:3px 24px;
height:16px;
font-size:8pt;
}

#js-content-noads ul,#js-content-ads ul {
list-style-type:none;
margin:0 0 8px;
padding:0;
padding-top:20px;
}

#js-content-noads li,#js-content-ads li {
background:#F5F3DA url(http://www.colorscareers.com/images/bullet.gif) no-repeat 12px 50%;
padding:6px 24px;
margin-bottom:2px;
}

#myaccount {
background:#fff url(http://www.colorscareers.com/images/js_myaccount.gif) no-repeat 12px 0;
}

#mysearch {
background:#fff url(http://www.colorscareers.com/images/js_myresumes.gif) no-repeat 12px 0;
float:right;
}

#myresumes {
background:#fff url(http://www.colorscareers.com/images/js_mysearch.gif) no-repeat 12px 0;
}

#js-content-noads ul,#js-content-ads ul {
width:47%;
}

#testimonial {
background-color:#F2EFDD;
padding-bottom:12px;
}

#testimonial p {
padding:0 12px;
}

.jobseeker #ban-vert,.employers #ban-vert {
padding-top:48px;
padding-bottom:24px;
}

/* EMPLOYERS PAGE */
#nav-employers {
background:url(http://www.colorscareers.com/images/n_em_employers.gif) no-repeat top left;
padding-top:25px;
width:173px;
text-align:center;
float:left;
}

#nav-employers ul {
background:url(http://www.colorscareers.com/images/n_em_bottom.gif) no-repeat bottom left;
padding-bottom:26px;
}

#em-newsletter {
background-color:#F2EFDD;
padding-bottom:8px;
}

#em-newsletter h5 {
padding:4px;
}

#em-topnav {
width:800px;
margin-bottom:12px;
}

#em-content,#em-content-ads {
padding:12px 12px 12px 0;
}

#em-topnav,#em-content {
margin-left:185px;
width:603px;
}

#em-content-ads {
float:left;
margin-left:12px;
width:453px;
}

h2.empageheader {
margin-top:0;
padding-top:0;
}

/* RESOURCES PAGE */
#nav-resources {
background:url(http://www.colorscareers.com/images/r_resources.gif) no-repeat top left;
padding-top:25px;
width:173px;
float:left;
}

#res-nav {
background:url(http://www.colorscareers.com/images/r_bottom.gif) no-repeat bottom left;
padding-bottom:26px;
margin-bottom:12px;
}

#res-nav-art {
background:url(http://www.colorscareers.com/images/articlesR.gif) no-repeat top left;
padding-top:38px;
margin-bottom:12px;
}

#res-nav-art li {
display:block;
background-color:#C3DEBC;
border-bottom:2px solid #7DA674;
padding:6px 16px;
}

#res-nav-art li a,#res-newsletter p {
color:#5f7b59;
}

#res-newsletter {
background-color:#C3DEBC;
text-align:center;
padding-bottom:12px;
margin:24px 0;
}

#res-content, #res-content-ads, #res-content-generic, #res-content-generic-ads {
margin:0 12px;
padding:0;
background:url(http://www.colorscareers.com/images/dotted.gif) repeat-y 50%;
float:left;
width:603px;
}
#res-content-generic, #res-content-generic-ads {
	background: none;
}

#res-content-ads, #res-content-generic-ads {
width:453px;
}

#res-content #login,#res-content-ads #login,#res-content-generic #login,#res-content-generic-ads #login {
background-color:#fff;
margin:0;
padding-bottom:12px;
}

#res-content .jspageheader,#res-content-ads .jspageheader {
background-color:#fff;
margin:0;
padding-bottom:6px;
}

#res-content h3,#res-content-ads h3 {
color:#900;
font-size:12px;
}

#res-content #col1,#res-content #col2,#res-content-ads #col1,#res-content-ads #col2 {
float:left;
}

#res-content #col1,#res-content-ads #col1 {
width:286px;
padding-right:22px;
}

#res-content-ads #col1 {
width:210px;
}

#res-content #col2,#res-content-ads #col2 {
width:200px;
padding-left:0;
}

#res-content-ads #col2 {
width:200px;
}

#res-content #col1 p,#res-content #col2 p,#res-content-ads #col1 p,#res-content-ads #col2 p {
padding-left:12px;
padding-right:12px;
}

/* CONTACT PAGE */
#contact,#contact-noads {
width:460px;
float:left;
margin-left:22px;
margin-right:10px;
}

#contact-noads {
width:615px;
float:none;
margin-left:170px;
}