html, body {
	height: 100%;
}
html {
	/*background: url(../images/loading.gif); background-attachment: fixed;*/
}
body { 
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background: url(../images/bg-home.jpg) no-repeat top center; background-attachment: fixed;
}
body.index { background: url(../images/bg-home.jpg) no-repeat top center; background-attachment: fixed; }
body.about { background: url(../images/bg-about.jpg) no-repeat top center; background-attachment: fixed; }
body.about-personnel { background: url(../images/bg-about-personnel.jpg) no-repeat top center; background-attachment: fixed; }
body.contact { background: url(../images/bg-contact.jpg) no-repeat top center; background-attachment: fixed; }
body.operating { background: url(../images/bg-operating.jpg) no-repeat top center; background-attachment: fixed; }
body.resources_references { background: url(../images/bg-resources_references.jpg) no-repeat center center; background-attachment: fixed; }
body.news { background: url(../images/bg-news.jpg) no-repeat center center; background-attachment: fixed; }
a img, img a {
	text-decoration: none;
	border: none;
}
#wrapper { 
	margin: 0px;
	padding: 40px;
	z-index: 1;
}
#nav { 
	clear: both; 
}
#nav ul,
#nav li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#nav li {
	display: block;
	float: left;
}
#nav li a {
	display: block;
	float: left;
	background-color: black;
	height: 33px;
	padding: 20px 15px 0px 15px;
	color: white; 
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
/* Nav Colors for different pages */
/* Start Home */
#nav li.nav-resources a { background-color: #032537; }
#nav li.nav-news a { background-color: #064b70; }
#nav li.nav-contact a { background-color: #096fa7; }
/* End Home */
/* Start About */
body.about #nav li.nav-resources a { background-color: #42310e; }
body.about #nav li.nav-news a { background-color: #82601b; }
body.about #nav li.nav-contact a { background-color: #bc8a27; }
/* End About */
/* Start About */
body.about-personnel #nav li.nav-resources a { background-color: #134028; }
body.about-personnel #nav li.nav-news a { background-color: #22784b; }
body.about-personnel #nav li.nav-contact a { background-color: #33b26f; }
/* End About */
/* Start Operating Locations */
body.operating #nav li.nav-resources a { background-color: #4d2205; }
body.operating #nav li.nav-news a { background-color: #91410a; }
body.operating #nav li.nav-contact a { background-color: #d55f0e; }
/* End Operating Locations */
/* Start Resources */
body.resources_references #nav li.nav-resources a { background-color: #441318; }
body.resources_references #nav li.nav-news a { background-color: #84252f; }
body.resources_references #nav li.nav-contact a { background-color: #be3443; }
/* End Resources */
/* Start Contact */
body.contact #nav li.nav-resources a { background-color: #44150f; }
body.contact #nav li.nav-news a { background-color: #7f261b; }
body.contact #nav li.nav-contact a { background-color: #bc3828; }
/* End Contact */
/* Start News */
body.news #nav li.nav-resources a { background-color: #113648; }
body.news #nav li.nav-news a { background-color: #1f6487; }
body.news #nav li.nav-contact a { background-color: #2e95c8; }
/* End News */

#main #nav li a:hover { background-color: white; color: black; }
#main #nav li.nav-logo a,
#main #nav li.nav-logo a:hover {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: 1px;
	background-color: black;
}
#content {
	margin-top: 40px;
}
#content .content-intro h1 { 
	font-size: 21px; 
	font-weight: bold; 
	padding: 4px 10px; 
	margin: 0px; 
	line-height: 35px;
	color: white; 
	background-color: #111111; 
	display: inline; 
	padding: 4px 10px; 
}
#content .content-intro h1 { background-color: #0c94de; }
body.about #content .content-intro h1 { background-color: #bc8a27; }
body.about-personnel #content .content-intro h1 { background-color: #33b26f; }
body.operating #content .content-intro h1 { background-color: #f3873c; }
body.resources_references #content .content-intro h1 { background-color: #d35f6c; }
body.news #content .content-intro h1 { background-color: #59aed9; }
body.contact #content .content-intro h1 { background-color: #bc3828; }

#content .content-intro p.home-text {
	background-color: white;
	width: 600px;
	font-size: 21px;
	line-height: 32px;
	padding: 35px;
	margin: 0px;
	margin-top: 25px;
	background: transparent url(../images/content-bg.png);
}

#content .content-main {
	width: 600px;
	font-size: 15px;
	line-height: 22px;
	/*background: transparent url(../images/content-bg.png);*/
	padding: 25px 0px;
	margin-top: 25px;
	float: left;
	background-color: white;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}
#content .content-main h2 {
	padding: 5px 0px 5px 35px;
	margin: 0px;
	margin-top: 5px;
	background-color: #ccc;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
}
#content .content-main p {
	padding-left: 35px;
	padding-right: 35px;
}
#content .content-main p.first {
	font-size: 21px;
	line-height: 30px;
}

body.about .content-main p.first { color: #bc8a27; }
body.about-personnel .content-main p.first { color: #33b26f; }
body.operating .content-main p.first { color: #d55f0e; }
body.resources_references .content-main p.first { color: #d35f6c; }
body.news .content-main p.first { color: #59aed9; }
body.contact .content-main p.first { color: #bc3828; }

#content .left-nav {
	background: transparent url(../images/left-nav-bg.png);
	width: 225px;
	float: left;
	margin-top: 25px;
}
#content .left-nav ul,
#content .left-nav li,
#content .left-nav h1 {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#content .left-nav {
	font-size: 21px;
	font-weight: bold;
	padding: 25px 0px;
}
#content .left-nav a {
	color: white;
	text-decoration: none;
}
#content .left-nav a:hover {
	text-decoration: underline;
}

.left-nav h1 { font-size: 24px; color: white; }
body.about #content .left-nav a.active { color: #dcae53; }
body.about #content .left-nav h1 { font-size: 24px; color: #bc8a27; }
body.about-personnel #content .left-nav a.active { color: #3CD583; }
body.about-personnel #content .left-nav h1 { font-size: 24px; color: #33b26f; }
body.contact #content .left-nav a.active { color: #0c94de; }
body.contact #content .left-nav h1 { font-size: 24px; color: #96D7FA; }
body.operating #content .left-nav a.active { color: #0c94de; }
body.operating #content .left-nav h1 { font-size: 24px; color: #f3873c; }
body.resources_references #content .left-nav a.active { color: #F8707F; }
body.resources_references #content .left-nav h1 { font-size: 24px; color: #E393A0; }
body.news #content .left-nav a.active { color: #65C6F9; }
body.news #content .left-nav h1 { font-size: 24px; color: #67CAFF; }
body.contact #content .left-nav a.active { color: #FF967A; }
body.contact #content .left-nav h1 { font-size: 24px; color: #FF967A; }

img.profile {
	float: left; 
	margin: 5px 15px 15px 0px; 
	padding: 5px; 
	border: solid 1px #ccc;
}
#content .left-nav li {
	padding: 3px 20px;
}
table.contact {
	border-collapse: collapse;
}
table.contact td {
	vertical-align: top;
}
table.contact em {
	font-size: 13px;
	color: #555;
}

#footer {
	padding-left: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
}
#footer p {
	padding: 4px 8px;
	background-color: black;
	color: white;
	display: inline;
	font-size: 10px;
}
#keener-logo {
	width: 96px;
	height: 74px;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 1000;
}
.clear { clear: both; }