@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	border:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	color:#666;
}
div, h1, h2, h3, p, a, ul, li, blockquote, form, fieldset, legend {
	border:0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrapper {
	width:900px;
	margin:0 auto;
}
/* /////////////// general stuff /////////////// */
#wrapper .clear {
	clear:both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#wrapper h2 {
	font-size:95%;
	font-weight:normal;
}
#wrapper a {
	color:#005899;
}
#wrapper a:visited {
	color:#4fb5ab;
}
/* /////////////// header /////////////// */

#wrapper #header {
	position:relative;
	background-color:#ecf6fc;
	height:130px;
}
#wrapper #header img {
	float:left;
	margin:10px 30px 0px 10px;
}
#wrapper #header h1 {
	position:absolute;
	left:180px;
	top:28px;
	width:650px;
	height:100px;
	line-height:85%;
	font-size:145%;
	color:#999;
	font-weight: 400;
}
#wrapper #header h1 span.big {
	padding-left:40px;
}
#wrapper #header h1 span.bigger {
	font-size:130%;
	color:#999;
}
#wrapper #header h1 span.biggest {
	font-size:165%;
	color:#CCC;
	padding-left:15px;
	line-height:120%;
}
#wrapper #header #searchArea {
	position:absolute;
	left:700px;
	top:10px;
	width:200px;
	height:24px;
	z-index: 1;
}
#wrapper #header #searchArea p {
	float:left;
}
#wrapper #header #searchArea img {
	margin:0px 0px 0px 10px;
	border:0px;
	padding:0px;
}

/* /////////////// top navigation /////////////// */
#wrapper #topNav {
	background-color:#ecf6fc;
	border-bottom:#FFF 10px solid;
}
#wrapper #topNav ul {
	list-style:none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 280px;
}
#wrapper #topNav ul li {
	float:left;
	border-right:#FFF 3px solid;
}
#wrapper #topNav ul li.lastone {
	border:0px;
}
#wrapper #topNav ul li a {
	padding:0px 12px;
	line-height:1.5;
	text-decoration:none;
	color:#005899;
	font-size:95%;
}
#wrapper #topNav ul li.current_page_item a {
	color:#4fb5ab;
}
/* /////////////// sub navigation /////////////// */
#wrapper #subNav {
	position:relative;
	width:900px;
	height:240px;
}
#wrapper #subNav ul {
	float:left;
	width:180px;
	margin:0px;
	border:0px;
	padding:0px;
	list-style:none;
}
#wrapper #subNav ul li {
	margin-bottom:6px;
	background-color:#ecf6fc;
	background-image:url(/interface/images/style/subNavTop.png);
	background-position:left top;
	background-repeat:no-repeat;
}
#wrapper #subNav ul li h2 {
	background-image:url(/interface/images/style/subNavBottom.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:6px 6px 6px 10px;
}
#wrapper #subNav ul li h2 a {
	text-decoration:none;
	color:#005899;
}
#wrapper #subNav ul li.current_page_item a {
	color:#4fb5ab;
}
/* /////////////// top image /////////////// */
#wrapper #subNav #topImage {
	position:relative;
	left:10px;
	top:0px;
}
#wrapper #subNav #topImage a img {
	border:0px;
}
#wrapper #subNav #topImage div {
	position:absolute;
	width:700px;
	height:30px;
	left:180px;
	top:198px;
	z-index: 1;
	padding-left: 10px;
	background-color: #333;
	filter:alpha(opacity=70);
	opacity:0.7;
}
#wrapper #subNav #topImage p  {
	position:absolute;
	height:24px;
	left:180px;
	top:198px;
	z-index: 2;
	color: #FFF;
	font-size:90%;
	padding-left: 10px;
	padding-top: 6px;
}

/* /////////////// content /////////////// */
#wrapper #content {
	float:right;
	width:700px;
	min-height:360px;
	padding:6px 10px 0px 10px;
/*	background-image:url(/interface/images/style/pageBg/safetyHook.jpg); */
	background-position:right bottom;
	background-repeat:no-repeat;
}
#wrapper #content h2 {
	color:#005899;
	padding:0px 0px 10px 0px;
}
#wrapper #content p {
	padding:0px 0px 10px 0px;
	font-size:85%;
}
/* /////////////// sidebar /////////////// */
#wrapper #sidebar {
	width:180px;
	background-color:#ecf6fc;
}

/* /////////////// project blog /////////////// */
#wrapper #sidebar div#projectBlog {
	width:170px;
	padding:0px 0px 0px 10px;
	background-image:url(/interface/images/style/subNavTop.png);
	background-position:left top;
	background-repeat:no-repeat;
}
#wrapper #sidebar div#projectBlog img {
	margin:6px 0px;
	border:#999 1px solid;
}
#wrapper #sidebar div#projectBlog h2 {
	padding:6px 0px;
}
#wrapper #sidebar div#projectBlog h2 a {
	text-decoration:none;
	color:#005899;
}
#wrapper #sidebar div#projectBlog p {
	margin:0px 0px 10px 0px;
	font-size:80%
}
#wrapper #sidebar div#projectBlog {
	background-image:url(/interface/images/style/subNavBottom.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
/* /////////////// footer /////////////// */
#wrapper #footer {
	background-color:#ecf6fc;
}
/* /////////////// bottom navigation /////////////// */

#wrapper #footer #bottomNav {
	list-style:none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#wrapper #bottomNav li.border {
	float:left;
	width:200px;
	padding:0px 10px;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color:#CCC;
	border-right-color:#CCC;
	border-bottom-color:#CCC;
	border-left-color:#CCC;
	text-align:center;
}
#wrapper #bottomNav li.borderlastone {
	float:left;
	width:220px;
	border:0px;
	text-align:center;
}
#wrapper #bottomNav li h2 {
	min-height:40px;
}
#wrapper #bottomNav li h2 a {
	text-decoration:none;
	color:#005899;
	font-size:95%;
}
#wrapper #bottomNav li.current_page_item h2 a {
	color:#4fb5ab;
}
/* /////////////// bottom sub-navigation /////////////// */
#wrapper #footer #bottomNav ul.bottomSubNav {
	list-style:none;
}
#wrapper #footer #bottomNav ul.bottomSubNav li {
	clear:left;
	padding:0px;
}
#wrapper #bottomNav ul.bottomSubNav li h3 a {
	text-decoration:none;
	color:#666;
	font-size:70%;
	font-weight:normal;
}
#wrapper #bottomNav ul.bottomSubNav li.current_page_item h3 a {
	color:#333;
}
#wrapper #footer #associationLogos {
	background-color:#FFF;
	background-image:url(/interface/images/style/footerDrop.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 230px;
}
#wrapper #footer #associationLogos img {
	margin-top: 38px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#wrapper #footer #credits {
	background-color:#FFF;
	text-align:center;
}
#wrapper #footer #credits p {
	font-size:60%;
}