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

ul, li, a, img, h1, h2, h3, h4, h5, h6, img,p,div {margin:0px; padding:0px; border:none; background-color: transparent;}



body
{
   background-color: #696969;
   background-image: url(../images/Sockeye%20Salmon%20in%20Cle%20Elum%20River%20by%20Joel%20Hubble%20Reclamation%20%282%29.jpg);
   background-position: left top;
   background-repeat: repeat;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
}

a{ color: #0000FF; text-decoration: underline;}
a:visited { color: #800080;}
a:active { color: #FF0000; }
a:hover { color: #0000FF; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {font-weight:bold;font-family:Arial; color:#000 }


h1 { font-size: 32px; }
h2 { font-size: 27px; margin-bottom:10px;}
h3 { font-size: 24px; }
h4 { font-size: 21px;}
h5 {font-size: 19px;}
h6 { font-size: 16px;}



.CustomStyle
{
   font-family: "Courier New";
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   color: #000080;
   background-color: transparent;
}

div#container
{
   width: 954px;
  margin:0px auto;
}

div#container_big{width:1260px;margin:0px auto;}
#container_big .left_bar{float:left;width:153px;}
#container_big .right_bar{float:left;width:954px;}
#container_big .left_bar .left_panel{background-color:#404040;width:100px;margin-top:180px; min-height:200px;width:100%;}
#container_big .left_bar .left_panel menu ul li{float:none;}
#container_big .rightInner img{width:100%;margin-bottom:10px;}

.clear{clear:both;}
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.aL{float:left;}
.aR{float:right;}
img {border:solid 1px #000000;}

.header{width:100%; background-color:#000084;height:130px;clear:both}
.header img.logo{margin:18px 0px 0px 26px; float:left;border:none;}
.header .txt{padding:18px 0px 0px 25px;float:left;}
.header .txt h1{font-size:53px;color:#ffffff; font-weight:bold;}
.header .txt h3{font-size:20px;color:#ffffff;}

.menu{width:100%; background-color:#404040;height:50px;}
.menu ul{list-style:none}
.menu ul li {float:left;width:159px;text-align:center;}
.menu ul li a{color:#FFF; line-height:50px; font-size:24px; font-weight:bold; text-decoration:none;}
.left_bar ul li a {font-size:19px;line-height:42px;}
.menu ul li.active{background-color:#B4B4BE}
.menu ul li.active a{color:#000;}

.mid-section{background-color:#B4B4BE; width:auto; padding:20px 15px 20px 15px;}
.leftInner {float:left;width:49%;}
.rightInner{float:right;width:49%;}

.WaterRight .leftInner {width:65%}
.WaterRight .rightInner {width:35%;}
.WaterRight .rightInner img {margin-bottom:0px!important;}
.WaterRight .rightInner p{font-size:15px;} 

.Watershed .leftInner ul li,.Expert .leftInner ul li {margin-bottom:15px;}

.Geochemistry .leftInner {width:54%}
.Geochemistry .rightInner {width:45%;}

.Yakima .leftInner {width:59%}
.Yakima .rightInner {width:40%;}



.Expert .leftInner {width:58%}
.Expert .rightInner {width:41%;}

.leftInner ul {padding-left:40px; margin:10px 0px;}
.leftInner ul li {margin:4px 0px;}

p.home_p{font-size:19px;}

#SlideShow1{position:relative; max-width:100%;width:451px;height:331px;border:1px #404040 inset;z-index:1}
#SlideShow1 .image { border-width: 0; left: 0; top: 0; width: 100%; height: 100%;}
#SlideShow1 #SlideShow1_back{position: absolute; left: 4px; top: 156px; width: 20px; height: 20px; z-index: 999;}
#SlideShow1 #SlideShow1_next{position: absolute; left: 421px; top: 156px; width: 20px; height: 20px; z-index: 999;}

.title{height:50px; background-color:#404040; width:auto; padding-left:12px; margin:10px 0px ;}
.title h4{line-height:50px; color:#FFFFFF;}
.media{width:100%;}
.media .aL, .media .aR{width:50%;}
.media img{float:left; margin-right:10px;}
.media p {padding-left:10px;font-size:21px;}

.profile {padding:15px 0px 0px 0px; width:100%}
.profile img{float:left;margin-right:20px;}

.img_bx{
	float:left;
	width:138px;
	margin-right:18px;
}
.img_bx_last{margin-right:0px;}
.img_bx p {margin:15px auto; text-align:center;width:100%; font-size:19px;}
.img_bx img{width:100%; border:1px solid #000; height:99px;}


.service img{width:140px ;height:101px; float:left; margin:10px 20px 10px 0px;}
.service h3{vertical-align:middle;padding-top:45px;}
.service a{text-decoration:none;}
.project .service h3{padding-top:35px;}
.project .service h5{font-weight:normal;}
.service:after{clear:both;}
.sml_ctr{width:100%; font-weight:bold; text-align:center; font-size:15px; color:#000000;}
.hirst_rgt_btm {width:100%;margin-top:20px;}
.hirst_rgt_btm a{text-decoration:none;}
.hirst_rgt_btm  .aL{width:25%; text-align:center}
.hirst_rgt_btm .aR{width:75%;}
.hirst_rgt_btm .aR img{width:100%}
.hirst_rgt_btm  .aL .sml_ctr{font-size:19px; font-weight:normal;}
.para{margin:20px 0px 20px 24px;}
.para strong{font-size:19px;}
.para ul{padding-left:16px;list-style-type: square;}
.para ul li {margin-bottom:10px;}
.small{font-size:13px;}
strong.h3{font-size:19px;}

.contact .aL{width:61%;text-align:center;}
.contact .aR{width:38%; margin-right:1%}
.contact  .aL img{margin-right:10px;}

table#Table1{ border: 2px #404040 solid; border-spacing: 1px; width:100%;margin-top:15px;}
table#Table1 td{     border: 1px #404040 solid}
table#Table1 tbody td{font-size:13px;}

.img_title{font-weight:bold; font-size:15px; text-align:center;margin-bottom:10px;}

.footer{ background-color:#404040; min-height:106px; width:100%}
.footer div{color: #B4B4BE; font-size: 13px;}

.footer .aL{width:20%}
.footer .aR{width:12%}
.footer .aM{float:left;width:60%;font-size:15px;padding-top:20px; }
.footer .aM_WR{padding-top:5px;}
.footer .aM .WR{width:216px;margin:0px auto; padd}
.footer .aM .WR img{float:left;margin-right:5px;}
.footer .aM .WR a{color:#A0A0A0; text-decoration:none;}
.footer .aM .WR p{font-size:19px;text-align:left;}
.footer .aL{padding:69px 0px 0px 21px;}
.footer .aR{text-align:right;padding:21px;}

.author, .footer div.author{padding-left:45px;font-style:italic; font-size:15px;}



.footer a:link{
    color:#B4B4BE;
}


a[href^="mailto:"]
{ 
  font-family: sans-serif;
  color: #B4B4BE;
  font-size: 11px;
}

.home_p a:visited{color:black;}
.home_p  a {color: #000000;} 
.home_p a {text-decoration: none; }