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

* {
	margin:0;
	padding:0;
	}

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

#container {
	width:861px;
	margin:0 auto;
	background:url(../gfx/container_bg.png) repeat-y;
	padding:0 25px;
	}
	
#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 {
	font-size:12px;
	}
	
	
	
/* =Header
----------------------------------------------- */

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

#subheader {
	width:861px;
	height:96px;
	background:url(../gfx/subheader_bg.jpg) no-repeat;
	}
	
#tagline {
	width:620px;
	height:96px;
	background:url(../gfx/tagline_bg.gif) no-repeat;
	float:left;
	position:relative;
	left:-12px;
	padding:0 0 0 35px;
	}
	
#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 .water {
	background:#005f91;
	}
	
#tagline .hair {
	background:#977813;
	}
	
#tagline .food {
	background:#00923f;
	}
	
#tagline .household {
	background:#a11c15;
	}
	
/* =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 {
	display:block;
	width:256px;
	height:34px;
	margin:12px;
	position:relative;
	}

#nav li a span {
	width:100%;
	height:100%;
	position:absolute;
	}
	
#nav #nav_communities {
	height:226px;
	}
	
#nav_communities span{
	background:url(../gfx/nav_communities.gif) no-repeat;
	}
	
#nav_partners span {
	background:url(../gfx/nav_partners.gif) no-repeat;
	}

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

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

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

#nav #nav_fnehin {
	height: 59px;
}

#nav_fnehin span {
	background:url(../gfx/nav_fnehin.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;
	}
	
/* =Primary
----------------------------------------------- */

#primary {
	width:531px;
	float:right;
	padding:0 30px 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;
	}
	
/* =Footer
----------------------------------------------- */

#footer {
	clear:both;
	width:536px;
	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;
	}