/* == Fonts*/

@font-face {
    font-family: 'AllerLightRegular';
    src: url('fonts/aller_lt-webfont.eot');
    src: url('fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller_lt-webfont.woff') format('woff'),
         url('fonts/aller_lt-webfont.ttf') format('truetype'),
         url('fonts/aller_lt-webfont.svg#AllerLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AllerLightItalic';
    src: url('fonts/aller_ltit-webfont.eot');
    src: url('fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller_ltit-webfont.woff') format('woff'),
         url('fonts/aller_ltit-webfont.ttf') format('truetype'),
         url('fonts/aller_ltit-webfont.svg#AllerLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* =General stuff
----------------------------------------------- */

* {
	margin:0;
	padding:0;
	}

img {
	border:0;
	}
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#container {
	width:980px;
	margin:0 auto;
	background:url(../gfx/container_bg_980.png) repeat-y;
	padding:0 20px;
	}
	
#content {
	clear:both;
	}
	
div.photoboxleft img {
	float:left;
	clear:left;
	margin-right:10px;
	margin-bottom:10px;
	}

div.photoboxright img {
	float:right;
	clear:right;
	margin-left:10px;
	margin-bottom:10px;
	}

img.left {
	float:left;
	clear:left;
	margin-right:10px;
	margin-bottom:10px;
	}

img.right {
	float:right;
	clear:right;
	margin-left:10px;
	margin-bott0m:10px;
	} 

/* =Type
----------------------------------------------- */

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#90a2ab url(../gfx/body_bg.jpg) repeat-x;
	}

h1 {
	font-size:32px;
	}
	
h2 {
	font-size:26px;
	font-weight:normal;
	}
	
h3 {
	font-size:18px;
	font-weight:normal;
	}
	
h4 {
	font-size:16px;
	}
	
h5 {
	font-size:14px;
	}
	
p, li, .text {
	font-size:12px;
	}
	
	
	
/* =Header
----------------------------------------------- */

#header {
	width:943px;
	height:289px;
	position:relative;
	}
	
#header h1 {
	position:relative;
	width:943px;
	height:192px;
	}
	
#header h1 span {
	position:absolute;
	width:100%;
	height:100%;
	background:url(../gfx/header_bg_980.jpg) no-repeat;
	}

#subheader {
	width:943px;
	height:97px;
	background:url(../gfx/subheader_bg.jpg) no-repeat;
	}
	
#utility_nav {
	position:absolute;
	top:10px;
	right:23px;
	}
	
#utility_nav a {
	display:block;
	float:left;
	padding-right:5px;
	}

	
#tagline {
	width:620px;
	height:97px;
	background:url(../gfx/tagline_bg.gif) no-repeat;
	float:left;
	position:relative;
	left:-20px;
	padding:0 0 0 35px;
	}
	
#tagline.home p {
	color:#FFF;
	font-family:AllerLightItalic, Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-top:25px;
	}
	
#tagline .survey {
	float:left;
	width:128px;
	margin-right:25px;
	}
	
#tagline .box {
	width:101px;
	float:left;
	margin:5px 12px 7px 0;
	}
	
#tagline .box p {
	padding:2px 10px;
	color:#FFF;
	}
	
#tagline .box a {
	color:#FFF;
	text-decoration:none;
	}

#tagline .surfaceWater {
	background:#0391D9;
	}
	

	
#tagline .drinkingWater {
	background:#00B5B0;
	}
	
#tagline .hair {
	background:#C59D19;
	}
	
#tagline .food {
	background:#00923F;
	}
	
#tagline .household {
	background:#A11A55;
	}
	
/* =Search Box
----------------------------------------------- */	

#search {
	width:201px;
	margin:50px 0 0 0;
	float:right;
	padding:0 0 10px 0;
	}

#search #search_box {
	border:none;
	background:url(../gfx/search_box_bg.gif) no-repeat;
	width:131px;
	height:19px;
	padding:2px 5px 0 5px;
	}
	
#search #submit {
	top:6px;
	position:relative;
	}
	
#primary .search_result {
	padding:10px 0;
	margin:10px 0;
	border-bottom:1px dotted #CCC;
	}
	
#primary .search_result h4 {
	margin:0;
	padding:0;
	}
	
#primary .search_result p.meta {
	font-style:italic;
	font-size:11px;
	margin:0;
	padding:0;
	}
	
	
/* =Nav
----------------------------------------------- */

#nav {
	list-style:none;
	}

#nav li {
	list-style:none;
	}
	
#nav li a, #nav_fnehin, #nav_photos {
	font-family:AllerLightRegular, Arial, Helvetica, sans-serif;
	display:block;
	width:216px;
	height:26px;
	margin:12px;
	padding:8px 0 0 40px;
	position:relative;
	clear:left;
	text-decoration:none;
	color:#456149;
	font-size:20px;
	
	}



	
#nav #nav_communities {
	height:226px;
	position:relative;
	}
	
#nav_communities span {
	position:absolute;
	top:80px;
	left:173px;
	display:block;
	font-size:12px;
	color:#FFF;
	}
	
#nav_communities {
	background:url(../gfx/nav_communities.gif) no-repeat;
	}
	
#nav_partners  {
	background:url(../gfx/nav_partners.gif) no-repeat;
	}

#nav_forum  {
	background:url(../gfx/nav_forum.gif) no-repeat;
	}

#nav #nav_schedule {
	margin-bottom:0;
	}

#nav_schedule  {
	background:url(../gfx/nav_schedule.gif) no-repeat;
	}
	
#nav_download  {
	background:url(../gfx/nav_download.gif) no-repeat;
	}

#nav_fnehin {
	height: 47px;
	line-height:12px;
	padding-top:20px;
}


#nav_fnehin span {
	font-size:10px;
	}

#nav_fnehin  {
	background:url(../gfx/nav_visit.gif) no-repeat;
}

#nav_photos  {
	background:url(../gfx/nav_photos.gif) no-repeat;
}

#schedule_nav {
	width:240px;
	background:url(../gfx/schedule_nav_bg.gif) repeat-y;
	margin-left:20px;
	}
	
#nav #schedule_nav li {
	padding:8px;
	color:#FFF;
	}
	
#nav #schedule_nav a {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	display:inline;
	color:#FFF;
	}
	
#nav #schedule_nav li.last {
	background:url(../gfx/schedule_bottom.gif) bottom left no-repeat;
	padding-bottom:20px;
	}
	
#fb_box {
	background:#FFF;
	margin-left:14px;
	width:254px;
	height:290px;
	}
	
/* =Primary
----------------------------------------------- */

#primary {
	width:620px;
	float:right;
	padding:0 60px 0 10px;
	}
	
#primary h2, #primary h3, #primary h4, #primary h5, #primary p {
	margin:15px 0;
	}
	
#primary p, #primary li {
	line-height:18px;
	}
	
#primary a {
	color:#136998;
	}

#primary ul, #primary ol {
	margin:20px;
	}

/* =Secondary
----------------------------------------------- */

#secondary {
	width:290px;
	float:left;
	}
	
/* =Photo Gallery
----------------------------------------------- */	
#primary .gallery_nav {
	margin:0;
	padding:0;
	}
#primary .gallery_nav li {
	font-size:18px;
	line-height:26px;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	}
	
#primary .gallery_nav a {
	display:block;
	border:1px solid #CCC;
	padding:110px 10px 10px 10px;
	width:128px;
	height:22px;
	text-align:center;
	text-decoration:none;

	}
	
#photo_icon {
	background:url(../gfx/photos_icon.jpg) 10px 0 no-repeat;
		margin-right:10px;
	}
	
#video_icon {
	background:url(../gfx/videos_icon.jpg) 10px 0 no-repeat;
	}
#photos_db {
	margin:0 0 12px 12px;
	float:left;
	padding-bottom:12px;
	border-bottom:1px solid #93a395;
	}

#photos_db .photo {
	float:left;
	width:106px;
	height:106px;
	padding:8px;
	margin-right:8px;
	background:url(../gfx/photos_db_bg.gif) repeat-x;
	}
	

	
/* =Footer
----------------------------------------------- */

#footer {
	clear:both;
	width:620px;
	padding:15px 25px 15px 300px;
	color:#000;
	}

#footer p {
	font-size:10px;
	}
		
#footer a {
	color:#000;
	text-decoration:none;
	}
		
#footer .toplinks {
	text-align:right;
	border-bottom:1px solid black;
	}
	
#footer .copyright {
	padding:10px 0;
	font-style:italic;
	}