/* Skeena Watershed Conservation Coalition CSS Document */

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#000;
	background:#5a879e;
	font:13px Georgia, Times, serif;
}

body div#outerwrap {
background:url(/gfx/body_bg_top.gif) repeat-x top center;
}

p, li, h1, h2, h3, h4, h5 {
line-height:1.4em;
}


a {
color:#73663C;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}



/* Helpers
--------------------------------------------------------------------------------------------------- */

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

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

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

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

#main p.tight {
margin-bottom:0.2em;
}


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#banner {
display:block;
width:910px; height:115px; margin:0 auto;
background:url(/gfx/header_bg.png) no-repeat top left;
}

#banner h1#logo a {
display:block;
text-indent:-9999px;
height:115px; width:200px;
}

#banner a#logo {
display:block;
text-indent:-9999px;
height:115px; width:200px;
}

#homeflash {
display:block;
width:910px; height:300px;
margin:0 auto;
}

#wrapper {
margin:0px auto;
width: 910px;
text-align: left;
background:url(/gfx/page_bg_shadow.png) repeat-y top center;
}

#content, #forumwrap {
width:900px; margin:0 auto;
background:#fff url(/gfx/pg_bg_grad.jpg) repeat-x top center;
}


#sidebar {
width:300px; float:right; 
margin-bottom:30px;
}

#main {
width:599px; float:left;
border-right:1px dotted #555;
margin-bottom:30px;
}

/* Home Divisions */

#home_colwrap {width:840px; margin:0 auto;}
#home_col1 { width:279px; float:left; margin-bottom:30px; border-right:1px dotted #555; }
	#home_col1 p {margin:0 20px 12px 0;}
#home_col2-3 { width:560px; float:right; margin-bottom:30px; }
#home_col2 { width:279px; float:left; border-right:1px dotted #555; }
	#home_col2 p, #home_col2 h2, #home_col2 h3 {margin-left:15px; margin-right:15px; }
#home_col3 { width:280px; float:right; }

#home_col1 h2, #home_col2-3 h2 {
margin-bottom:15px;
}


/* Navigation
--------------------------------------------------------------------------------------------------- */

ul#nav {
display:block;
width:910px; height:27px;
background:url(/gfx/nav_bg.png) no-repeat top left;
text-align:right;
margin:0 auto;
}

ul#nav li {
display:inline; float:right;
padding-right:12px;
padding-left:12px;
height:27px;
font:bold 13px/27px helvetica, arial, sans-serif;
background:url(/gfx/nav_divider.jpg) no-repeat top right;
}

ul#nav li.last {
background:none;
}

ul#nav li a {
display:block;
height:27px;
color:#fff;
line-height:27px;
}

ul#nav li a:hover {
text-decoration:none;
color:#f0f2d6;
background:url(/gfx/nav_arrow.gif) no-repeat bottom center;
}

ul#utilitynav {
width:910px; height:30px; margin:0 auto;
text-align:right;
}

ul#utilitynav li {
display:inline;
line-height:30px;
margin-left:20px;
}

ul#utilitynav li a {
color:white;
font:normal 12px/1.3em helvetica, arial, sans-serif;
}

#localnav {
margin-bottom:20px;
}

#localnav li {
margin-left:20px;
list-style:none;
}

#localnav h2 {
margin-bottom:12px;
}


/* Typography */

#main p {
margin-bottom:12px;
}

#main ul li {
margin-left:30px;
margin-bottom:12px;
}

h2 {
font-weight:normal;
color:#393a2b;
}

#main h2 {
margin-bottom:12px;
}

#main h3 {
margin-bottom:0px;
margin-top:14px;
}

h1#news_banner {
width:910px; height:161px;
background:url(/gfx/banner_news.jpg) no-repeat top left;
margin:0 auto;
text-indent:-9999px;
}

h1#about_banner {
width:910px; height:161px;
background:url(/gfx/banner_about.jpg) no-repeat top left;
margin:0 auto;
text-indent:-9999px;
}

h1#projects_banner {
width:910px; height:161px;
background:url(/gfx/banner_projects.jpg) no-repeat top left;
margin:0 auto;
text-indent:-9999px;
}

h1#gallery_banner {
width:910px; height:161px;
background:url(/gfx/banner_gallery.jpg) no-repeat top left;
margin:0 auto;
text-indent:-9999px;
}

h1#getinvolved_banner {
width:910px; height:161px;
background:url(/gfx/banner_getinvolved.jpg) no-repeat top left;
margin:0 auto;
text-indent:-9999px;
}

h1#resources_banner {
width:910px; height:161px;
background:url(/gfx/banner_resources.jpg) no-repeat top left;
margin:0 auto;
text-indent:-9999px;
}

h1#swim_banner {
display:block;
width:910px; height:297px; line-height:1;
background:url(/gfx/banner_swim.jpg) no-repeat top left;
margin:0 auto;
text-indent:-9999px;
}

h1#forum_banner {
display:block;
width:910px; height:161px; line-height:1;
background:url(/gfx/banner_forum.jpg) no-repeat top left;
margin:0 auto;
text-indent:-9999px;
}

h1#blog_banner {
display:block;
width:910px; height:161px; line-height:1;
background:url(/gfx/banner_blog.jpg) no-repeat top left;
margin:0 auto;
text-indent:-9999px;
}

h3 {
font: bold 16px/1.3em helvetica, arial, sans-serif;
color:#197619;
}

ul.newslist li {
list-style:none;
margin:0 20px 12px 15px;
font: bold 13px/1.3em helvetica, arial, sans-serif;
color:#197619;
}

	#home_col1 ul.newslist li {
	margin-left:0px;
	}

ul.newslist li span.date_source {
font: normal 12px/1.3em Georgia, times, serif;
color:#000;
}

#main h2, #main h3, #main p, #main ul {
margin-left:30px; margin-right:30px;
}

#sidebar h2, #sidebar h3, #sidebar p, #sidebar li {
margin-left:15px; margin-right:20px;
}


/* Image Styles */

.thumb {
}

#articleimg {
margin:30px 30px 10px 15px;
}

img.merch {
margin-top:30px;
}

img.staff {
float:left;
margin:0 10px 10px 0;
}

#slideshow {
width:550px; height:400px;
margin: 0 auto;
}

#slideshow object {
border: 4px solid black;
}

/* Footer Styles
--------------------------------------------------------------------------------------------------- */

#footer {
width:910px; height:90px;
margin:0 auto;
background:url(/gfx/footer_bg.png) no-repeat top center;
text-align:left;
}

#footer img#footerlogo {
float:left; margin:0 15px 15px 15px;
border:0;
}

#forum #footer {
background:none;
padding-top:40px;
}



/* Swim 2009
--------------------------------------------------------------------------------------------------- */

ul#swimnav {
margin-left:15px;
}

#home_col1 ul#swimnav {
margin-left:0;
width:275px;
}

ul#swimnav li {
font: bold 13px/1.3em helvetica, arial, sans-serif;
list-style:none;
margin-bottom:5px;
margin-left:0;
border-bottom:1px dotted #73663c;
}

body#swim #sidebar {
float:left; 
}

body#swim #main {
float:right;
border-left:1px dotted #555;
border-right:none;
}

body#swim #wrapper #content #map p {
margin:0; padding:0;
float:none;
display:inline;
position:relative;
}

body#swim #map {
width:550px; height:400px; margin-left:15px;
}

body#swim div#content div#home_colwrap div#home_col2-3 div#home_col3 h2 {
margin-left:15px;
}
body#swim div#content div#home_colwrap div#home_col2-3 div#home_col3 div#logo_flash {
margin:0 15px 15px 15px;
}

body#swim #home_col3 p {
margin-left:15px;
}