@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
}

#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

#wrapper #logo {
	height: 100px;
	width: 900px;
	float: left;
}

#wrapper #nav {
	margin:0;
	padding:0;
	width:900;
	height: 44px;
	background-image: url(../images/Header-Nav.png);
	float: left;
}
#nav li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:44px;
	text-align:center;
	float:left;
	line-height:44px;
}
#nav a {
	display:block;
	height:44px;
}
#nav a:hover {
	background-image: url(../images/Header-Nav.png);
}

#nav-home { width:223px; }
#nav-home a:hover { background-position:bottom left; }

#nav-blank { width:561px; }
#nav-blank a:hover { background-position:-223 left; }

#nav-twitter { width:27px; }
#nav-twitter a:hover { background-position: -784px bottom; }

#nav-tmb { width:27px; }
#nav-tmb a:hover { background-position: -811px bottom; }

#nav-like { width:29px; }
#nav-like a:hover { background-position: -838px bottom; }

#nav-rss { width:30px; }
#nav-rss a:hover { background-position: -867px bottom; }

#nav span { display: none; }

#wrapper #headerImg {
	background-repeat: no-repeat;
	float: right;
}
.fb-comments {
	padding-left: 20px;
}
#bodyArea #footerR #about {
	color: #666;
	text-decoration: none;
}
#bodyArea #footerR #contact {
	color: #666;
	text-decoration: none;
}

#bodyArea #right {
	width: 677px;
	float: right;
	height: 339px;
	margin-top: 72px;
}
#bodyArea #right2 {
	float: right;
	height: 337px;
	width: 677px;
	margin-top: 72px;
	overflow: auto;
}
#bodyArea #right3 {
	float: right;
	height: 337px;
	width: 677px;
	margin-top: 72px;
	overflow: auto;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#wrapper #footer {
	height: 40px;
	clear: both;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #333;
	font-weight: lighter;
	width: 530px;
	float: left;
	text-indent: 8px;
	line-height: 18px;
	padding-top: 6px;
}
#wrapper #footerR  {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	line-height: 18px;
	font-weight: lighter;
	float: right;
	height: 40px;
	padding-top: 6px;
	width: 270px;
	color: #333;
	text-align: left;
	text-indent: 112px;
	text-decoration: none;
}
.clear {
}
p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 20px;
	font-weight: lighter;
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}
#bodyArea #left p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #000;
	margin: 20px;
}
#bodyArea #left2 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #000;
	float: left;
	width: 550px;
	white-space: normal;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 20px;
}
#bodyArea #left2 p img {
	padding-top: 20px;
}
#bodyArea #left2 {
	float: left;
	width: 627px;
}
#bodyArea #baseline {
	background-image: url(../images/baseline.png);
	height: 1px;
	width: 900px;
	margin-top: 116px;
	bottom: 681px;
	float: right;
}

#bodyArea #baseline-logo {
	background-image: url(../images/baseline.png);
	height: 1px;
	width: 900px;
	margin-top: 20px;
	bottom: 681px;
	float: right;
}

#bodyArea #footerR #privacy a {
	text-decoration: none;
	color: #333;
	font-size: 11px;
}

/* slider styles */

#s3slider {
	height: 418px;
	width: 627px;
	position: relative;
	overflow: hidden;
}
#s3sliderContent {
	height: 418px;
	width: 627px;
	margin-left: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
#toepfer {
	text-decoration: none;
	color: #FFF;
}
.s3sliderImage {
	float:left;
	position:relative;
	display:none;
	list-style-type: none;
}
.s3sliderImage span {
	position:absolute;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	padding: 10px 13px;
	color: #FFF;
	background-color: #333;
	width: 601px;
	display: none;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha (opacity=70);
	font-weight: lighter;
}


/* ovellay styles */

.top {
	top:0;
	left:0;
	width:601px;
	height:60px;
}

.bottom {
	bottom:0;
	left:0;
	width:601px;
	height:20px;
}
#left p strong {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#fblike {
	padding-top: 6px;
	float: right;
	margin-right: 20px;
}
#disqus {
	width: 550px;
	margin-left: 10px;
}
h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	font-weight: bolder;
	padding-left: 20px;
	color: #000;
	padding-top: 20px;
}

#navbox {
	height: 341px;
	width: 223px;
	margin-top: 72px;
	float: left;
}

#navigation {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/Re-Construction.png);
}

#navigation li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation a { display:block; height:30px; }

#navigation a:hover {
	background-image:url(../images/Re-Construction.png);
}

#navigation-lnd {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/re-con_but.png);
}

#navigation-lnd li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation-lnd a { display:block; height:30px; }


#nav-recon-lnd {
	width:223px;
}

#nav4-commu-lnd a:hover { background-position:0px bottom; }

#navigation-lnd span { display:none; }

#nav-recon {width:223px; }

#nav-recon a:hover { background-position:0px bottom; }

#navigation span { display:none; }

#navigation2 {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/Other.png);
}

#navigation2 li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation2 a { display:block; height:30px; }

#navigation2 a:hover {
	background-image:url(../images/Other.png);
}

#nav2-other {width:223px; }

#nav2-other a:hover { background-position:0px bottom; }

#navigation2 span { display:none; }

#navigation3 {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/beyond_imagin.png);
}

#navigation3 li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation3 a { display:block; height:30px; }

#navigation3 a:hover {
	background-image:url(../images/beyond_imagin.png);
}

#nav3-beyond {width:223px; }

#nav3-beyond a:hover { background-position:0px bottom; }

#nav3-beyond span { display:none; }

#navigation4 {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/Community.png);
}

#navigation4 li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation4 a { display:block; height:30px; }

#navigation4 a:hover {
	background-image:url(../images/Community.png);
}

#nav4-commu {width:223px; }

#nav4-commu a:hover { background-position:0px bottom; }

#nav4-commu span { display:none; }

#navigation5 {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/Arenas.png);
}

#navigation5 li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation5 a { display:block; height:30px; }

#navigation5 a:hover {
	background-image:url(../images/Arenas.png);
}

#nav5-arenas {width:223px; }

#nav5-arenas a:hover { background-position:0px bottom; }

#nav5-arenas span { display:none; }

#navigation6 {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/Urban.png);
}

#navigation6 li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation6 a { display:block; height:30px; }

#navigation6 a:hover {
	background-image:url(../images/Urban.png);
}

#nav6-urban {width:223px; }

#nav6-urban a:hover { background-position:0px bottom; }

#nav6-urban span { display:none; }

#navigation7 {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
}

#navigation7 li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation7 a { display:block; height:30px; }

#nav7-blank {width:223px; }

#nav7-blank a:hover { background-position:0px bottom; }

#nav7-blank span { display:none; }

#navigation8 {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/statements.png);
}

#navigation8 li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation8 a { display:block; height:30px; }

#navigation8 a:hover {
	background-image:url(../images/statements.png);
}

#nav8-state {width:223px; }

#nav8-state a:hover { background-position:0px bottom; }

#nav8-state span { display:none; }

#navigation9 {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/CV.png);
}

#navigation9 li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation9 a { display:block; height:30px; }

#navigation9 a:hover {
	background-image:url(../images/CV.png);
}

#nav9-cv {width:223px; }

#nav9-cv a:hover { background-position:0px bottom; }

#nav9-cv span { display:none; }

#navigation2-lnd {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/Other_landing.png);
}

#navigation2-lnd li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation2-lnd a { display:block; height:30px; }


#nav2-other-lnd {
	width:223px;
}

#nav2-other-lnd a:hover { background-position:0px bottom; }

#navigation2-lnd span { display:none; }

#navigation3-lnd {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/Beyond_landing.png);
}

#navigation3-lnd li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation3-lnd a { display:block; height:30px; }


#nav3-beyond-lnd {
	width:223px;
}

#nav3-beyond-lnd a:hover { background-position:0px bottom; }

#navigation3-lnd span { display:none; }

#navigation4-lnd {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/Community_landing.png);
}

#navigation4-lnd li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation4-lnd a { display:block; height:30px; }


#nav4-commu-lnd {
	width:223px;
}

#nav4-commu-lnd a:hover { background-position:0px bottom; }

#navigation4-lnd span { display:none; }

#navigation5-lnd {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/Arenas_landing.png);
}

#navigation5-lnd li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation5-lnd a { display:block; height:30px; }


#nav5-arenas-lnd {
	width:223px;
	
}

#nav5-arenas-lnd a:hover { background-position:0px bottom; }

#navigation5-lnd span { display:none; }

#navigation6-lnd {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/Urban_landing.png);
}

#navigation6-lnd li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation6-lnd a { display:block; height:30px; }


#nav6-urban-lnd {
	width:223px;
	
}

#nav6-urban-lnd a:hover { background-position:0px bottom; }

#navigation6-lnd span { display:none; }

#navigation8-lnd {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/Statements_landing.png);
}

#navigation8-lnd li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation8-lnd a { display:block; height:30px; }


#nav8-state-lnd {
	width:223px;
	
}


#nav8-state-lnd a:hover { background-position:0px bottom; }

#navigation8-lnd span { display:none; }

#navigation9-lnd {
	margin:0;
	padding:0;
	width:223px;
	height:30px;
	background-image:url(../images/CV_landing.png);
}

#navigation9-lnd li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	height:30px;
	text-align:center;
	float:left;
	line-height:30px;
	width: 223px;
}

#navigation9-lnd a { display:block; height:30px; }


#nav9-cv-lnd {
	width:223px;
	
}

#nav9-cv-lnd a:hover { background-position:0px bottom; }

#navigation9-lnd span { display:none; }

#bodyArea #footerR #privacy {
	color: #666;
	text-decoration: none;
}
#logo-bar  {
	height: 81px;
	width: 900px;
	float: right;
	background-image: url(../images/Green_HFC_logos.png);
	background-color: #999;
}

#bodyArea #logo_bar {
	height: 81px;
	width: 900px;
	float: right;
	margin-top: 40px;
}
