@import url("whitespace-reset.css");

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #EFEFEF; }

h1 {
	font-size: 16px;
	font-weight: normal;
	color: #007EA3; }

h2 {
	font-size: 12px;
	color: #666; }

h3 {
	font-size: 12px;
	font-weight: normal;
	color: #007EA3; }

#main {
	position: relative;
	width: 950px;
	background-color: #FFF;
	padding: 30px 0 2em 2em;
	margin: 1em auto;
	border: 1px solid #999; }

#header {
	float: left;
	background: transparent url("../images/bg_header.gif") no-repeat 0 0;
	width: 927px;
	height: 150px;
	padding: 4px 0 0 0;
	position: relative; }
	#header p#tagline {
		position: absolute;
		top: 0;
		right: 0;
		width: 350px;
		text-align: right;
		color: #007EA3;
		font-size: 11px; }
	#header #search {
		position: absolute;
		top: 30px;
		right: 0;
		width: 335px;
		text-align: right; }
		#header #search label, label a {
			font-size: 11px;
			background: none;
			border: 0;
			color: #FF9900; }
		#header #search input {
			background: none;
			border: 0;
			color: #FF9900; }
		#header #search input#q {
			border: 1px solid silver;
			height: 16px;
			width: 130px;
			color: #333 !important; }
	#header ul#topnav {
		list-style: none;
		display: inline;
		position: relative;
		top: 0;
		left: 85px; }
		#header ul#topnav li {
			display: inline;
			margin: 0 0 0 15px; }
			#header ul#topnav li a {
				border-bottom: solid 1px #FFF;
				color: #666666;
				padding: 5px; }
				#header ul#topnav li a:hover {
					border-bottom: solid 1px #007EA3;
					padding: 5px; }

#body {
	float: left;
	width: 927px;
	margin: 15px 0 0 0; }
	#body #mainarea {
		float: left;
		width: 927px; }
		#body #mainarea h1 {
			margin: 0 0 15px 0; }
		#body #mainarea ul#nav {
			float: left;
			background: transparent url("../images/bg_homenavigation.gif") no-repeat 0 0;
			width: 245px;
			height: 229px; }
			#body #mainarea ul#nav li {
				position: relative;
				float: left;
				width: 245px; }
				#body #mainarea ul#nav li a {
					width: 250px;
					height: 70px;
					text-indent: -5000px;
					display: block; }
			/* Flyouts */
			#body #mainarea ul#nav li ul {
				position: absolute;
				left: -999em;
				margin-left: 250px;
				margin-top: -70px;
				padding: 10px 0 0 0; }
				#body #mainarea ul#nav li ul#industrial {
					background: transparent url("../images/bg_blueRolloverHome.gif") repeat-y 0 0; }
				#body #mainarea ul#nav li ul#environmental {
					background: transparent url("../images/bg_orangeRolloverHome2.gif") repeat-y 0 0; }
				#body #mainarea ul#nav li ul#occupational {
					background: transparent url("../images/bg_greenRolloverHome.gif") repeat-y 0 0; }
				#body #mainarea ul#nav li ul li {
					width: 172px;
					_width: 100px;
					border-bottom: 1px dotted #FFF;
					font-family: Verdana;
					font-size: 11px;
					color: #FFF;
					margin: 0 0 5px 3px;
					padding: 0 0 7px 0; }
					#body #mainarea ul#nav li ul li.last {
						border-bottom: none; }
					#body #mainarea ul#nav li ul li a {
						color: #FFF;
						font-family: Verdana;
						font-size: 11px;
						width: 160px;
						_width: 140px;
						height: 100%;
						text-indent: 0; }
			#body #mainarea ul#nav li:hover ul ul, #body #mainarea ul#nav li.sfhover ul ul {
				left: -999em; }
			#body #mainarea ul#nav li:hover ul, #body #mainarea ul#nav li li:hover ul, #body #mainarea ul#nav li.sfhover ul, #body #mainarea ul#nav li li.sfhover ul {
				left: auto; }

		#body #mainarea #homephotos {
			float: left;
			margin: 0 0 0 7px;
			_margin: 0;
			width: 675px;
			height: 229px; }

	#body #newsarea {
		float: left;
		background: transparent url("../images/bg_news.gif") no-repeat 0 0;
		width: 927px;
		height: 125px;
		margin: 20px 0 0 0;
		font-family: Verdana, Sans-Serif;
		font-size: 11px;
		color: #666; }
		#body #newsarea #news {
			float: left;
			width: 590px; }
			#body #newsarea #news #newsheader {
				float: left;
				width: 160px;
				margin: 0 5px 0 0;
				padding: 10px 0 0 0; }
			#body #newsarea #news div.newsblock {
				float: left;
				width: 160px;
				margin: 0 50px 0 0;
				padding: 10px 0 0 0; }
				#body #newsarea #news div.newsblock a {
					color: #666; }
				#body #newsarea #news div.newsblock a.readmore {
					float: right;
					margin: 10px 0 0 0;
					font-family: Arial, Sans-Serif;
					font-size: 12px;
					color: #007EA3;
					text-decoration: underline; }
				#body #newsarea #news div.newsblock strong {
					color: #007EA3; }
		#body #newsarea #resources {
			float: left;
			width: 200px;
			padding: 8px 8px 8px 60px; }
			#body #newsarea #resources p {
				padding: 10px 0 0 0; }
			#body #newsarea #resources a {
				text-decoration: underline;
				color: #666; }
			#body #newsarea #resources a.more {
				float: right;
				margin: 15px 0 0 0;
				font-family: Arial, Sans-Serif;
				font-size: 12px;
				color: #007EA3; }

#footer {
	clear: both;
	width: 927px;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	*padding: 0;
	font-size: 12px;
	color: #666; }
	#footer a {
		text-decoration: none;
		color: #666; }
	#footer p#ftrleft {
		float: left;
		width: 390px; }
	#footer p#ftrright {
		float: right;
		text-align: right;
		width: 300px; }