/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;} h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;} h2{margin:.75em 0;} h2{margin:.5em 0;}h1,h2,h3,h4,h5,h6{font-weight:bold;} strong {font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ol,dl{margin:1em;}ol,dl{margin-left:2em;}ol li{list-style: decimal outside;}ul li{list-style: none;}dl dd{margin-left:1em;}th,td {border:1px solid #000;padding:.5em;}th {font-weight:bold;text-align:center;}caption {margin-bottom:.5em;text-align:center;}p,fieldset,table {margin-bottom:1em;}

/* sitewide
 * ------------------------------------------------------------------------- */

body { background:#0C162F; color:#666; text-align:center; font:11px/17px 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, 'Lucida Sans', Geneva, Arial, sans-serif;}


h1	{ color:#000; font-size:20px; line-height:22px; margin-bottom:8px;}
h2	{ color:#173484; text-transform:capitalize; font-size:16px; border-top:1px solid #EEEBEB; padding-top:10px; }
h3	{ color:#EC1C24; font-size:13px; text-transform:capitalize;}


a:link,a:visited	{ color:#EC1C24; text-decoration:underline; outline:none;}
a:hover,a:active	{ color:#00708F; text-decoration:underline; outline:none;}

/* ----- classes ----- */

div.clear	{ clear:both; height:.01em; overflow:hidden; }

img.img-right { float:right; margin:5px 0px 0px 7px;}
img.img-left { float:left; margin:5px 7px 0px 0px;}

span.small {font-size:12px; font-style:italic;}
	
/* ----- form elements ----- */

form label {display:block; font-weight:normal;}

form input, textarea, select { 
	background-color:#fff; 
	border: 1px solid #3561B8;
	color:#000;
	vertical-align: middle;
	padding:2px; 
	}
 
select { width:175px; margin-top:4px; margin-bottom:4px; vertical-align: middle; padding-top:4px; } /* same width as form -  */
#main-form select { width:375px; margin-top:4px; margin-bottom:4px; vertical-align: middle; padding-top:3px; } /* same width as form -  */
 
input, select, textarea { width:95%;}	
textarea { height:90px; }
#main-form textarea{ height:90px; width:370px;}

#main-form form input { width: 370px;}
#main-form form { width: 375px;}
#frm-contact p {margin-bottom:0.3em;}

input.checkbox{ background:#FEECA7; width: auto; height:auto; border:none;}
input.radio{ background:#FEECA7; width: auto; height:auto; border:none;} 
	
#main-form input.radio{ background:#fff; width: auto; height:auto; border:none;	} 
#main-form input.checkbox{ background:#fff; width: auto; height:auto; border:none;	}
label {font-weight:bold;}
label.error {background:#FB2D33;color:#fff;font-weight:bold;padding:2px;display:block;width:95%;}

#content-right form input.submit-image, #main-form form input.submit-image { width: auto; width:80px; height:30px; cursor:pointer; padding:0; margin-top:5px;}
	

/* framework
 * ------------------------------------------------------------------------- */

#frame {width:1022px; background: url(../images/bg-frame.gif); margin:0 auto; text-align:left;}
		
#sitemast{background: url(../images/site-mast.jpg); height:335px;}
#top-cols {background:url(../images/top-cols.jpg) no-repeat; height:30px;}	

#title-form{background:url(../images/title-form.gif) no-repeat; height:100px; }
#title-hazards{background:url(../images/title-hazards.jpg) no-repeat; height:180px;margin-bottom:15px; }
#title-symptoms{background:url(../images/title-symptoms.gif) no-repeat; height:90px; margin-bottom:20px; }



/* ----- content-left ----- */

#content-left {	width:300px; float:left;}
#content-left .gutter { margin: 0px 20px 5px 40px;}
#content-left ul.list li { margin-bottom:10px; background-color:#EEEBEB; height:30px; line-height:30px; padding-left:10px; color:#000; font-size:12px;}
			
#content-middle {	width:470px; float:left;}
#content-middle ul.multi li { width:215px; float:left; background:transparent url(../images/img-list.gif) 0px 3px no-repeat; padding-left:18px; margin-bottom:8px;}

						

/* ----- content-right ----- */
#content-right {width:252px; float:left; color:#000;}
#content-right .gutter { margin: 0px 30px 10px 40px;}
#content-right a{font-weight:bold; color:#fff;}
		
	/* ----- bottom-frame ----- */ 
#bottom-frame { height:35px; background:url(../images/bottom-frame.gif); clear:both; width:100%; /* fix for Safari */}

	/* copyright
 * ------------------------------------------------------------------------- */
 
#copyright { width: 1022px; margin:0 auto; height:100px;text-align:center; font-size:10px; color:#EEEBEB; }
#copyright a{ color:#EEEBEB; }
#copyright li {display:inline; padding:0pt 5px 0pt 0px;}
#copyright .gutter {padding-top:10px;}

/* top-nav
 * ------------------------------------------------------------------------- */
 
#top-nav { background:url(../images/top-nav.gif) no-repeat; height:115px; margin:0; padding:0; width:1022px; }
#top-nav li, #top-nav a { height:115px; display:block; }
#top-nav li {float:left;	list-style:none; _display:inline; position:relative; margin:0;}
#top-nav-01 { width:741px;}
#top-nav-02 { width:142px;}
#top-nav-03 { width:139px;}

#top-nav span{display:none;}


/*-------------- (-79px) X position of button / (-115px) height of image from above ------------- */
#top-nav-01 a:hover { background:url(../images/top-nav.gif)  -0px -115px no-repeat; }
#top-nav-02 a:hover { background:url(../images/top-nav.gif) -741px -115px no-repeat; }
#top-nav-03 a:hover { background:url(../images/top-nav.gif) -883px -115px no-repeat; }

	/* globalnav
 * ------------------------------------------------------------------------- */
 
#globalnav {
	background:url(../images/global-nav.gif) top left no-repeat;	
	width:300px;		/* Width of buttons, not entite image (or half of entire image) */
	height:305px;		/* Height of entire image */
	margin:0;
	padding:0;
	font-size:13px;
	}

#globalnav a:link,#globalnav a:visited	{ color:#fff; text-decoration:none; outline:none; font-weight:bold; }
#globalnav a:hover,#globalnav a:active	{ color:#0C162F; text-decoration:underline; outline:none; font-weight:bold;}

#globalnav li {
	float:left;
	list-style:none;
	line-height:44px;
	}

#globalnav li, #globalnav a { 
	height:44px;			/* Each button must have the same height, define it here */
	display:block;
	}

#globalnav-01 { width:300px; padding-top:20px;  padding-left:40px;}
#globalnav-02, #globalnav-03, #globalnav-04, #globalnav-05, #globalnav-06{ width:300px;  padding-left:40px; }
