/* ---------------------------------------------------------------------------

	WorkSource Screen Styles
	http://worksourcefl.com
	
	author: nGen Works
	http://ngenworks.com

--------------------------------------------------------------------------- */

/* RESET! */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img, abbr, acronym { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }

/*  ---------------------------------------------------------------------------

	=structure

--------------------------------------------------------------------------- */

body {
	font: small/1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #333;
	background-color: #ddd;
	text-align: center;
}

#skip {
	position: absolute;
	top: 0;
	left: -9999px;
}

#container { 
	margin: 0 auto;
	width: 94%;
	background-color: #fff;
	text-align: left;
	max-width: 1400px;
	min-width: 760px;
}

#container_inside { 
	padding: 0 25px 0 26px;
}

#wrap {
	position: relative;
	background: #fff url(../img/container_bg.gif) repeat-y 20% 0;
}

#wrap_inside {
	background: transparent url(../img/content_bg.gif) repeat-y 78% 0;
}
	
#header {
	background-color: #fff;
	border-bottom: 1px solid #000;
}
	
#content {
	float: right;
	width: 80%;
}
	
#content_main {
	float: left;
	padding-bottom: 20px;
	width: 69%;
}

#content_main div.pad {
	padding: 40px 0 0 25px;
}

#sidebar {
	float: right;
	padding-top: 131px;
	width: 27%;
	font-size: 90%;
	background: url(../img/pic_sidebar_bridge.jpg) no-repeat top center;
}

/* remove top image for utility nav's subnav + home */

body.home #sidebar, body.about #sidebar, body.contact #sidebar {
	padding-top: 0;
	background-image: none;
}

/* ---------------------------------------------------------------------------
	
	=layout changes

--------------------------------------------------------------------------- */

/* "large" super column */

body.large #wrap_inside { 
	background-image: none; }

body.large #content_main { 
	width: 100%; 
}

/* ---------------------------------------------------------------------------
	
	=links

--------------------------------------------------------------------------- */

a:link { color: #f00; }
	
a:visited { color: #6e6e6e; }
	
a:hover { color: #09c; }

/* ---------------------------------------------------------------------------
	
	=typography

--------------------------------------------------------------------------- */

h1 {
	float: left;
	width: 205px;
	height: 80px;
	background: url(../img/logo.gif) no-repeat 0 0;
	text-indent: -9999px;
}

h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

h2 {
	margin-bottom: 15px;
	color: #0a2b7c;
	font-size: 180%;
}

h3 {
	margin-bottom: 10px;
	color: #0a2b7c;
	font-size: 130%;
}

h4 {
	margin-bottom: 10px;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 120%;
}

h5 {
	margin-bottom: 10px;
	color: #000;
	text-transform: uppercase;
	font-size: 110%;
}

h6 {
	margin-bottom: 5px;
	font-size: 110%;
}

p { margin-bottom: 20px; }

/* ---------------------------------------------------------------------------
	
	=lists

--------------------------------------------------------------------------- */

dl { margin-bottom: 25px; }

dt {
	margin-bottom: 5px;
	font-size: 110%;
	font-weight: bold;
}

dd { 
	margin-bottom: 5px; 
	padding-bottom: 10px;
	background: url(../img/div_dot.gif) repeat-x bottom left;
}

ul, ol { margin: 0 0 20px 25px; }

ul li ul, ul li ol, ol li ul, ol li ol { 
	margin: 0 0 5px 15px; 
	padding-top: 5px; 
}

li { margin-bottom: 2px; }

/* ---------------------------------------------------------------------------
	
	=images

--------------------------------------------------------------------------- */

#content img {
	float: right;
	clear: right;
	margin: 0 0 10px 15px;
}

#content img.main {
	float: none;
	margin: 0 0 15px 0;
	padding: 0;
	border-width: 0;
}

#content img.center { margin: 0 auto; }

/* ---------------------------------------------------------------------------
	
	=header

--------------------------------------------------------------------------- */

/* utility navigation */

#nav_util {
	float: right;
	background: #00428e url(../img/util_bg_right.gif) no-repeat bottom right;
	font-size: 85%;
	font-weight: bold;
}

#nav_util ul {
	margin: 0;
	padding: 2px 20px 8px 20px;
	background: url(../img/util_bg_left.gif) no-repeat bottom left;
	list-style: none;
}

#nav_util li {
	display: inline;
	padding: 0 6px 0 10px;
	background: url(../img/util_div.gif) no-repeat 0 50%;
}

#nav_util #nav_about {
	padding-left: 0;
	background-image: none;
}

#nav_util #nav_newsletter { padding-right: 0; }

#nav_util a:link, #nav_util a:visited {
	color: #fff;
	text-decoration: none;
}

#nav_util a:hover {
	color: #09c;
	text-decoration: none;
}

/* here states */

body.about #nav_util #nav_about a:link, 
body.about #nav_util #nav_about a:visited, 
body.about #nav_util #nav_about a:hover,
body.contact #nav_util #nav_contact a:link, 
body.contact #nav_util #nav_contact a:visited, 
body.contact #nav_util #nav_contact a:hover {
	color: #09c;
	text-decoration: none;
}

/* search */

#search {
	float: right;
	clear: right;
	padding: 15px 0;
}

#search label {
	position: relative;
	top: 2px;
	font-weight: bold;
	color: #999;
}

#search_field {
	width: 17em;
}

#search input { vertical-align: middle; }

/* ---------------------------------------------------------------------------
	
	=navigation

--------------------------------------------------------------------------- */

/* extra wrapper to compensate for 2px jog between #nav + #menu in Safari */

#nav_outside {
	/*background: #0a2b7c url(../img/nav_outside_bg.gif) repeat-x 0 0;*/
	background-color: #000;
}

#nav {
	float: left;
	width: 20%;
	background-color: #bed0e6;
}

#nav ul {
	margin: 0;
	list-style: none;
}

#nav li {
	margin-bottom: 0;
	text-indent: -9999px;
	overflow: hidden;
}

#nav li a {
	display: block;
	width: 100%;
	height: 46px;
	overflow: hidden;
}

#nav #nav_home, #nav #nav_home a {
	background: #0a2b7c url(../img/nav_home.gif) no-repeat 0 0;
}

#nav #nav_employers, #nav #nav_employers a {
	background: #0a2b7c url(../img/nav_employers.gif) no-repeat 0 0;
}

#nav #nav_seekers, #nav #nav_seekers a {
	background: #0a2b7c url(../img/nav_seekers.gif) no-repeat 0 0;
}

#nav #nav_new, #nav #nav_new a {
	background: #0a2b7c url(../img/nav_new.gif) no-repeat 0 0;
}

#nav #nav_resources, #nav #nav_resources a {
	background: #0a2b7c url(../img/nav_resources.gif) no-repeat 0 0;
}

#nav #nav_resources a { height: 56px; }

/* hover states */

#nav #nav_home a:hover,
#nav #nav_employers a:hover,
#nav #nav_seekers a:hover, 
#nav #nav_new a:hover {
	background-position: 0 -46px;
}

#nav #nav_resources a:hover {
	background-position: 0 -56px;
}

/* here states */

body.home #nav #nav_home, body.home #nav #nav_home a, body.home #nav #nav_home a:hover,
body.employers #nav #nav_employers, body.employers #nav #nav_employers a, body.employers #nav #nav_employers a:hover,
body.seekers #nav #nav_seekers, body.seekers #nav #nav_seekers a, body.seekers #nav #nav_seekers a:hover, 
body.new #nav #nav_new, body.new #nav #nav_new a, body.new #nav #nav_new a:hover {
	background-position: 0 -92px;
}

body.resources #nav #nav_resources, body.resources #nav #nav_resources a, body.resources #nav #nav_resources a:hover {
	background-position: 0 -112px;
}

/* ---------------------------------------------------------------------------
	
	=sub navigation

--------------------------------------------------------------------------- */

#nav ul li ul {
	padding: 5px 10px;
	background-color: #bed0e6;
	color: #fff;
	font-size: 90%;
	line-height: 1.45;
}

#nav ul li ul li ul {
	padding: 2px 10px 5px 0;
	background-color: #bed0e6;
	color: #fff;
	font-size: 90%;
	line-height: 1.35;
}

#nav ul li ul li, 
#nav #nav_employers ul li,
#nav #nav_seekers ul li,
#nav #nav_new ul li,  
#nav #nav_resources ul li {
	padding-left: 12px;
	height: auto;
	text-indent: 0;
	background: transparent url(../img/bullet_nav_sub.gif) no-repeat 0 6px;
}

#nav ul li ul li a,
#nav #nav_employers ul li a,
#nav #nav_seekers ul li a, 
#nav #nav_new ul li a,  
#nav #nav_resources ul li a {
	width: auto;
	height: auto;
	background-image: none;
	background-color: transparent;
	text-decoration: none;
}

#nav li a:link, #nav li a:visited { color: #069; }

#nav li a:hover { color: #fff; }

/* here states */

#nav li.here a, 
#nav li.here a:link, 
#nav li.here a:visited,
#nav li.here a:hover {
	color: #0a2b7c;
	font-weight: bold;
}

/* undo children of here states */

#nav li.here ul li a, 
#nav li.here ul li a:link, 
#nav li.here ul li a:visited {
	color: #069;
	font-weight: normal;
}

#nav li.here ul li a:hover { color: #fff; }

/* children here states */

#nav li.here ul li.here a, 
#nav li.here ul li.here a:link, 
#nav li.here ul li.here a:visited,
#nav li.here ul li.here a:hover {
	color: #0a2b7c;
	font-weight: bold;
}

/* ---------------------------------------------------------------------------
	
	=sub navigation - utility nav pages

--------------------------------------------------------------------------- */

#nav_sub_util ul {
	margin: 0;
	color: #fff;
	background-color: #0a2b7c;
}

#nav_sub_util ul li  {
	margin: 0;
	background: transparent url(../img/bullet_nav_sub.gif) no-repeat 0 6px;
}

#nav_sub_util ul li a  {
	display: block;
	padding: 4px 4px 4px 22px;
	background: #0a2b7c url(../img/bullet_nav_sub.gif) no-repeat 10px 11px;
}

#nav_sub_util li a:link, #nav_sub_util a:visited { 
	color: #fff; 
	text-decoration: none;
}

#nav_sub_util li a:hover {
	color: #fff; 
	text-decoration: none;
	background-color: #069;
}

/* here states */

#nav_sub_util li.here a, 
#nav_sub_util li.here a:link, 
#nav_sub_util li.here a:visited,
#nav_sub_util li.here a:hover {
	color: #fff;
	font-weight: bold;
	background-color: #e01927;
}

/* ---------------------------------------------------------------------------
	
	=breadcrumbs and date

--------------------------------------------------------------------------- */

#info {
	padding: 5px 0;
	background-color: #e5e5e5;
	font-size: 80%;
	color: #666;
}

#breadcrumbs, #message /* message on homepage */ {
	float: left;
	margin-bottom: 0;
	padding-left: 10px;
	width: 65%;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #666;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #09c;
	text-decoration: none;
}

#date {
	float: right;
	margin-bottom: 0;
	padding-right: 10px;
	width: 30%;
	text-align: right;
}

/* ---------------------------------------------------------------------------
	
	=content

--------------------------------------------------------------------------- */

blockquote {
	margin-bottom: 5px;
	padding: 5px 0 5px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 110%;
	border-left: 5px solid #ccc;
}

blockquote p {
	margin-bottom: 5px;
}

div.content_sub {
	margin-bottom: 5px;
	padding-top: 20px;
	background: url(../img/div_dot.gif) repeat-x 0 0;
}


/* ---------------------------------------------------------------------------
	
	=sidebar

--------------------------------------------------------------------------- */

#sidebar h4 {
	margin-bottom: 10px;
	height: 33px;
	background: #e5e5e5 url(../img/title_sidebar_event_job.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#sidebar h4 a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#sidebar h5 {
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
}

#sidebar p { margin-bottom: 10px; }

#sidebar dl { margin-bottom: 5px; }

#sidebar dt {
	font-size: 100%;
	margin-bottom: 0;
}

#sidebar div.callout {
	padding: 0 15px;
}

/* ---------------------------------------------------------------------------
	
	=foot

--------------------------------------------------------------------------- */

#foot {
	clear: both;
	padding: 20px 0;
	font-size: 90%;
	background-color: #fff;
	text-align: center;
	border-top: 1px solid #000;
	color: #666;
}

#foot ul {
	margin-bottom: 5px;
	list-style: none;
}

#foot li {
	margin: 0;
	display: inline;
	padding-left: 6px;
	background: url(../img/foot_div.gif) no-repeat 0 50%;
}

#foot li.first {
	padding-left: 0;
	background-image: none;
}

#foot a:link, #foot a:visited {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}

#foot a:hover {
	color: #f00;
	text-decoration: none;
	border-bottom: 1px dotted #f00;
}

#foot_info { 
	margin-bottom: 0;
	font-size: 90%;
}

/* ---------------------------------------------------------------------------
	
	=tables

--------------------------------------------------------------------------- */

table {
	margin-bottom: 25px;
	width: 100%;
}

th {
	padding: 4px 6px;
	color: #696969;
	background-color: #eee;
	font-size: 85%;
	border: 1px solid #ccc;
	vertical-align: top;
}

td {
	padding: 4px 6px;
	width: 14%;
	border: 1px solid #ccc;
	vertical-align: top;
}

td ul {
	margin: 0;
	color: #7e7e7e;
	list-style: none;
}

td li {
	margin-bottom: 30px;
	line-height: 1.35em;
}

/* ---------------------------------------------------------------------------
	
	=home

--------------------------------------------------------------------------- */

body.home #info { 
	clear: both; 
	float: none; 
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 15px solid #fff;
}

body.home #content_main div.pad {
	padding-top: 10px;
}

/* header menu */

#menu {
	float: right;
	width: 80%;
	height: 240px;
	background-color: #000;
}

#menu_banner {
	float: left;
	width: 73%;
	height: 240px;
	background: #000 url(../img/pic_home_bridge.jpg) no-repeat top center;
}

#menu ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 27%;
	list-style: none;
}

#menu li {
	margin: 0;
	padding: 0;
	height: 80px;
	text-indent: -9999px;
}

#menu li a {
	display: block;
	width: 100%;
	height: 100%;
}

#menu_employers, #menu_employers a {
	background: url(../img/menu_employers.gif) no-repeat 50% 0;
}

#menu_seekers, #menu_seekers a {
	background: url(../img/menu_seekers.gif) no-repeat 50% 0;
}

#menu_calendar, #menu_calendar a {
	background: url(../img/menu_calendar.gif) no-repeat 50% 0;
}

#menu li a:hover { background-position: 50% -80px; }

/* feature left side column */

#feature {
	float: left;
	width: 20%;
}

#feature h4 {
	margin-bottom: 10px;
	height: 33px;
	background: #e5e5e5 url(../img/title_feature_employer.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#feature h4 a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#feature h5 { font-size: 100%; }

#feature h5 a:link, #feature h5 a:visited {
	color: #000;
	text-decoration: none;
}

#feature h5 a:hover {
	color: #f00;
	text-decoration: underline;
}

#feature_image { text-align: center; }

#feature div.callout { padding-right: 15px; }

/* equal opportunity notice @ bottom */

#notice {
	clear: both;
	padding: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	color: #666;
	background: #fff url(../img/div_dot.gif) repeat-x 0 0;
	border-top: 1px solid #fff;
}

#notice p { margin-bottom: 0; }

/* ---------------------------------------------------------------------------
	
	=press releases

--------------------------------------------------------------------------- */

div.press_release {
	padding: 15px 0 10px 0;
	background: url(../img/div_dot.gif) repeat-x 0 0;
}

div.press_release h3, div.press_release p {
	margin-bottom: 5px;
	padding-left: 18px;
}

div.press_release h3 {
	background: url(../img/icon_press_release.gif) no-repeat 0 6px;
}

div.press_release p {
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
}

div.press_release h3 {
	font-size: 110%;
}

/* ---------------------------------------------------------------------------
	
	=event calendar

--------------------------------------------------------------------------- */

td span.day {
	display: block;
	width: 25%;
	font-weight: bold;
	color: #7e7e7e;
	font-size: 80%;
}

body.calendar h3 {
	margin: 0 0 15px 0;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

body.calendar h3 a {
	margin: 0;
	font-size: 80%;
}

/* ---------------------------------------------------------------------------
	
	=single events

--------------------------------------------------------------------------- */

/* detail template, used for search results and featured sidebar */

h5.date_next { text-transform: none; }

h5.date_next span {
	font-size: 80%;
	color: #999;
	text-transform: uppercase;
}

/* ---------------------------------------------------------------------------
	
	=search results

--------------------------------------------------------------------------- */

div.search_result, div.search_result_alt {
	padding: 15px;
	background: url(../img/div_dot.gif) repeat-x 0 0;
}

div.search_result_alt {
	background-color: #eee; 
}

div.search_result h3, div.search_result_alt h3, 
div.search_result p, div.search_result_alt p {
	margin-bottom: 5px;
}

div.search_result h3, div.search_result_alt h3 {
	font-size: 110%;
}

/*  ---------------------------------------------------------------------------

	=forms

--------------------------------------------------------------------------- */

label {
	padding-right: 10px;
	color: #545454;
	font-size: 90%;
}

span.notice {
	padding: 0 2px;
	background-color: #f8f7af;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 90%;
	font-weight: normal;
	color: #333;
}

/* overwrite size change for required field labels */

label span.notice { font-size: 110%; }

span.note {
	display: block;
	font-style: italic;
	font-size: 90%;
	font-weight: normal;
	color: #999;
}

input, 
select, 
textarea {
	font-size: 100%;
}

textarea { height: 100px; }

input#submit { font-size: 100%; }

#submit.right { float: right; }

/* two column forms ------------------------------ */

dl.two_column { width: 100%; }

dl.two_column dt {
	float: left;
	margin-bottom: 0;
	width: 35%;
	line-height: 26px;
	text-align: right;
}

dl.two_column dd {
	margin: 0 0 0 37%;
	margin-bottom: 5px;
	padding: 2px 0 3px 0;
	line-height: 26px;
	background-image: none;
}

/* NOTE: used to break and create rows for relative font size increase */

dl.two_column dd.clear {
	clear: both;
	margin-left: 0;
	margin-bottom: 5px;
	background: url(../img/div_dot.gif) repeat-x left 50%;
}

dl.two_column dd.clear hr { display: none; }

/* sub fields */

dl.two_column dd.sub {
	margin-bottom: 7px;
	font-size: 90%;
}

dl.two_column dd.sub label {
	color: #666;
}

/* full column dds */

dl.two_column dd.column_full {
	margin-left: 0;
}

/* lists within dds */

dl.two_column dd ul, 
dl.two_column dd li  {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* submit */

dl.two_column dd.submit {
	margin-bottom: 0;
}

dl.two_column dd.submit input { margin-right: 5px; }

/* field widths */

.full { width: 95%; }

.half { width: 50%; margin-right: 10px; }

.small { width: 15%; }

/*  ---------------------------------------------------------------------------

	=form messages

--------------------------------------------------------------------------- */

div.message {
	margin-bottom: 15px;
}

/* highlight specific field word */

div.error span { 
	color: #c00; 
	font-weight: bold;
}

div.message ul { 
	margin-left: 0; 
	list-style: none;
}

div.error li {
	padding-left: 18px;
	background: url(../img/icon_error.gif) no-repeat 0 50%;
}

/* ---------------------------------------------------------------------------
	
	=misc

--------------------------------------------------------------------------- */

span.symbol { font-size: 110%; }

.message {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 110%;
}

.message strong {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-style: normal;
}

/* self-clearing floats */

#header:after,
body.home #nav_outside:after,
#info:after,
#content:after,
#foot:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}