@charset "UTF-8";
/* CSS Document */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #eeece0;
}
a:link {
	color:#003552;
	text-decoration:underline;
}
a:visited {color:#06479b; text-decoration:underline;}
a:hover {color:#a1815b; text-decoration:underline;}
a:active {color:#06479b; text-decoration:underline;} 

.oneColFixCtrHdr #container {
	width: 950px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	position: relative;
	box-shadow: 10px 10px 5px #888;
	border: 2px solid #778b4c;
}
.oneColFixCtrHdr #header {
	background-image: url(../images/kbrt_logo_long_final.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 150px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 30px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-align: right;
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.boxshadow { 
-moz-box-shadow: 10px 10px 5px #BBB;
-webkit-box-shadow: 10px 10px 5px #BBB;
box-shadow: 10px 10px 5px #BBB;
}

.oneColFixCtrHdr #footer {
	padding: 0 10px;
    background: #eeece0;
    background: -webkit-linear-gradient(#eeece0 0%, #e2e2e2 80%, #cdcdcd 100%);
    background: linear-gradient(#eeece0 0%, #e2e2e2 80%, #cdcdcd 100%);
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#home_slider {
	height: 400px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
/* navigation */
#stylefour{
	position:relative;
	display:block;
	height:35px;
	font-size:1em;
	font-weight:bold;
	font-family:Arial, Verdana, Helvitica, sans-serif;
	border-top-width: 4px;
	border-top-color: #778b4c;
	border-top-style: solid;
	background-image: url(../images/bgOFFlow.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#stylefour ul{
	padding:0;
	list-style-type:none;
	width:auto;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
#stylefour ul li{
	display:block;
	float:left;
	padding-left: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EDEDED;
}
#stylefour ul li a{
	display:block;
	float:left;
	color:#003552;
	text-decoration:none;
	height:23px;
	background:transparent;
	padding-top: 11px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}
#stylefour ul li a:hover,#stylefour ul li a.current{
color:#06479b;
background:#fff url(../images/bgON.gif) no-repeat top right;
}
#stylefour ul ul {
	background: #5f6975;
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
}
#stylefour ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
#stylefour ul ul li a {
			padding: 15px 40px;
			color: #fff;
		}	
#stylefour ul ul li a:hover {
				background: #4b545f;
			}
#lowernav{
	position:relative;
	display:block;
	height:35px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Verdana, Helvitica, sans-serif;
	background-color: transparent;
	background-image: url(../images/bgOFFlow.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#lowernav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
#lowernav ul li{
	float:right;
	margin:0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EDEDED;
}
#lowernav ul li a{
	display:inline;
	float:right;
	color:#003552;
	text-decoration:none;
	height:23px;
	background:transparent;
	padding-top: 11px;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
}
#lowernav ul li a:hover,#lowernav ul li a.current{
color:#06479b;
background:#fff url(../images/bgON.gif) no-repeat top right;
}

#Box1 {
	float: left;
	width: 57%;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
#Box2 {
	float: right;
	width: 33%;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	position: static;
	top: 350px;
	left: 700px;
	margin-right: 10px;
	display: inline;
	border: 1px dashed #FFFFFF;
}
#Box3 {
	float: left;
	width: 95%;
	padding-right: 20px;
	padding-left: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	position: relative;
	display: inline;
	overflow: hidden;
	text-align: left;
}
#Box4 {
	float: right;
	width: 25%;
	padding-top: 2px;
	position: static;
	top: 350px;
	left: 650px;
	margin-right: 30px;
	text-align: center;
}
#Box5left {
	float: left;
	width: 42%;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 10px;
}
#Box6right {
	float: right;
	width: 42%;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 45px;
}

#Box7left {
    float: left;
	width: 28%;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 20px;
}

#Box8right {
	float: right;
	width: 28%;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 45px;
}
#Box9 {
	float: left;
	width: 65%;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
#Boxparty {
	float: left;
	width: 95%;
	padding-right: 20px;
	padding-left: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	position: relative;
	display: inline;
	overflow: hidden;
	background-image: url(../images/leaves.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#party_text {
	float: none;
	width: 60%;
	padding-top: 25px;
	padding-left: 200px;
	margin-left: auto;
	margin-right: auto;
}
.clear {clear: both; line-height: 1px; visibility: hidden}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}
.fltrt2 { /* Use this class for lowernav for ie6 bug. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.fltlft2 { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.header1_style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #003552;
	margin-top: 0px;
}
.header2_style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #44768D;
}
.header3_style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #44768D;
}
.header4_style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #44768D;
}
#second_page_nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
#sidebar1  {
	float: left;
	width: 23%;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	background-color: #B7B139;
	top: auto;
}
#sidebar1  h3,.t    {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
#mainContent  {
	float: right;
	width: 70%;
	margin-top: 0;
	margin-right: 0.25em;
	margin-bottom: 0;
	margin-left: .1em;
} 
#mainContent2  {
	float: left;
	width: 95%;
	margin-top: 0;
	margin-right: 0.25em;
	margin-bottom: 0;
	margin-left: 0.1em;
	padding-left: 15px;
	overflow: hidden;
	text-align: left;
} 
.bullet {
	list-style-position: outside;
	list-style-type: square;
}
.boxheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}
.boxtext {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.second_page_subheader2 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/watertransactions.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader3 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/aboutkbrt.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader4 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/restoration.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader5 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/monitoring.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader6 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/currentevents.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader7 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/partners.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader8 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/contact.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader9 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/annualreport.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader10 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/staff.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader11 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/boardofdirectors.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader12 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/klamathbasin.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader13 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/specstudies.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader14 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/projectdes.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader15 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/specstud.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader16 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/flowingwater.jpg);
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
.second_page_subheader17 {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	/*background-image: url(../images/crep.jpg); */
	height: 175px;
	border-bottom-style: solid;
	border-bottom-color: #778b4c;
}
#slides{
	/* This is the slide area */
	height:400px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:950px;
	overflow:hidden;
	position: relative;
}
.slide{
	float:left;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#header_box {
	float: left;
	width: 33%;
}
#party_box {
	float: left;
	width: 33%;
}
#cssmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-family: verdana, geneva, arial, helvetica, sans-serif;
  font-size: 11.5px;
  font-weight: bold;
  color: #8e8e8e;
  width: auto;
}
#cssmenu > ul {
  margin-top: 6px !important;
}
#cssmenu ul {
  background: #eeece0;
  background: -webkit-linear-gradient(#eeece0 0%, #e2e2e2 80%, #cdcdcd 100%);
  background: linear-gradient(#eeece0 0%, #e2e2e2 80%, #cdcdcd 100%);
  border-top: 1px solid #A8A8A8;
  -webkit-box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #768b51, 0 2px 0 #84877e, 0 8px 0 #768b51, 0 9px 0 #5d6e40, 0 -1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #768b51, 0 2px 0 #84877e, 0 8px 0 #768b51, 0 9px 0 #5d6e40, 0 -1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #768b51, 0 2px 0 #84877e, 0 8px 0 #768b51, 0 9px 0 #5d6e40, 0 -1px 1px rgba(0, 0, 0, 0.1);
  height: 27px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul ul {
  border-top: 6px solid #768b51;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#cssmenu ul ul a {
  line-height: 43px;
}
#cssmenu ul ul ul {
  left: 100%;
  top: 0;
}
#cssmenu li {
  float: left;
  padding: 0px 8px 0px 8px;
}
#cssmenu li a {
  color: #666666;
  display: block;
  font-weight: bold;
  line-height: 30px;
  padding: 0px 19px;
  text-align: center;
  text-decoration: none;
}
#cssmenu li a:hover {
  color: #000000;
  text-decoration: none;
}
#cssmenu li ul {
  background: #eeece0;
  border-left: 2px solid #768b51;
  border-right: 2px solid #768b51;
  border-bottom: 2px solid #768b51;
  display: none;
  height: auto;
  filter: alpha(opacity=95);
  opacity: 0.95;
  position: absolute;
  width: 200px;
  z-index: 200;
  /*top:1em;
		/*left:0;*/

}
#cssmenu li:hover > ul {
  display: block;
}
#cssmenu li li {
  display: block;
  float: none;
  padding: 0px;
  position: relative;
  width: 200px;
}
#cssmenu li ul a {
  display: block;
  font-size: 11.5px;
  font-style: normal;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#cssmenu li ul a:hover {
  background: #949494;
  color: #000000;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
#cssmenu p {
  clear: left;
}
#cssmenu .active > a {
  background: #0d4496;
  -webkit-box-shadow: 0 -4px 0 #768b51, 0 -5px 0 #84877e, 0 -6px 0 #768b51;
  -moz-box-shadow: 0 -4px 0 #768b51, 0 -5px 0 #84877e, 0 -6px 0 #768b51;
  box-shadow: 0 -4px 0 #768b51, 0 -5px 0 #84877e, 0 -6px 0 #768b51;
  color: #ffffff;
}
#cssmenu .active > a:hover {
  color: white;
}

#cssmenu .active > a:hover {
  color: white;
}

.clear { 
    clear:both; 
}