/* Skeena Watershed Conservation Coalition CSS Document */

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

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#666;
	background:#404040;
	font:12px/1.4em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

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;
}


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


#wrapper {
margin:0px auto 0 auto;
padding-bottom:30px;
width: 760px;
text-align: left;
background:white url(/gfx/main_bg.gif) repeat-y top center;
}

#banner {
width:760px;
height:90px;
background: #404040 url(../gfx/inside_banner.jpg) no-repeat bottom left;
}

#banner h1#logo a {
display:block;
width:350px; height:100px;
text-indent:-9999px;
text-align:left;
}

#sidebarwrap {
width:180px;
float:left;
margin-top:30px;
text-align:left;
}

#sidebarcontent {
text-align:left;
padding-top:10px;
}

#content {
width:580px;
float:right;
position:relative;
margin-top:30px;
}

#footer {
width:760px; height:40px;
position:relative;
clear:both;
margin:0 auto 40px auto;
background: url(/gfx/footer_bg.gif) no-repeat bottom center;
text-align:left;
}

/* article image */

#articleimg {
width:250px;
float:right;
margin:0 20px 10px 20px;
padding-top:10px;
}

#articleimg img {
margin:0 auto 5px auto;
clear:both;
text-align:center;
float:none;
}

#articleimg p.caption {
font-size:11px; line-height:1.3em;
font-style:italic;
margin:12px 0 0 0; padding:0;
color:#555;
}

/* home page layout */

#home #banner {
height:230px;
background: #404040 url(/gfx/home_banner.jpg) no-repeat bottom left;
}

#home #banner h1#logo a {
width: 350px;
height:150px;
position:absolute;
left:0;
top:46px;
}

#home #sidebarwrap {
margin-top:15px;
}

#home #content {
margin-top:15px;
}


#home #content #col1 {
width:290px;
float:left;
}

#home #content #col2 {
width:290px;
float:right;
}
#home #content #col2 ul {
margin:0 15px 0 15px; 
padding:0;
}
#home #content #col1 p {
margin:0 10px 12px 20px;
}

#home #content #col1 img {
margin-left:20px;
}

#home #content #col2 ul#listview li {
margin:0;
}



/* navigation */

#utility {
background:#404040;
color:#6287be;
height:40px;
width:760px;
text-align:right;
font-size:11px;
}

#utility ul {
}

#utility form {
display:block;
margin: 15px 0 5px 0;
}

#utility ul li {
display:inline;
list-style:none;
}

#utility ul li a {
color:white;
text-decoration:none;
}

#utility ul li a:hover {
text-decoration:underline;
}

/* primary nav */

ul#nav {
	margin: 0;
	padding: 0;
	width:760px;
	float: left;
	background:#6287be;
	list-style: none;
	text-transform: uppercase;
	font:bold 11px/1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	border-top:5px solid #6287be;
	}

ul#nav li {
	float: left;
	}
	
ul#nav li#n_about {
margin-left:13px;
}

ul#nav li a {
	padding:2px 10px 2px 10px;
	line-height: 2.1em;
	text-decoration: none;
	color: #fff;
	float: left;
	display: block;
	}
	
ul#nav li a:hover {
	background:#819FCB;
	color:#fff;
	}
	
body#about ul#nav li#n_about a,
body#skeena ul#nav li#n_skeena a,
body#getinvolved ul#nav li#n_involved a,
body#gallery ul#nav li#n_gallery a,
body#projects ul#nav li#n_projects a,
body#news ul#nav li#n_news a,
body#resources ul#nav li#n_res a {
background:#fff url(/gfx/nav_corner.jpg) no-repeat top right;
color:rgb(72,91,6);
padding:2px 13px 2px 10px;
}

/* sidebar and local nav */

#sidebarwrap #localnav {
margin:0 0 10px 20px;
padding-top:10px;
background:rgb(60,82,115) url(/gfx/localnav_bg_top.gif) no-repeat top left;
}

#sidebarwrap #localnav ul {
display:block;
width:160px;
margin:0;
padding-bottom:10px;
background:rgb(60,82,115) url(/gfx/localnav_bg_bot.gif) no-repeat bottom left;
}

#sidebarwrap #localnav li {
list-style:none;
margin:0 10px 6px 10px;
}

#sidebarwrap #localnav a {
color:#eee;
}

#sidebarwrap #localnav h3 {
color:white;
margin:0px 10px 5px 10px;
}

#sidebarwrap p,
#sidebarwrap ul,
#sidebarwrap h3 {
margin:0 20px 12px 20px;
}

#sidebarwrap li {
margin-bottom:10px;
list-style:none;
}

	
/* main content */

#content h2 {
margin:0 30px 6px 20px;
font:bold 18px/1.4 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
color:#336633;
}

#content h3 {
margin:20px 30px 0px 20px;
font:bold 12px/1.4em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#content h3 a {text-decoration:none; margin:0;}
#content h3 a:hover {text-decoration:underline;}

#content p {
margin:0 30px 14px 20px;
}

#content ul {
margin:0 30px 14px 50px;
}

#content p.dateline {
font-size:11px; line-height:1.3em;
color:#555;
}

#footer p {
padding:0 0 10px 30px;
font:normal 9px/1.8em Arial, Helvetica, sans-serif;
}

/* listview styles */

#content ul.listview {
margin:0 20px 20px 30px;
padding:0;
font-size:11px;
}

#content ul.listview li {
margin:0;
padding:5px 3px 5px 3px;
list-style:none;
}

#content ul.listview li p,
#content ul.listview li h3 {
margin:0; padding:0;
}

.shade {
background:#eee;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}
.noshade {background:#fff;}


/* gallery styles */

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

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

body#gallery #content {
width:760px;
}

/* sidebar buttons */

ul#buttonset li {
margin-bottom:5px;
}

a#button_donate,
a#button_email,
a#button_join,
a#button_shellout {
display:block;
width:160px; height:50px;
text-indent:-9999px;
background-position:0 0;
}

a#button_donate {background-image:url(/gfx/button_donate.jpg);}
a#button_email {background-image:url(/gfx/button_email.jpg);}
a#button_join {background-image:url(/gfx/button_join.jpg);}
a#button_shellout {background-image:url(/gfx/button_shellout.jpg);}

a#button_donate:hover {background-position:-160px 0;}
a#button_email:hover {background-position:-160px 0;}
a#button_join:hover {background-position:-160px 0;}
a#button_shellout:hover {background-position:-160px 0;}

/* action center styles */

body#getinvolved #content #Letter_Content {
width:250px;
}

body#getinvolved div#salsa.salsa table {
margin-left:15px;
}

/* email news */

#emailupdates h2, 
#emailupdates h3 {
line-height:1.4em;
}