/* CSS Document for OSHA200 */

/* --------------------------------------------------------------------------------------
	GENERAL SETTING
-------------------------------------------------------------------------------------- */
body { background-color:#ffffff; margin:0 auto; }
.container { width:900px; margin:0 auto; overflow:hidden; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#0099ff; }
h3 { font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:18px; color:#003399; }
h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0099ff; font-weight:normal; }
h4 a { color:#0099ff; text-decoration:none; }
h4 a:hover { color:#ffffff; }

p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }

/* --------------------------------------------------------------------------------------
	HEADER SECTION
-------------------------------------------------------------------------------------- */
#header { background:url(images/bg-header.jpg) #151d29 repeat-x top; height:150px; }
#header_left { width:350px; float:left; }
#header_right { width:550px; float:left; }
/* --------------------------------------------------------------------------------------
	MAINBODY SECTION
-------------------------------------------------------------------------------------- */
#mainbody { background:url(images/bg-mainbody.jpg) #ffffff repeat-x top; }
#mainbody_left { width:350px; float:left; margin:40px 0px 30px 0px; }
#mainbody_right { width:550px; float:left; margin:40px 0px 30px 0px; }
/* --------------------------------------------------------------------------------------
	FOOTER SECTION
-------------------------------------------------------------------------------------- */
#footer { background:url(images/bg-header.jpg) #151d29 repeat-x top; }

/* --------------------------------------------------------------------------------------
	CLASS FOR OBJECT
-------------------------------------------------------------------------------------- */
.topmenu { width:550px; height:47px; margin-top:103px; }
.header_logo { width:315px; height:74px; margin:50px 0px 0px 0px; }
.bottom_menu { margin:35px 0px 0px 0px; text-align:center; }
.copyright { margin:0px 0px 35px 0px; text-align:center; }
.bottom_menu h4 , .copyright h4  { margin:0px 0px 0px 0px; }
.slogan { width:500px; margin:20px 0px 30px 0px; }
.provider { width:500px; overflow:hidden; }
.provider_left { float:left; width:125px; }
.provider_right { float:left; width:360px; margin-left:15px; }
.provider_right h3 , .provider_right p { margin:0px 0px 5px 0px; }
.hspacer1 { width:500px; height:2px; background:url(images/hspacer1.gif) repeat-x; margin:20px 0px 20px 0px; }
.quote { background:url(images/bg-quote.png) no-repeat top; width:317px; height:260px; overflow:hidden; }
.quote_form { width:220px; margin:90px 0px 0px 48px; }
.input { height:24px; width:220px; color:#666666; margin:3px 0px 3px 0px; }
.articlebox { background:url(images/bg-articlebox.jpg) repeat-x top #bcdfff; border:#cccccc 1px solid; width:265px; margin:10px 0px 30px 25px; }
.articlebox_thumb { width:225px; border:#999999 1px solid; margin:20px 0px 10px 18px; }
.articlebox_content { width:225px; margin:10px 0px 20px 18px; }
.articlebox_content h2 , .articlebox_content p { margin:5px 0px 10px 0px; }
.articlebox_content p { color:#666666; }