/* Skeena Watershed Conservation Coalition CSS Document */

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

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#666;
	background:#fff;
	font:11px/1.3em Verdana, arial, sans-serif;
}

a {
color:#000;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

strong {
color:#000;
}



/* 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
--------------------------------------------------------------------------------------------------- */

#logo-nav {
width:900px; height:100px;
margin:0 auto;
text-align:left;
position:relative;
}

h1#logo a {
display:block;
width:200px; height:70px;
background:url(../images/logo.gif) no-repeat top left;
text-indent:-9999px;
position:absolute; top:30px; left:-1px;
}

#banner {
display:block; height:338px;
margin-bottom:30px;
}

#home #banner {background:#d3dfe6 url(../images/banner_home.jpg) no-repeat top center;}
#about #banner {background:#d3dfe6 url(../images/banner_about.jpg) no-repeat top center;}
#training #banner {background:#161616 url(../images/banner_training.jpg) no-repeat top center;}
#guiding #banner {background:#869bb0 url(../images/banner_guiding.jpg) no-repeat top center;}
#contact #banner {background:#d3dfe6 url(../images/banner_contact.jpg) no-repeat top center;}



#wrapper {
margin:0px auto 30px auto;
width: 900px;
text-align: left;
position:relative;
}

#wrapper ul li {
margin-left:20px;
}

#content1 {
width:650px;
float:left;
}

#content2 {
width:250px;
float:right;
}


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

#logo-nav ul#nav {
display:block;
position:absolute;
left:300px; top:75px;
}

#logo-nav ul#nav li {
display:inline;
list-style:none;
float:left;
}

#logo-nav ul#nav li a {
display:block;
height:17px;
background-position:0 -1px;
text-indent:-9999px;
}
#logo-nav ul#nav li#n_home a {background-image:url(../images/n_home.gif); width:66px }
#logo-nav ul#nav li#n_about a {background-image:url(../images/n_about.gif); width:84px }
#logo-nav ul#nav li#n_guiding a {background-image:url(../images/n_guiding.gif); width:97px }
#logo-nav ul#nav li#n_training a {background-image:url(../images/n_education.gif); width:259px }
#logo-nav ul#nav li#n_contact a {background-image:url(../images/n_contact.gif); width:94px }

#logo-nav ul#nav li a:hover {
background-position:0 -18px;
}

#home #logo-nav ul#nav li#n_home a,
#about #logo-nav ul#nav li#n_about a,
#training #logo-nav ul#nav li#n_training a, 
#guiding #logo-nav ul#nav li#n_guiding a, 
#contact #logo-nav ul#nav li#n_contact a { 
background-position:0 -18px;}



/* Typography */

h2 {
font-size:10px;
margin-bottom:10px;
color:#000;
}

#content1 h2 {
margin-left:400px;
}

p {
margin-bottom:10px;
}

#content1 p {
margin-right:15px;
margin-left:400px;
}

/* Footer */

#footer {
display:block;
width:900px; height:111px;
position:relative;
background:url(../images/logo_group.jpg) no-repeat 400px 0px;
margin: 0 auto 30px auto;
}

#footer a#acmg {
display:block;
text-indent:-9999px;
height:75px; width:75px;
position:absolute; left:400px; top:15px;
}

#footer a#caa {
display:block;
text-indent:-9999px;
height:75px; width:75px;
position:absolute; left:500px; top:15px;
}