/* North Coast Steelhead Alliance CSS Document */

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

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#3A4C5A;
	background:#ECEAE3 url(../images/bg_stripes.jpg) repeat-x top left;
	margin-bottom:40px;
	font:normal 13px/1.4em georgia, times, serif;
}

a { 
	color:rgb(51,102,102);
	text-decoration:underline;
}

a:hover {
	color:rgb(30,82,47);
	text-decoration:underline;
}
ul {
	margin:0; padding: 0; 
	list-style: none;
	}

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

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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


#container {
margin:0px auto;
width: 758px;
text-align: center;
background: url(../images/bg.jpg) repeat-y top center;
}

#header {
width:750px;
height:142px;
margin: 0 auto;
background:url(../images/masthead.jpg) no-repeat top left;
position:relative;
}

#header h1#logo a {
width:350px; height:125px;
text-indent:-9999px;
float:left;
}

#footer {
width:774px;
height:34px;
background:url(../images/footer_bg.jpg) no-repeat bottom left;
}

#nav {
width:750px; height:40px;
margin: 0 auto;
background:url(../images/nav_bg.jpg) repeat-x top left;
}

#banner {
width:750px; height:156px;
background: url(../images/banners/banner1.jpg) no-repeat top left;
margin:0 auto;
}

#sidebar {
width:254px;
float:left;
text-align:center;
padding: 0 0 12px 0;
}

#content {
width:504px;
float:right;
text-align:left;
padding-top:20px;
}

#footer {
margin:0 auto;
width:760px;
background:url(../images/footer_bg.jpg) no-repeat top center;
}

/* SIDEBAR */

a#donate_button {
display:block;
width:225px; height:60px;
background:url(../images/donate.jpg) no-repeat top left;
text-indent:-9999px;
margin:10px auto;
}

a#action_button {
display:block;
width:225px; height:60px;
background:url(../images/action.jpg) no-repeat top left;
text-indent:-9999px;
margin:10px auto;
}

a#signup_button {
display:block;
width:225px; height:60px;
background:url(../images/signup.jpg) no-repeat top left;
text-indent:-9999px;
margin:10px auto;
}

/*NAVIGATION*/

#nav ul {
display:block;
margin-left:10px;
}

#nav ul li {
display:inline;
float:left;

}

#nav ul li a {
display:block;
font:normal 11px/40px Georgia, Times, serif;
color:#FAF7EB;
text-transform:uppercase;
text-decoration:none;
padding:0 10px;
}

#nav ul li a:hover {
color:#B8CED2;
}

#nav ul li a.active {
background:url(../images/nav_active.jpg) repeat-x top left;
color:#B8CED2;
border-left:1px solid #78858D;
border-right:1px solid #78858D;
}

/*UTILITY NAV*/

ul#utility {
margin-right:20px;
margin-top:2px;
float:right;
}

ul#utility li {
display:inline;
color:#FAF7EB;
padding: 0 0 0 20px;
}

ul#utility li a {
font:normal 10px/18px Georgia, Times, serif;
color:#FAF7EB;
text-transform:uppercase;
text-decoration:none;
}

/* LOCAL NAV */

#content #localnav {
display:block;
width:160px; height:200px;
border:1px solid #5A4B43;
background:#819396;
float:right;
margin:0px 40px 20px 20px;
color:#5A4B43;
}

#content #localnav ul {
list-style-type:none;
margin:10px;
}

#container #content #localnav ul li {
width:100px;
list-style-type:none;
}

#localnav ul li a {
text-decoration:none;
width:100px;
font-size:12px;
}

#localnav h4 {
color:#C8D1B8;
font:bold 14px Georgia, Times, serif;
text-transform:smallcaps;
margin:10px;
}

/* NEWS BOX */
#newsbox {
width:225px;
background:url(../images/newsbox_mid.gif) repeat-y 0 0;
margin:0 auto;
text-align:left;
}
#newsbox h2 a {
display:block;
width:225px; height:41px;
background:url(../images/newsbox_title.jpg) no-repeat top left;
text-indent:-9999px;
}

#newsbox dl {
padding:5px 80px 10px 10px;
background:url(../images/newsbox_foot.jpg) no-repeat 0 100%;
}

#newsbox dt {
font-weight:bold;
margin-bottom: 5px;
}
#newsbox dd {
	margin: 0 0 15px;
	font-size: 12px;
}

/* NEWSLETTER SIGNUP */

#signup {
	margin-left: 20px;
	margin-bottom: 20px;
}

/* TYPOGRAPHY */

#content h2, #content h3 {
color:#5A4B43;
font-weight:normal;
}

#content h3 {
text-transform:uppercase;
font-size:13px;
}

#content h2 {
font-size:22px;
}

#content h2, #content h3, #content p, #content ul {
margin:0 40px 14px 20px;
}

#content p {
line-height:1.4em;
}

#content ul li {
margin:0 30px 8px 15px;
list-style-type:circle;
}
#content dl.newslist {
margin:0 30px 15px 20px;
}
#content dl.newslist dt {
font-weight: bold;
margin: 10 0 10px 0;
}
#content dl.newslist dd {
margin: 0 0 5px;
}

#content a {
color:#5A4B43;
}

#footer p {
padding-top:10px;
font-size:11px;
}