@charset "utf-8";
/* CSS Document */

/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */

/* body wrapper styles */
body {margin: 0; padding: 0; font-size: 1em; background: #124c96 url('/images/blue_background.jpg') no-repeat top center; font-family: Arial, Helvetica, sans-serif;}

#wrapper
{
	width:1053px;
	margin:auto;
}

.clear {clear:both;}

#top-spacer
{
	width:1053px;
	height:15px;
}

/*End body wrapper styles */

/* header styles */
h1
{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#045600; font-weight:100;}

h2
{ font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#00379e; font-weight:100; padding-bottom:5px;}

h3
{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#00379e; font-weight:100; padding-bottom:5px;}

h6
{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#045600; font-weight:100; padding-bottom:5px;}

.bold { font-weight: bold; }
.center { text-align: center; font-style: italic; }

.two-col-cont { float: left; width: 530px; }
#left_side_wrapper ul.two-col { float: left; width: 255px; font-size: 12px; list-style: none; margin: 0px; padding: 10px 0px 10px 0px; }
#left_side_wrapper ul.two-col li { padding: 8px 12px 8px 12px; width: 231px; }
#left_side_wrapper ul.two-col li.alt { background: #f4f4f4; border-top: solid 1px #C5DEF5; border-bottom: solid 1px #C5DEF5; }
#bg-online-training { background: url(../images/bg-online-training.jpg) no-repeat top right; float: left; width: 530px; }

/* End Header styles */

input {
			border: none;
			background: #FFF;
			width: 165px;
		}

.promo-rounded {
			background:url(../images/promo-name-box-sm.jpg) no-repeat left top;
			width: 144px;
			height:20px;
			padding-top: 6px;
			padding-right:5px;
			padding-left:8px;
			font-family:Arial, Helvetica, sans-serif;
			color:#666666;
		}
.promo-img { padding-left:10px; }		
		
.signin-rounded {
			background:url(../images/signin-name-box.png) no-repeat left top;
			width: 110px;
			height:26px;
			/*padding-top: 6px;*/
			padding-left:8px;
			font-family:Arial, Helvetica, sans-serif;
			color:#11547e;
			behavior: url(/iepngfix.htc);
		}	

.submit-button
{
	padding-right:10px;
}

input.promo_input { width: 100px; border: #093F7D; height: 20px; padding: 5px 0 0 5px; margin: 0 5px 0 0; }			

input#go_btn { background:url(../images/go_buttonblue.jpg) top left no-repeat; width: 27px; height: 58px; display: block; border: none; cursor: pointer; }

input#go_btn:hover { background-position: 0 -58px; }

/* Banner styles */
#banner
{
	width:1053px;
	height:80px;
}

#logo
{
	float:left;
	width:600px;
	height:75mpx;
	padding-top:10px;
}

#top-right
{
	float:right;
	width:430px;
	padding-right:23px;
	height:75px;
}

#top-words
{
	float:left;
	width:220px;
	height:27px;
	text-align:right;
	padding-left:5px;
	padding-right:0px;
	padding-top:15px;
	padding-bottom:5px;
}

.top-words_style
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

#top-image-area
{
	float:right;
	padding: 10px 25px 0 0;
	width:150px;
	height:60px;
}

#log-in_section {width:329px; padding-right:10px; padding-left:10px; height:33px; float:right; padding-top:15px;}

/*End Banner styles */
#submitPromo { width: 50px; height: 25px; border: none; cursor: pointer; background: #D0EDBF; padding: 0 0 0 0; border-top: 3px solid #9DC881; }

#submitPromo:hover { background: #E6F4FF; border-top: 3px solid #C2DEFC; }
/*Navigation */

#nav { float: left; width: 704px; height: 48px; position: relative;}
#nav ul { list-style: none; float: left; width: 704px; margin: 0px; padding: 0px; }
#nav ul li { float: left; height: 48px; }
#nav ul li a { float: left; height: 48px; }

/* NAVIGATION NORMAL */
#nav ul li.home { background: url(../images/navigation/homeup.png); width: 54px; behavior: url(/iepngfix.htc); }
#nav ul li.about { background: url(../images/navigation/aboutup.png); width: 72px; behavior: url(/iepngfix.htc); }
#nav ul li.referral { background: url(../images/navigation/referralup.png); width: 124px; behavior: url(/iepngfix.htc); }
#nav ul li.faq { background: url(../images/navigation/faqup.png); width: 42px; behavior: url(/iepngfix.htc);}
#nav ul li.reviews { background: url(../images/navigation/ravereviewsup.png); width: 105px; behavior: url(/iepngfix.htc);}
#nav ul li.news { background: url(../images/navigation/newsup.png); width: 98px; behavior: url(/iepngfix.htc);}
#nav ul li.experts { background: url(../images/navigation/expertsup.png); width: 90px; behavior: url(/iepngfix.htc);}
#nav ul li.contact { background: url(../images/navigation/contactup.png); width: 108px; behavior: url(/iepngfix.htc);}
#nav ul li.left-bar { background: url(../images/navigation/left-side.png); width:4px; behavior: url(/iepngfix.htc);}


/* NAVIGATION NORMAL */

#nav ul li.home a { background: url(../images/navigation/homeup.png); width: 54px; behavior: url(/iepngfix.htc); }
#nav ul li.about a { background: url(../images/navigation/aboutup.png); width: 72px; behavior: url(/iepngfix.htc); }
#nav ul li.referral a { background: url(../images/navigation/referralup.png); width: 124px; behavior: url(/iepngfix.htc); }
#nav ul li.faq a { background: url(../images/navigation/faqup.png); width: 42px; behavior: url(/iepngfix.htc);}
#nav ul li.reviews a { background: url(../images/navigation/ravereviewsup.png); width: 105px; behavior: url(/iepngfix.htc);}
#nav ul li.news a { background: url(../images/navigation/newsup.png); width: 98px; behavior: url(/iepngfix.htc);}
#nav ul li.experts a { background: url(../images/navigation/expertsup.png); width: 90px; behavior: url(/iepngfix.htc);}
#nav ul li.contact a { background: url(../images/navigation/contactup.png); width: 108px; behavior: url(/iepngfix.htc);}

/* NAVIGATION OVER */

#nav ul li.home a:hover { background: url(../images/navigation/homedown.png); width: 54px; behavior: url(/iepngfix.htc); }
#nav ul li.about a:hover { background: url(../images/navigation/aboutdown.png); width: 72px; behavior: url(/iepngfix.htc); }
#nav ul li.referral a:hover { background: url(../images/navigation/referraldown.png); width: 124px; behavior: url(/iepngfix.htc); }
#nav ul li.faq a:hover { background: url(../images/navigation/faqdown.png); width: 42px; behavior: url(/iepngfix.htc);}
#nav ul li.reviews a:hover { background: url(../images/navigation/ravereviewsdown.png); width: 105px; behavior: url(/iepngfix.htc);}
#nav ul li.news a:hover { background: url(../images/navigation/newsdown.png); width: 98px; behavior: url(/iepngfix.htc);}
#nav ul li.experts a:hover { background: url(../images/navigation/expertsdown.png); width: 90px; behavior: url(/iepngfix.htc);}
#nav ul li.contact a:hover { background: url(../images/navigation/contactdown.png); width: 108px; behavior: url(/iepngfix.htc);}

/* NAVIGATION HIGHLIGHT */



/*End Navigation */

/* Content Styles*/

#content_wrapper
{
	float:left;
	width:1053px;
	background-image:url('../images/content_background.png');
	background-position:left;
	background-repeat:repeat-y;
	behavior: url(/iepngfix.htc);
	overflow: hidden;
	
}

#content_wrapper-interior
{
	float:left;
	width:1053px;
	background-image:url('../images/content_background_white.png');
	background-position:left;
	background-repeat:repeat-y;
	behavior: url(/iepngfix.htc);
	overflow:hidden;
}

#promo_feature_wrapper
{
	width:1053px;
	float:left;	
}

form#promo_login { padding-top: 5px; }

form#login { width: 285px; }

#right_side_wrapper
{
	width:470px;
	float:right;
	background-image:url(../images/rightside-bg.png);
	background-position:left;
	background-repeat:repeat-y;
	behavior: url(/iepngfix.htc);
}

#left_side_wrapper
{
	width:530px;
	float:left;
	padding-left:28px;
	padding-right:20px;
	padding-top:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#left_side_wrapper ul, ol {padding-left:30px; padding-bottom:15px;}

#left_side_wrapper p {padding-bottom:15px;}

#left_side_wrapper a
{
	text-decoration:underline;
	color:#00379e;
}

#video_area
{
	float:left;
	width:350px;
	height:250px;
	padding-left:5px;
}

#promo_area
{
	float:left;
	width:327px;
	height:250px;
	padding-left:10px;
	background-image:url(../images/promo_bg_green.jpg);
	background-repeat:repeat-x;
	border-right:solid 1px #467c26;
}

#promo_area ul
{
	list-style-image:url(../images/list_buttons.png);
	behavior: url(/iepngfix.htc);
	text-align:left;
	padding-right:10px;
	padding-left: 25px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}	

#feature
{
	width:336px;
	height:240px;
	float:left;
	background-image:url(../images/rightside_top_smaller.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:5px;
}

#feature-interior
{
	width:470px;
	height:240px;
	float:right;
	background-image:url(../images/rightside_top_blue.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:5px;
}

#go_area
{
	float:left;
	height:57px;
	width:27px;
	padding-top:180px;
}

#features-box
{
	float:left;
	height:240px;
	width:280px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

#features-box ul, ol
{
	padding-left:10px;
	list-style-image:none;
	list-style-type:none;
}

#features-box li
{padding-bottom:3px;}


#signin-box
{
	float:right;
	height:240px;
	width:160px;
	padding-right:50px;
}


#sub-nav_content
{
	float:right;
	height:230px;
	width:390px;
	padding-right:50px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* End Features, Promo section */

/* Icons and News area */

#section-area
{
	width:573px;
	height:392px;
	float:left;
	padding-left:5px;
	padding-top:17px;
}

#section-area-left
{
	width:277px;
	height:392px;
	float:left;
}

#section-area-right
{
	width:281px;
	height:392px;
	float:right;
}


#news-area
{
	float:right;
	width:471px;
	background:url(../images/bottom_right.jpg) top left no-repeat;
	
}

#mini-theo-home {float:right; background-image:url(../images/mini_theo_news2.png); width:191px; height:406px; behavior: url(/iepngfix.htc); background-repeat:no-repeat; background-position:bottom;}

#recent-news
{

	padding-top:20px;
	width:210px;
	float:left;
	padding-left:55px;
	font-family:Arial, Helvetica, sans-serif;
	behavior: url(/iepngfix.htc);
	color:#003300;
	font-size:12px;
}

#recent-news ul, ol
{
	margin-top: 25px; 
	padding-left:10px;
	font-size: 12px; 
}

#recent-news ul strong { font-size: 12px; }

#recent-news ul li { padding: 0 0 10px 0; margin:0; }


a.viewlink { text-decoration: none; float: right; color: #124C96; margin-top: 5px; font-weight: bold; }

a.viewlink:hover { color:#76C746;}

/* FAQ SECTION */
.question-top { background: #E7F3FC url(../images/bg-faq-question-top.jpg) no-repeat top; float: left; width: 529px; margin: 10px 0px 20px 0px; }
.question-bottom { background: url(../images/bg-faq-question-bottom.jpg) no-repeat bottom; float: left; width: 487px; padding: 20px 17px 0px 25px; }
h1.question-text { font-size: 18px; color: #118DCD; padding: 10px 10px 10px 20px; }
.answer-top { background: #F2F8E9 url(../images/bg-faq-answer-top.jpg) no-repeat top; float: left; width: 487px; margin: 0px 0px 10px 0px; }
.answer-bottom { background: url(../images/bg-faq-answer-bottom.jpg) no-repeat bottom; float: left; width: 440px; padding: 25px 17px 0px 30px; }

/* Icon section */

#icon_section
{
	float:left;
	width:270px;
	height:52px;
	padding-left:10px;
	padding-top:5px;
}

#icon_section_right
{
	float:right;
	width:290px;
	height:52px;
	padding-left:0px;
	padding-top:5px;
}



#icon_left
{
	float:left;
	height:52px;
	width:40px;
	margin:0;	
}

#icon_section_safetymanagement
{
	float:right;
	width:220px;
	height:37px;
	/*background-image:url(../images/icon_bgs/icon_bgs_03.png);*/
	behavior: url(/iepngfix.htc);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:8px;
}

#icon_onlinetraining
{
	float:right;
	width:220px;
	height:37px;
	/*background-image:url(../images/icon_bgs/icon_bgs_08.png);*/
	behavior: url(/iepngfix.htc);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:5px;	
}

#icon_safework
{
	float:right;
	width:220px;
	height:37px;
	/*background-image:url(../images/icon_bgs/icon_bgs_12.png);*/
	behavior: url(/iepngfix.htc);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:5px;	
}

#icon_hazard
{
	float:right;
	width:220px;
	height:37px;
	/*background-image:url(../images/icon_bgs/icon_bgs_16.png);*/
	behavior: url(/iepngfix.htc);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:5px;	
}

#icon_records
{
	float:right;
	width:220px;
	height:37px;
	/*background-image:url(../images/icon_bgs/icon_bgs_22.png);*/
	behavior: url(/iepngfix.htc);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:5px;	
}

#icon_request
{
	float:right;
	width:220px;
	height:37px;
	/*background-image:url(../images/icon_bgs/icon_bgs_27.png);*/
	behavior: url(/iepngfix.htc);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:5px;	
}

#icon_interviews
{
	float:right;
	width:250px;
	height:37px;
	/*background-image:url(../images/icon_bgs/icon_bgs_05.png);*/
	behavior: url(/iepngfix.htc);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:5px;	
}

#icon_signs
{
	float:right;
	width:250px;
	height:37px;
	/*background-image:url(../images/icon_bgs/icon_bgs_09.png);*/
	behavior: url(/iepngfix.htc);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:5px;	
}

#icon_signs
{
	float:right;
	width:250px;
	height:37px;
	/*background-image:url(../images/icon_bgs/icon_bgs_09.png);*/
	behavior: url(/iepngfix.htc);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:5px;	
}

#icon_photolibrary
{
	float:right;
	width:250px;
	height:37px;
	/*background-image:url(../images/icon_bgs/icon_bgs_13.png);*/
	behavior: url(/iepngfix.htc);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:5px;	
}

#icon_resources
{
	float:right;
	width:250px;
	height:37px;
	/*background-image:url(../images/icon_bgs/icon_bgs_18.png);*/
	behavior: url(/iepngfix.htc);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:5px;	
}

#icon_talks
{
	float:right;
	width:250px;
	height:37px;
	/*background-image:url(../images/icon_bgs/icon_bgs_24.png);*/
	behavior: url(/iepngfix.htc);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:5px;	
}



.icon-text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
    color:#356387;
}

.icon-text a
{
        color:#356387;
        text-decoration:none;
}

/* Icon section */

/* End Icons and News area */

/*Footer */

#footer
{
	float:left;
	width:1053px;
	padding-top: 25px;
	height:18px;
	background:url(../images/footer.png) top left no-repeat;
	behavior: url(/iepngfix.htc);
}

#footer-interior
{
	float:left;
	width:1053px;
	padding-top: 25px;
	height:18px;
	background:url(../images/footer-white.png) top left no-repeat;
	behavior: url(/iepngfix.htc);
	

}

a.terms_link { font-size: 14px; text-decoration: none; color: #FFFFFF; padding: 0 0 0 15px; float: left; }

a.terms_link:hover { text-decoration: underline; }

p.copyright { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; float: left; margin: 0 0 0 250px;  }

div#credit { text-align: right; float: right; margin: 0 25px 0 0; }

div#credit a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }

/*End Footer */

/* Safety Management */


p.toggle1 { background: url(../images/blue_bkg_top_active.jpg) top left no-repeat; width: 510px; padding: 15px 10px 10px 10px; background-color: #E7F3FC; cursor: pointer; font-size: 18px; color: #118DCD; }

p.toggle1.active { background: url(../images/blue_bkg_top.jpg) top left no-repeat; width: 510px; padding: 15px 10px 10px 10px; background-color: #E7F3FC; cursor: pointer; font-size: 18px; color: #118DCD; }

#toggle1-content {  background: url(../images/management_toggle.jpg) top left repeat-y; width: 500px; padding: 15px 15px 15px 15px;  }

p.toggle2 { background: url(../images/blue_bkg_top.jpg) top left no-repeat; width: 510px; padding: 15px 10px 10px 10px; background-color: #E7F3FC; cursor: pointer; font-size: 18px; color: #118DCD; }

p.toggle2.active { background: url(../images/blue_bkg_top_active.jpg) top left no-repeat; width: 510px; padding: 15px 10px 10px 10px; background-color: #E7F3FC; cursor: pointer; font-size: 18px; color: #118DCD; }

#toggle2-content {  background: url(../images/management_toggle.jpg) top left repeat-y; width: 500px; padding: 15px 15px 15px 15px; }

p.toggle3 { background: url(../images/blue_bkg_top.jpg) top left no-repeat; width: 510px; padding: 15px 10px 10px 10px; background-color: #E7F3FC; cursor: pointer; font-size: 18px; color: #118DCD; }

p.toggle3.active { background: url(../images/blue_bkg_top_active.jpg) top left no-repeat; width: 510px; padding: 15px 10px 10px 10px; background-color: #E7F3FC; cursor: pointer; font-size: 18px; color: #118DCD; }

#toggle3-content {  background: url(../images/management_toggle.jpg) top left repeat-y; width: 500px; padding: 15px 15px 15px 15px;  }

p.toggle4 { background: url(../images/blue_bkg_top.jpg) top left no-repeat; width: 510px; padding: 15px 10px 10px 10px; background-color: #E7F3FC; cursor: pointer; font-size: 18px; color: #118DCD; }

p.toggle4.active { background: url(../images/blue_bkg_top_active.jpg) top left no-repeat; width: 510px; padding: 15px 10px 10px 10px; background-color: #E7F3FC; cursor: pointer; font-size: 18px; color: #118DCD; }

#toggle4-content {  background: url(../images/management_toggle.jpg) top left repeat-y; width: 500px; padding: 15px 15px 15px 15px; }

.toggle-wrap { background:url(../images/blue_bkg_bottom.jpg) bottom left no-repeat; width: 530px; padding: 0 0 10px 0; margin: 10px 0 10px 0; }

#section-area table { margin: 25px 0 0 15px; }

table.our-experts {width:520px; margin-bottom:20px;}
table.our-experts td {padding:5px; width:250px; vertical-align:middle;}

