/* -------------------------------------------------------------- 
   Resets default browser CSS   
-------------------------------------------------------------- */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, a, img, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 14px;
	font-family: inherit;
	vertical-align: baseline;
}

img { border: none; }

a { color: #4fa822;}
a:hover { color: #2b5b12; }

a img { 
	border: none; 
}

body {
	margin: 0 auto;
	text-align: center;
	line-height: 1.3;
  	color: #333; 
  	font-family: Arial, Helvetica, sans-serif;
  	background-color: #d9d9d9;
}

.clear { clear: both; }

em { font-style: italic; }

/* -------------------------------------------------------------- 
   Links for accessibility and mobile devices
-------------------------------------------------------------- */

.accessibility {
	display: none;
}

/* -------------------------------------------------------------- 
   Header  
-------------------------------------------------------------- */

#header {
	width: 888px;
	position: relative;
	background: #fff url(../images/bg_header.gif) bottom left no-repeat;
	margin: 0 auto;
	padding: 0 0 0 31px;
}

#home_tab {
	position: absolute;
	top: 10px;
	left: -23px;
	width: 23px;
}

h1#logo {
	width: 263px;
	height: 102px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	background: url(../images/logo.gif);
	margin: 9px 0 3px;
}

h1#logo a {
	width: 263px;
	height: 102px;
	float: left;
	display: block;
}

#registration_teaser {width: 308px; height: 113px; overflow: hidden; float: right; padding: 8px 20px 0; background: url(../images/bg_register.gif) top right no-repeat; text-align: left;}
#registration_teaser ul {margin: 3px 0 0 6px;}
#registration_teaser ul, #registration_teaser ul li {list-style: none;}
#registration_teaser ul li {background: url(../images/blue_arrow_bullet.gif) 0 6px no-repeat; padding-left: 10px;}
#registration_teaser ul li span {color: #5e5e5e; font-size: 12px;}

		/*-----   Global Navigation   ------*/

div#navigation {text-align: center; margin: 0 auto;}

ul#nav {
	width: 882px;
	list-style: none;
	margin: 0 auto;
	padding-top: 15px;
}

ul#nav li {
	height: 34px;
	overflow: hidden;
	display: block;
	float: left;
	list-style: none;
}

ul#nav li a {
	height: 34px;
	overflow: hidden;
	display: block;
	float: left;
	background: url(../images/bg_nav.gif) top left no-repeat;
	text-indent: -9999px;
}

ul#nav li a#job_seekers {background-position: 0px 0px; width: 150px;}
ul#nav li a#job_seekers:hover {background-position: 0 -34px;}
ul#nav li a#enhance_skills {background-position: -150px 0px; width: 237px;}
ul#nav li a#enhance_skills:hover {background-position: -150px -34px;}
ul#nav li a#start_business {background-position: -387px 0px; width: 200px;}
ul#nav li a#start_business:hover {background-position: -387px -34px;}
ul#nav li a#resources_for_employers {background-position: -587px 0px; width: 295px;}
ul#nav li a#resources_for_employers:hover {background-position: -587px -34px;}

/* -------------------------------------------------------------- 
   Content area  
-------------------------------------------------------------- */

#site_registration {
	width: 919px;
	height: 44px;
	overflow: hidden;
	margin: 11px auto 0;
}

#content {
	width: 905px;
	background: #fff url(../images/bg_content.gif) top center no-repeat;
	margin: 0 auto; /*margin: 11px auto 0;*/
	padding: 7px 7px 0;
}

		/*-----   Job Search Box   -----*/

#jobsearch {
	width: 881px;
	height: 109px;
	overflow: hidden;
	background: url(../images/bg_jobsearch.jpg);
	text-align: left;
	padding: 8px 0 0 24px;
	margin-bottom: 8px;
}

#jobsearch_instruct,
#listing_search {
	float: left;
}

#jobsearch_instruct {
	width: 480px;
	padding-top: 12px;
}

#jobsearch_instruct h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 21px;
	font-weight: bold;
	line-height: 26px;
}

#jobsearch_instruct p {
	color: #ffe872;
	font-size: 15px;
	padding-top: 5px;
}

#listing_search label {font-size: 24px; color: #0f6cb6; display: block; padding-top: 8px;}
#listing_search input#the_search_box {width: 270px; height: 24px; font-size: 16px; color: #979797; float: left; display: block; margin-top: 4px;}
#listing_search input#search_btn {display: inline; float: left; width: 95px; height: 37px;}

#main_content {
	width: 905px;
}

#main_content h2 {
	color: #4fa822;
	font-size: 22px;
	font-weight: bold;
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 1;
}

/*#main_content ul,*/
#main_content ul li { margin-left: 15px; }

#main_content ul { padding-bottom: 12px; }

		/*-----   Home - Main Content   -----*/

#main_content.home {
	background: url(../images/bg_main_content.gif) top left repeat-y;
	text-align: left;
}

#main_content.home ul li {list-style: none; margin-left: 0;}

#home_content_top {
	width: 905px;
	height: 21px;
	overflow: hidden;
	background: url(../images/main_content_top.gif);
	clear: left;
}

#home_content_bottom {
	width: 905px;
	height: 9px;
	overflow: hidden;
	background: url(../images/content_main_bottom.gif);
}

.action_btn {
	padding: 15px 0;
}

		/*-----   Home - Column 1   -----*/

#col1 {
	width: 263px;
	float: left;
	padding: 0 16px 0 24px;
}

#main_content #col1 ul#calendar li {padding-bottom: 8px; line-height: 16px;}

#main_content #col1 ul {
	padding: 0;
}

#main_content #col1 ul.more_links,
#main_content #col2 ul.more_links,
#main_content #col3 ul.more_links {padding: 15px 0;}
		
		/*-----   Home - Column 2   -----*/

#col2 {
	width: 264px;
	float: left;
	padding: 0 18px 0 30px;
}

h3#linkedin {
	width: 73px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/linkedin.gif);
	margin: 18px 0 8px;
}

h2#facebook {
	color: #4fa822;
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	line-height: 1;
}

h2#facebook span {
	font-size: 22px;
	padding: 0 5px 15px 0;
	display: block;
	float: left;
}

h2#twitter {
	color: #4fa822;
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	padding-top: 8px;
	line-height: 1;
}

h2#twitter span {
	font-size: 22px;
	padding: 0 5px 15px 0;
	display: block;
	float: left;
}

h2#twitter img {
	display: block;
	float: left;
	padding-top: 3px;
}

ul.more_links {
	padding: 15px 0 20px 0;
}

#col2 h4 {
	font-size: 16px;
}

/* Tweets */

.tweet {
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	margin-bottom: 5px;
	clear: left;
}

.tweet * {
	font-size: inherit;
	color: #333;
}

.tweet .tweet_date {
	font-weight: bold;
	padding-bottom: 5px;
}

.tweet .author {
	float: left; padding-right: 10px;
}

.tweet .author .icon img {
	border: 1px solid #ccc;
}

.tweet .status {
	font-size: 12px;
	padding: 8px 0;
}

.tweet .status a {
	color: #4FA822;
}

#col2 ul#follow_me {
	padding-top: 12px;
}


		/*-----   Home - Column 3   -----*/

#col3 {
	width: 240px;
	float: left;
	padding: 0 0 0 30px;
}

/* -------------------------------------------------------------- 
   Interior  
-------------------------------------------------------------- */

#interior_content_top {
	width: 905px;
	height: 13px;
	overflow: hidden;
	background: url(../images/interior_content_top.gif);
	clear: left;
}

#interior_content_bottom {
	width: 905px;
	height: 18px;
	overflow: hidden;
	background: url(../images/interior_content_bottom.gif);
}

#main_content.interior {
	background: url(../images/bg_interior_content.gif) top left repeat-y;
	text-align: left;
}

#main_content.interior.wide {
	background: url(../images/bg_interior_content_wide.gif) top left repeat-y;
}

#main_content h1 {
	width: 676px;
	color: #0f6cb6;
	font-size: 28px;
	font-weight: bold;
	background-color: #f3f3f3;
	padding: 0 0 10px 22px;
	margin-bottom: 1px !important; /* For IE8 */
}

#main_content.interior p {
	padding-bottom: 15px;	
}

/*-----   Left nav   -----*/

#left_nav {
	width: 148px;
	padding: 0 10px 10px 22px;
	float: left;
	text-align: left;
}

#left_nav ul, 
#left_nav ul li {
	list-style: disc;
}

#left_nav ul li {
	margin-left: 15px;
}

#left_nav ul li a {
	padding: 3px 0;
	display: block;
	font-size: 14px;
}

#left_nav ul ul,
#left_nav ul ul li {
	list-style: none;
}

#left_nav ul ul li {
	margin: 0;
}

#left_nav ul ul li a {
	font-size: 12px;
}

/*-----   Content column   -----*/

#middle_column {
	width: 498px;
	padding: 0 34px 10px 22px;
	float: left;
	text-align: left;
}

#middle_column p {
	font-size: 14px;
}

#middle_column.widecol {
	width: 678px;
	padding: 0 34px 10px 22px;
	float: left;
}

#middle_column h3 {
	color: #0f6cb6;
	font-size: 22px;
	padding-bottom: 15px;
}

#middle_column h4 {
	font-size: 16px; color: #63a052;
	padding: 10px 0 15px;
}

#middle_column h4.subsection {
	color: #0f6cb6;
}

/*-----   Right rail   -----*/

#right_column {
	width: 145px;
	padding: 0 0 0 16px;
	margin-top: -36px;
	float: left;
	text-align: left;
}

#right_column h2 {
	width: 150px;
	color: #fff;
	font-size: 17px;
	padding-bottom: 7px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/bg_rail_header.gif) bottom left no-repeat;
}

#right_column h3 {
	color: #ffd615;
	font-size: 22px;
	line-height: 24px;
	padding: 6px 0;
}

#right_column p {
	font-size: 12px;
	line-height: 16px;
}

#right_column a {
	color: #f7f7f7;
}

#right_column a:hover {
	color: #ffe865;
}

#right_column ul,
#right_column ul li {
	list-style: square;
}

#right_column ul li {
	margin-left: 15px;
	color: #ffd615;
	line-height: 1.1em;
	padding-bottom: 5px;
}


/* -------------------------------------------------------------- 
   Job calendar 
-------------------------------------------------------------- */

table.alljobs td {
	padding: 4px 30px 4px 0;
	border-top: 1px solid #ccc;
}

table.alljobs td, 
table.alljobs td a,
table.alljobs td p,
table.alljobs td p a {
	font-size: 12px;
}

table.alljobs td.eventname {
	width: 300px;
}

table#event_details {
	background: #e6e6e6;	
	border: 1px solid #d4d4d4;
	margin-bottom: 20px;
}

table#event_details td {
	padding: 5px;
}


/* -------------------------------------------------------------- 
   Search Results  
-------------------------------------------------------------- */
#main_content h1#job-search-results {padding-top: 5px; background-color: transparent;}
#main_content h2.job-title,
#main_content h2.job-title a {font-size: 18px !important; font-weight: normal; margin-bottom: 5px;}
#main_content h2.job-title,
#main_content p.company-name, 
#main_content p.company-location {padding-bottom: 0;}
#main_content div.company-info {margin: 10px 0 5px 0; }
#main_content div.company-info p {color: #999; padding-bottom: 0;}
#main_content div.company-info p strong {color: #414141;}
#main_content div.company-info p em {color: #333; font-size: 14px;}
p.company-name {font-weight: bold;}
p.company-location {font-style: italic;}
#main_content p.job-description {color: #666; line-height: 21px; padding-bottom: 10px;}
hr {border: none; border-top: 1px solid #ccc; display: block; height: 1px; margin-bottom: 20px;}
#main_content p.job-pagination {color: #666;}
a.pagination-button {background-color: #4FA822; color: white; padding: 3px 5px; margin-left: 5px; text-decoration: none !important;}
a.pagination-button:hover {background-color: #2b5b12; color: white;}


/* -------------------------------------------------------------- 
   Footer  
-------------------------------------------------------------- */

#footer {
	width: 919px;
	padding: 20px 0 15px 0;
	text-align: left;
	background: #d9d9d9 url(../images/bg_footer2.gif) top center no-repeat;
	height: 122px;
	*height: 137px;
	margin: 0 auto;
}

div#footer div#company-info {width: 393px; float: left; padding: 0 40px 0 30px;}
div#footer div#company-info a {text-decoration: none;}
div#footer div#company-info a:hover {text-decoration: underline;}

div#footer p {color: #999; line-height: 14px; margin-top: 7px;}
div#footer p,
div#footer p a {font-size: 11px;}
div#footer p a {color: #2449a1;}
div#footer p a.site-link {color: #333; font-weight: bold;}

div#footer div#sign-up {width: 410px; float: left;}
div#footer div#sign-up h6 {color: #6ba22f; font-size: 16px; font-weight: bold; padding-bottom: 8px;}
div#footer div#sign-up form {width: 385px; overflow: hidden; padding-bottom: 3px; line-height: normal;}
div#footer div#sign-up form p {margin-top: 0; font-size: 12px; line-height: 12px;}
div#footer div#sign-up form div#newsletter-signup {margin: 5px 0; margin-left: -3px;}
div#footer div#sign-up form div.signup_form {float: left; width: 147px; margin-right: 5px;}
div#footer div#sign-up form label {color: black;}
div#footer div#sign-up form div.signup_form label {line-height: 22px; color: #666; font-size: 12px;}
div#footer div#sign-up form div.signup_form input {padding: 5px; width: 130px; height: 18px; border: none; background: transparent; color: #333; font-size: 14px; background: white;}
div#footer div#sign-up form div.signup_form input.text {border: 1px solid #b3b0b0;}
div#footer div#sign-up form div#signup-submit input {padding: 0; width: 72px; height: 30px; display: block; margin-top: 22px; cursor: pointer;}

ul#social_media_icons {margin-top: 10px;}
ul#social_media_icons li {list-style: none; float: left; margin-right: 4px; display: inline;}

#credits {
	font-size: 11px;
	padding: 15px 0;
	color: #a0a0a0;
}

#credits a {
	font-size: 11px;
	color: #a0a0a0;
}