@charset "utf-8";
/* 
	OCTS CSS Document
	Reid Workman
	HambrightDesign.com
	
	Lisence: Self
	Basically if you find something useful from 
	this document, feel free to use it in your own 
	developments. Have fun!
	
	Modified: December 30, 2008
*/

body{background:#fff;font-family:Arial, Helvetica, sans-serif;}
img{border:0;}
h1,h2,h3,h4{margin:0;padding:10px 0 5px 0;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:12px;}
.c{clear:both;}

#wrap_body{width:1000px;text-align:left;}

.spp li{padding:0 0 10px 0;}

#header{height:157px;background:url(header_bg.gif) no-repeat right #99c;}

#top_navigation{float:right;height:32px;width:435px;padding:8px 0 0 25px;line-height:25px;font-size:16px;color:#cc595d;font-family:Verdana, Arial, Helvetica, sans-serif;}
#top_navigation a{color:#cc595d;text-decoration:none;}
#top_navigation a:hover{text-decoration:underline;}

#content{margin:5px 0 0 0;}

#sections a{display:block;float:left;width:236px;height:38px;margin:0 7px;}
#sections .drug_screening{background:url(tab_drug_screening.gif) top no-repeat;}
#sections .drug_screening:hover,#sections .drug_screening.h{background:url(tab_drug_screening.gif) bottom no-repeat;}
#sections .dot_compliance{background:url(tab_dot_compliance.gif) top no-repeat;}
#sections .dot_compliance:hover,#sections .dot_compliance.h{background:url(tab_dot_compliance.gif) bottom no-repeat;}
#sections .safety_training{background:url(tab_safety_training.gif) top no-repeat;}
#sections .safety_training:hover,#sections .safety_training.h{background:url(tab_safety_training.gif) bottom no-repeat;}
#sections .workplace{background:url(tab_workplace.gif) top no-repeat;}
#sections .workplace:hover,#sections .workplace.h{background:url(tab_workplace.gif) bottom no-repeat;}

#sections_info .p{display:block;float:left;width:236px;height:330px;margin:0 7px;}
#sections_info .minibg_red{background:#fff url(minibg_red.gif) top no-repeat;}
#sections_info .minibg_yellow{background:#fff url(minibg_yellow.gif) top no-repeat;}
#sections_info .minibg_blue{background:#fff url(minibg_blue.gif) top no-repeat;}
#sections_info .minibg_grey{background:#fff url(minibg_grey.gif) top no-repeat;}

#content_area{margin:0 7px;color:#339;}
#content_area ul li{padding:0 0 6px 4px; list-style-image:url(arrow.png);}
#content_area ul li li{list-style-image:none;padding:4px 0 0 0;font-size:13px;}
#content_area.uni{margin:10px 0;padding:15px;background:#999;color:#fff;font-weight:bold;font-size:13px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border: 1px solid #000;}
#content_area.red{padding:0 20px;background:url(bg_red.jpg) top repeat-x;}
#content_area.yellow{padding:0 20px;background:url(bg_yellow.jpg) top repeat-x;}
#content_area.blue{padding:0 20px;background:url(bg_blue.jpg) top repeat-x;}
#content_area.grey{padding:0 20px;background:url(bg_grey.jpg) top repeat-x;}

#footer{color:#069;font-weight:bold;margin:5px 0;padding:10px 0;border-top:1px solid #9999c2;font-size:12px;text-align:center;}