/* Primary Style Sheet for Save the River
File Name: stylesheet.css
Purpose: Primary stylesheet
Author: Mike Land
Date: 09/18/2008


*/

/* High Level Selectors 
================================== */

body {
    font: .8em Verdana, Arial, sans-serif;
    color: #333333;
    background: #32332d url(../images/bg.jpg) repeat-x;               
    margin: 0px;
    padding: 0px;
}

/* Links
=======================*/

a {
    color: #3b5a70;
    text-decoration: none;
}

a:hover {
    color: #7a9586;
    text-decoration: underline;
}

a:active {
    color: #5d728f;
    text-decoration: underline;
}


/* Containers
=======================*/

.outercontainer {margin: 0 auto; text-align: center; padding: 0;}

.newsContentContainer {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-left: 10px; 
	padding: 5px;
	background-color: white;
	}

.container {
	margin: 0px auto 0px auto; 
	width: 1000px;

}

html>body .container{background-image: url(../images/shadow.png);}

.verytop {background: url(../images/verytop.gif) repeat-x; width: 960px; height:13px; margin:0 auto;
}
.top {background: #32332d url(../images/top.gif) repeat-x; width: 960px; height:67px; margin:0 auto; text-align: right;
}
	
.top a	{
	float: left;
	text-indent:-9999px; 
	height: 60px;
	width: 619px; 
	display: block;
	overflow:hidden;
	}

.mainimg {background: #32332d url(../images/mainimg.jpg) no-repeat; width: 960px; height:351px; margin:0 auto;
}

.mainimg2 {background: #32332d url(../images/riverinfo.jpg) no-repeat; width: 960px; height:219px; margin:0 auto;
}

.mainimg_river {background: #32332d url(../images/riverinfo.jpg) no-repeat; width: 960px; height:219px; margin:0 auto;
}

.mainimg_news {background: #32332d url(../images/mainimg_news.jpg) no-repeat; width: 960px; height:219px; margin:0 auto;
}

.mainimg_about {background: #32332d url(../images/mainimg_about.jpg) no-repeat; width: 960px; height:219px; margin:0 auto;
}

.mainimg_whatwedo {background: #32332d url(../images/mainimg_whatwedo.jpg) no-repeat; width: 960px; height:219px; margin:0 auto;
}

.mainimg_events {background: #32332d url(../images/mainimg_events.jpg) no-repeat; width: 960px; height:219px; margin:0 auto;
}

.mainimg_involved {background: #32332d url(../images/mainimg_involved.jpg) no-repeat; width: 960px; height:219px; margin:0 auto;
}

.contentbox {background-color: #fff; width: 960px; margin:0 auto;}


/* Left Column
=======================*/

.leftcol {
	width: 235px;
	float:left;
	margin-left: 8px;
	font-size:12px;
	font-family:verdana, tahoma, arial, Times,serif;
	}
	
#sidenavback_river {background: #fff url(../images/sidenav.jpg) no-repeat; width: 222px; height: 278px; margin-top: 10px;}
#sidenavback_about {background: #fff url(../images/sidenav_about.jpg) no-repeat; width: 222px; height: 278px; margin-top: 10px;}
#sidenavback_news {background: #fff url(../images/sidenav_news.jpg) no-repeat; width: 222px; height: 278px; margin-top: 10px;}
#sidenavback_blog {background: #fff url(../images/sidenav_news.jpg) no-repeat; width: 222px; height: 138px; margin-top: 10px;}
#sidenavback_blogcat {background: #fff url(../images/categories.gif) no-repeat; width: 222px; margin-top: 20px;}
#sidenavback_blogarchives {background: #fff url(../images/archives.gif) no-repeat; width: 222px; height: 160px; margin-top: 20px;}
#sidenavback_blogsearch {background: #fff url(../images/search.gif) no-repeat; width: 222px; height: 400px; margin-top: 605px;}
#sidenavback_whatwedo {background: #fff url(../images/sidenav_whatwedo.jpg) no-repeat; width: 222px; height: 278px; margin-top: 10px;}
#sidenavback_events {background: #fff url(../images/sidenav_events.jpg) no-repeat; width: 222px; height: 278px; margin-top: 10px;}
#sidenavback_involved {background: #fff url(../images/sidenav_involved.jpg) no-repeat; width: 222px; height: 278px; margin-top: 10px;}
#upcomingevents {background: #fff url(../images/upcomingevents.jpg) no-repeat; width: 222px; margin-top: 10px;}
#sidenav {margin: 40px 0 0 15px; text-align: left;}

#sidenav li { list-style: none;
	   list-style-image: none;
   background-image: url(../images/navbullet.gif);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left : 9px;
	
	font-family:verdana, tahoma, arial, Times,serif;
	margin: 15px 0 5px 0; 
}

.cat-item { list-style: none;
	   
}

#sidenav li a {color: #000;}

#homeitems p {margin: 0 0 0 10px; text-align: center;}

/* Right Column
=======================*/

#breadcrumbs {font: 11px Verdana, Arial, sans-serif; margin-bottom: 8px;}

#breadcrumbs a {text-decoration:none;
  border-bottom:1px solid #d0dbe3;}

.rightcol {
	width:705px; float: right;}
	
.content {padding: 15px 10px 0 0; line-height: 1.3; text-align: left;
}

.content a {
    color: #517c9b;
    text-decoration: none;
}

.content a:hover {
    color: #8cac9a;
    text-decoration: underline;
}

.content a:active {
    color: #5d728f;
    text-decoration: underline;
}

.content h1 {font-size: 15pt; padding: 10px 0 10px 0;}

.content h2 {font-size: 13pt;}

.content h3 {font-size: 11pt;}

.content h4 {font-size: 9pt;}

.content ul li {margin-left: 13px;}
.content ol li {margin-left: 13px;}

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

.content p img {float:right; margin:3px 3px 0 5px; padding:0;}

.content p img .imgcenter {float:center;}

.spacer {clear: both;}


/* Footer and Bottom 
=======================*/

.footerbox {background-color: #000; width: 960px; height: 185px; margin:0 auto;}

.footerleft {float:left; width: 210px; padding: 15px 0 0 20px; color: #c8c7c7; text-align: left;}

.footerright {float:right; width: 720px; padding: 15px 0 5px 1px; text-align: left;}

.footerspacer {margin-right: 25px;}

.footerbox h2 {color: #a9beda; font-size: 1.4em;}

.footershadow {width: 1000px; height: 15px; background: url(../images/footershadow.gif) repeat-x;}

#bottomtext {margin: 0px auto 0px auto; text-align: center; width: 250px;}



/* Navigation
=======================*/

#strnav {
	height: 36px;
	width: 1000px;
    left: 20px;
	position: relative;
	text-align: left;
	background: url(../images/navigation3.gif) no-repeat;
}

#strnav a {text-decoration: none;}


#strnav ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 160px;
	height: 36px;
	position: relative;

}

#strnav li {
	float: left;
	height: 36px;
	cursor: default;

}
#rivernav {
	width: 110px;
		margin: 0 10px 0 0;
}
#newsnav {
	width: 80px;
	margin: 0 25px 0 0;
}
#aboutnav {
	width: 100px;
		margin: 0 25px 0 0;
}
#wedonav {
	width: 120px;
			margin: 0 20px 0 0;
}
#eventsnav {
	width: 90px;
			margin: 0 10px 0 0;
}
#involvednav {
	width: 92px;
}
#strnav a {
	border: none;
	color: #777;
	display: block;
	font-weight: normal;
	height: 36px;
	padding: 0 5px;
	text-indent: -9999px;
	overflow: hidden
}

#strnav #rivernav a {
	background-position: 0 0;
}
#strnav #newsnav a {
	background-position: -87px 0;
}
#strnav #aboutnav a {
	background-position: -187px 0;
}
#strnav #wedonav a {
	background-position: -276px 0;
}
#strnav #eventsnav a {
	background-position: -376px 0;
}
#strnav #involvednav a {
	background-position: -453px 0;
}

#strnav a:hover,
#strnav li:hover a,
#strnav li.over a {
	background: none !important;
}

#strnav li ul {
	border-bottom: 2px solid ;
	border-top: 2px solid;
	border-color: #777;
	height: auto;
	left: -9999px;
	margin: 0px 0 0 10px;


}
#strnav li:hover ul,
#strnav li.over ul {
	left: auto;
}

#strnav li ul li,
#strnav li ul li a {
	height: auto;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
#strnav li ul li a {
	border: 0px #fff;
	border-style: none solid;
}
#strnav li ul,
#strnav li ul li {
	width: 198px;
}

#strnav li:hover ul li a,
#strnav li.over ul li a,
#strnav li ul li a {
	background: none;
	display: block;
	font-size: .9em;
	padding: 6px 22px 6px 22px;
	color: #444;
}
#strnav li li {
	background: #eee;
}
#strnav li li:hover {
	background: #95add4;
}

#strnav li ul li a:hover, #nav li ul li a.over {
	background: url(../images/blsubmenu.gif) no-repeat 12px 50% !important;
	color: #000;

}

#secondaryNav {padding: 0 0 0 10px;}



/* Custom Headers
=======================*/

.divisionHead {

}

h1.divisionHead {
	font-size: 1.6em;
}

h2.divisionHead {
	font-size: 1.3em;
	font-style: italic;
}

h3.divisionHead {
	font-size: 1.1em;
	font-weight: bold;
}






/* Toggle  
================================== */


#client_toggle_panel a,#client_toggle_panel a:visited{
float:				right;
display:			block;
height:				37px;
width:				115px;
overflow:			hidden;
margin:				0 5px 0 0;;
padding:			0;
}

#client_toggle_panel a img:hover{
margin-top: -37px;
}

#client_toggle_panel_give a,#client_toggle_panel_give a:visited{
float:				right;
display:			block;
height:				37px;
width:				115px;
overflow:			hidden;
margin:				0 5px 0 0;;
padding:			0;
}

#client_toggle_panel_give a img:hover{
margin-top: -37px;
}

/* Contact Form
=======================*/

submit.textbox {
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

input.textbox { 
	margin-bottom: 5px;
	background-color: #e9eaea;
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

select.textbox {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #e9eaea;
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

textarea {
	background-color: #e9eaea;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;	
	width:590px;
	height:150px;
	padding:5px;}
}

/* Blog
=======================*/


.post {
	margin-bottom: 50px;
	padding-bottom: 50px;
	
	}
	
.storytitlez {margin-bottom: 5px;}

.postz {margin: 0 0 45px 0;}	

.datez {margin: 0 0 10px 0; font-size: 10px;}



.feedbackz {text-align: left; padding-right: 25px; font-size: 10px;}

.metaz {text-align: left; padding-right: 25px; font-size: 10px;}


/* News Form
=======================*/

.newsLabel {
	float: left;
    width: 10em;
}