/***********************************************************************************/
/* ################################# GLOBAL STYLES ############################### */
/***********************************************************************************/
body {
	background-color: #f2f2f2;
	font-family:"Lucida Grande",Geneva,Verdana, Arialsans-serif;
	color: inherit;
	margin: 0;
}

h1,h2,h3,h4,h5,h6 {
	/* font-family: Tahoma, Helvetica, Arial, sans-serif; */
	color: #3a477e;
	padding: 0;
	margin: 15px auto 0px auto;
}

p { padding: 7px; line-height: 1.4em; margin: 0;  }

img { border-style: none; }
a, a:visited { color:#3a477e; border: 0px; text-decoration: none; }
a:hover  { color: #000000;}
a:active, a:focus { outline: 0; }

label  { border: inherit;}

input, select, textarea {
	font-family: "Lucida Grande", Verdana, Arial, san-serif;
	font-size: 14px;
	color: inherit;
	margin: inherit;
	padding: 4px;
}
input.required,
select.required,
textarea.required
{ background-color: inherit; padding: 4px;}

.img_left { float: left; margin: 2px; }
.img_right { float: right; }
.img_center { margin: 0 auto; }

.centered { text-align: center; }
.bullet_list {line-height: 1.5em;  font-size: .95em;  }
/***********************************************************************************/
/* ########################### HEADER & CONTAINER STYLES ######################### */
/***********************************************************************************/
#container   { margin: 0 auto 10px auto; width: 920px; overflow: hidden; }
#header   {
	width: 874px;
	height: 55px;
	margin: 0px;
	background-image: url('/media/header3.jpg');
	background-repeat: no-repeat;
}

#subtitle  { text-align: right; }

#header_uac {
	font-size: .8em;
	float: right;
	margin-right: 20px;
	color: #888888;
	margin: 0;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#header_uac a, a:visited { color: #555555; }
#header_uac a:hover { color: #000000; }


/***********************************************************************************/
/* ############################## NAVIGATION STYLES ############################## */
/***********************************************************************************/
#menu {
	width: 822px;
	height: 2.5em;
	margin: 0px auto 10px auto;
	line-height: 2.5em;
	font-size: .8em;
	font-family: Tahoma, Arial, sans-serif;
	letter-spacing: .5px;
}

#menu a {
	color: #444444;
	font-weight: 500;
	text-decoration: none;
	padding: .35em 1em .35em 1em;
}

#menu a:hover { color: #000000; }
#menu a:active { color: #222222; }
#menu a:focus { outline: none; }

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.6em;
}

#nav a { display: block; }

#nav li { float: left; }

#nav li ul {
	position: absolute;
	width: 13em;
	left: -999em;
	display: block;
}

#nav li:hover ul { left: auto; display: block; }

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background: #ffffff;
	width: 13em;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	display: block;
}

#nav li ul li:hover { 
	background-color: #e9f1ff;
	border-right: 3px solid #3366cc; 
	width: 13em;
}

#jobs_button a {
	height: 20px;
	float: right;
	margin-top: -6px;
	background-image: url('/media/job_search_p.jpg');
	background-repeat: no-repeat;
}

#jobs_button a:hover { 
	color: #000000; 
	background-image: url('/media/job_search_a.jpg');
	background-repeat: no-repeat;
}
/***********************************************************************************/
/* ########################## MAIN CONTENT STYLES ################################ */
/***********************************************************************************/
#content {
	font-size: .8em;
	line-height: 1.7em;
	margin: 0 auto;
	width: 900px;
	/* font-family:georgia,times,"times new roman"; /* ###UN-COMMENT FOR SERIF TYPEFACE### */
}

#main {
	border: 1px solid #bbbbbb;
	background: #ffffff;
	padding: 10px;
	width: 870px;
	margin: 0 auto 5px auto;
	overflow: hidden;
}

.focus { width: 860px; height: 250px; margin: 0 auto; }
.left { width: 360px; float: left; }
.right { width: 480px; float: right; }
.right h2 { color: #0054A6; font-size: 1.2em; margin: 0 0 2px; }
.right p { text-indent: 1em; line-height: 1.5em; color: #444444; padding: 0; margin: 0 0 5px; }

.quote_wrap {
	font-size: 1.2em;
	line-height: 1.5em;
	font-family:georgia,times,"times new roman";
	color: #000000; 
	font-style: italic;
}
/***********************************************************************************/
/* ################################# FOOTER STYLES ############################### */
/***********************************************************************************/
#footer  {
	width: 650px;
	font-size: .6em;
	text-align: center;
	clear: both;
	padding: 5px;
	margin: 20px auto 0px auto;
	font-family: Tahoma, Arial, sans-serif;
	border-top: 3px double #bbbbbb;
}

#footer a, a:visited { color: #444444; font-weight: bold; }
#footer a:hover { color: #000000; }

/***********************************************************************************/
/* ########################## ###PAGE SPECIFIC STYLES### ######################### */
/***********************************************************************************/

/****************************** From INDEX.PHP ******************************/
/***********************************************************************************/
#index_focus {
	width: 860px;
	height: 250px;
	margin: 0 auto;
	background-image: url('/media/orin_header.jpg');
	background-repeat: no-repeat;
}

#main_quote {
	font-size: 4em;
	color: #ffffff;	
	font-family: georgia,times,"times new roman", serif;
	font-style: italic;
	margin: 0;
}
#sub_quote {
	width: 500px;
	float: right;
	font-size: 1.5em;
	color: #ffffff;
	font-family: georgia,times,"times new roman", serif;
	font-style: italic;
	margin: 120px auto 0px auto;
}

.index_span_left { width: 320px; padding: 5px; overflow: hidden; float: left; } /* Blurbs */

#blurb { 
	overflow: hidden;  
	width: 300px; 
	float: left;
	padding-left: 5px; 
	/* border-right: 1px solid #bbbbbb; */
}
#blurb h2 { color: #3a477e; font-size: 1.4em; margin: 0; }
#blurb a, a:visited { color: #0054A6; }
#blurb a:hover { color: #000000; text-decoration: underline; }

.index_span_right {	
	width: 560px; 
	height: 170px; 
	overflow: hidden; 
	text-align: center;
}

#index_services_link { width: 275px; height: 200px; float: left; }
#index_life_link { width: 275px; height: 200px; float: right; }

#index_base {
	margin: 15px auto; 
	width: 800px; 
	text-align: center;
	border-bottom: 3px double #bbbbbb; 
	padding-bottom: 10px; 
	font-family: georgia,times,"times new roman", serif;
	font-size: 1.5em; 
	font-style: italic;
	color: #3a477e;
}


/****************************** From ABOUT.php *************************************/
/***********************************************************************************/
#about_intro { 
	width: 800px; 
	color: #555555;
	font-size: 1.5em; 
	text-align: center;
	font-family: georgia,times,"times new roman", serif;
	font-style: italic;
	margin: 0px auto 15px auto;
	border-bottom: 1px solid #bbbbbb;
}
	
#meet_orin { 
	width: 300px; 
	float: right; 
	font-size: 1.3em; 
	font-family: georgia,times,"times new roman", serif; 
	font-style: italic; 
	margin-top: 20px;  
}
#about_table { 
	width: 580px; 
	float: left; 
	overflow: hidden; 
	
	border: 1px solid #bbbbbb; 
	margin-bottom: 20px; 
}
#about_facts_table { width: 580px; background-color: #ffffff; }

td.lead { 
	width: 120px;  
	background-color: #e4eafc; 
	color: #000000; 
	font-weight: bold; 
	text-align: center; 
	padding: 4px; 
}
td.main { padding: 4px; }
td.mainOdd { background-color: #f1f1f1; }

#letter { 
	width: 550px;
	height: 800px;
	float: left;
	padding: 80px 25px 25px 25px;
	text-indent: 1em; 
	font-size: .875em;
	background-image: url('/media/letter.jpg');
	background-repeat: no-repeat;
}
p.signature { font-size: 1.1em; font-style: italic; text-indent: 0;   }

.about_statement {
	text-align: center;
	border-bottom: 1px solid #bbbbbb;
}
/************************************ From NEWS.php *********************************/
/***********************************************************************************/
#orin_news { width: 475px; float: right;} 

.newsItem { border-top: 1px solid #bbbbbb; padding: 8px;}
#news_list h3 { font-size: .9em; margin: 0;} /* News Post Title */
#news_list h4 { 
	color: #777777; 
	font-size: .75em; 
	font-style: italic; 
	text-align: center;
	margin: 0;
} /* Author Headline */
#news_list p { padding: 2px; line-height: 1.5em; font-size: .85em; text-indent: 1em; }


/****************************** From CONTACT.php ******************************/
/***********************************************************************************/
#contact_numbers { 
	width: 320px; 
	text-align: right; 
	font-size: 1.3em; 
	margin-bottom: 10px; 
}
#contact_numbers h4 { text-align: center; }
#address {width: 250px; float: left; text-align: center; }
#google_map { width: 402px; float: right; margin-right: 10px; }

#directions { width: 450px; float: left; margin-left: 10px; }
#social_nets { width: 250px; float: left; margin-left: 10px; }
#worldwide_link { width: 250px; float: left; } 

#contact_form {	width: 400px; float: left; overflow: hidden; }

#contact_span { width: 800px; margin: 45px auto 5px auto; overflow: hidden; }

/****************************** From LOCATIONS.php ******************************/
/***********************************************************************************/
#world_map {
	width: 860px;
	height: 350px;
	margin: 0 auto;
	background-image: url('/media/world_map.jpg');
	background-repeat: no-repeat;
}

#americas {	width: 250px; height: 320px; float: left; margin-left: 130px; }
#europe { width: 150px; height: 320px; float: left;	margin-left: 20px; }

#location_container { width: 860px;	margin: 0 auto; }
#location_table {
	background: #ffffff;
	width: 840px;
	margin: 10px auto;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	border-collapse:collapse;
	font-size: 1.2em;
}
#location_table td {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.5em 1.2em;
	text-align:center;
}

#location_table th { border-bottom: 2px solid #e5eff8; color: #555555; }
#location_table td.loc { width: 25%; }
#location_table td.cont { font-size: .8em; color: #5b8a20; }
#location_table tr.odd { background: #f7fbff; }

/****************************** From EXCELLENCE.php ******************************/
/***********************************************************************************/
.coe_container {
	width: 270px;
	float: left;
	margin: 5px;
	padding: 5px;
}
.coe_container h3 { text-align: center; }

.coe_quote { 
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	font-style: italic; 
	color: #999999;
	padding: 10px;
	margin: 15px;
}

.coe_back { text-align: center;  margin: 10px;}

/****************************** From CAREER-CENTER.php ******************************/
/***********************************************************************************/
.career_preview {
	width: 850px;
	height: 275px;
	background-image: url('/media/career-focus.jpg');
	background-repeat: no-repeat;
	margin: 0 auto;
	overflow: hidden;
}

#career_header { padding: 40px 0px 0px 25px; width: 250px; float: left; }
#career_header h3 { color: #ffffff; font-size: 2.2em; line-height: 1.2em; }
#career_header p { color: #ffffff; font-size: 1.5em; }
#career_search_button a{
	width: 240px;
	height: 60px;
	float: left;
	background-image: url('/media/job_search_header.png');
	background-position: 0% 0%;
}

#career_search_button_dupe a{
	width: 240px;
	height: 60px;
	margin-top: 10px; 
	margin-left: 40px;
	float: left;
	background-image: url('/media/job_search_header.png');
	background-position: 0% 0%;
}
#job_search_spotlight .spotlight_image { float: left; }
#job_search_spotlight .title {
	font-weight: bold;
	font-size: 1.3em;
	color: #0054A6;
	margin: 0 0 2px;
}
#job_search_spotlight p { margin-bottom: 22px; }

#maxhire_focus {
	border-top: 3px double #bbbbbb;
	width: 900px;
	height: 600px;
	margin: 15px auto 0px auto;
	background-image: url('/media/maxhire.jpg');
	background-repeat: no-repeat;

}

#maxhire_focus h3 { color: #222222; }
#maxhire_focus p { color: #555555; margin: 0; padding: 5px; }

#maxhire_search { width: 250px; margin: 10px; }
#maxhire_account { width: 250px; margin-top: 75px; margin-left: 10px; }
#maxhire_basket { width: 250px;	margin-top: 100px; margin-left: 10px; }
#maxhire_locations { width: 250px; margin-left: 500px;}

#maxhire_features { 
	width: 805px; 
	margin: 10px auto 20px auto; 
	padding-top: 10px; 
	overflow: hidden; 
	border-top: 1px solid #bbbbbb;
}
#maxhire_features p { margin: 2px; color: #555555; }
#maxhire_features h3 { margin-top: 5px; }

.feature_icon { padding-top: 5px; float: left; }
#features_left { width: 380px; float: left; }
#features_right { width: 380px; float: right; }


/********************************* From ORIN-LIFE.php ******************************/
/***********************************************************************************/
#orin_life_intro { 
	width: 800px; 
	margin: 0px auto 15px auto;
	font-size: 2em; 
	text-align: center;
	font-family: georgia,times,"times new roman", serif;
	color: #555555;
	border-bottom: 1px solid #bbbbbb;
}

#orin_life_main { width: 600px;float: left; overflow: hidden; margin-bottom: 20px;  }
#orin_life_sidebar { 
	width: 270px; 
	float: right; 
	border-left: 1px solid #bbbbbb; 
	padding-left: 10px;
	margin-bottom: 10px;
}

/* #orin_career_splash { width: 580px; float: left; }
#orin_career_splash .orin_benefits_title { font-size: 1.7em; text-align: center; margin: 0; }

#orin_u_splash { width: 580px; float: left; }
#orin_u_splash .orin_u_title { font-size: 1.7em; text-align: center; }

#orin_benefits_splash { width: 580px; float: left; }
#orin_benefits_splash .orin_benefits_title { f } */

.orin_life_description { width: 580px; float: left; }
.description_title { font-size: 1.7em; text-align: center; }

/************************************ From JOBS.php ********************************/
/***********************************************************************************/
#job_search_container {	margin: -83px auto 0px auto;	overflow: visible; }

/****************************** From ASSURNACE.php & BENEFITS.php******************************/
/**********************************************************************************************/
#assurance_portal { margin-top: -50px; }

/****************************** From TESTIMONIALS.php ******************************/
/***********************************************************************************/
#testimonial_container p { font-family: georgia,times,"times new roman", serif; }
#quotes_left { width: 420px; float: left; border-right: 1px solid #bbbbbb; padding-right: 20px; }
#quotes_right { width: 430px; float: right; }

.testimonial { font-style: italic; border-bottom: 1px solid #bbbbbb; padding: 5px; }
.testimonial h4 { margin: 0px; color: #222222; text-indent: 5em; }

.testimonialStandout { 
	font-style: italic; 
	border-bottom: 1px solid #bbbbbb; 
	padding: 5px;
	font-size: 1.4em;
	background-color: #ffffff;
}
.testimonialStandout h4 { margin: 0px; color: #222222; text-indent: 5em; font-size: .85em; }

/****************************** From EMPLOYEE-AGREEMENT.php ******************************/
/*********************************** SEE ADMIN.CSS ***************************************/

/****************************** From EMPLOYEE-PORTAL.php ******************************/
/**************************************************************************************/
.library_category_list { list-style: none; font-size: 1.2em; }
.library_form_list {  
	padding-left: 20px;
	padding-right: 10px;
	font-size: .8em;
	line-height: 1.2em;
}

#employee_links { width: 380px; float: left; border-right: 1px solid #bbbbbb; padding-right: 10px; }
#employee_links h4 { text-align: center; }

.portal_link { width: 370px; height: 70px; margin-bottom: 5px; overflow: hidden; }
#quick_downloads { width: 370px; margin-bottom: 10px; overflow: hidden; }


#employee_perks { 
	width: 475px; 
	float: right;  
	margin-bottom: 20px; 
}
#employee_perks_focus {
	width: 475px;
	height: 70px;
	background-image: url('/media/employee-perks-focus.jpg');
	background-repeat: no-repeat;
}

.perks_list { font-weight: bold; }
.perks_list p { padding: 0px 5px; margin: 0; font-size: .85em; color: #444444; font-weight: normal; margin-bottom: 10px;}


#reminder { 
	width: 430px; 
	overflow: hidden; 
	background-color: #ffffff; 
	color: #780303; 
	text-align: center;  
	margin: 0 auto 10px auto; 
	border: 2px solid #780303;
}

.small_employee_links { width: 120px; float: left; overflow: hidden; }

/****************************** FORMS-LIBRARY.PHP ******************************/
/***********************************************************************************/

.forms_list { list-style: none; }
#forms_left { width: 440px; float: left; }
#forms_right { width: 440px; float: right; }

/****************************** BULLETIN-BOARD.PHP ******************************/
/***********************************************************************************/
#bulletin_container {
	width: 800px;
	margin: 0 auto;
	overflow: hidden; 
}
.bulletin_row { width: 798px; margin: 0 auto; overflow: hidden; }
.bulletin{
	width: 160px;
	float: left;
	text-align: center; 
	line-height: 1.3em; 
	margin: 5px 10px 25px 10px;
	border: 1px dashed #bbbbbb;
	padding: 5px; 
}

/****************************** ORIN-SERVICES.PHP ******************************/
/***********************************************************************************/
#services_left { width: 600px; float: left; margin: 10px auto 10px auto; }
#services_right { 
	width: 250px; 
	float: right; 
	margin: 18px 0px 10px 0px; 
	padding-left: 10px; 
	border-left: 1px solid #bbbbbb;
}

/****************************** STAFFING-SOLUTIONS.PHP ******************************/
/***********************************************************************************/
#staffing_intro {
	width: 800px; 
	text-align: center; 
	color: #555555; 
	font-size: 1.5em;
	font-style: italic;
	font-family: georgia,times,"times new roman", serif;
	border-bottom: 1px solid #bbbbbb; 
	margin: 5px auto 15px auto; 
}
#staffing_left { width: 490px; float: left; border-right: 1px solid #bbbbbb; margin-bottom: 15px;   }
#staffing_right { width: 390px; padding-left:10px;  float: right; }

/************************************ HISTORY.PHP **********************************/
/***********************************************************************************/
#history { margin: 0 auto; overflow: hidden; width: 700px;}
#history_sidebar { 
	float: left; 
	width: 200px; 
	height: 920px; 
	background-image: url('/media/history-sidebar.jpg');
	background-repeat: no-repeat;
	margin-right: 10px; 

}
#history h4 { font-size: 1.2em; margin: 0; }
#history p { font-size: .8em; width: 400px; margin: 0 0 0 20px; overflow: hidden; }


/************************************ CLIENT PORTAL.PHP **********************************/
/***********************************************************************************/

#client_portal_form {
	width: 600px;
	border: 1px solid #bbbbbb;
	margin: 0 auto;
	padding: 20px;
}

#instructions {
	width: 600px;
	text-align: center;
	color: #666666;
	margin: 0 auto;
}

/****************************** OVERRIDES **************************************/
/***********************************************************************************/
.news_list { list-style-image: url('/media/news.jpg'); }

a, a:visited { color:#365592; border: 0px; text-decoration: none; font-weight: bold; }
a:hover  { color: #000000;}

#new_hire_summary {
	width: 700px;
	border: 2px solid #bbbbbb;
	margin: 0 auto;
	padding: 10px;
	margin-top: 10px; 
}
#new_hire_summary h2, h3 { text-align: center; }

#pscroller1{
	width: 270px;
	height: 130px;
	border-right: 1px solid #bbb;
	padding: 5px;
	color: #333;
}