#topspacer{
  color: black; 
  width:950px;
  height:10px;
  clear:both;
  margin:0 auto;
  padding:0px;
}
#container{
  background-color:black;
  width:960px;
  border:0px;
  text-align: left;
  margin:0 auto;
}
#leftCol{
  color: white;
  background-color:black;
  float:left;
  width:150px;
  margin:0px;
  padding-right: 10px;
  position:relative;
  text-align: left;
}
#mapSearch{
	background-color: white;
  color: black;
  float:left;
  width:618px;
  margin-left:0px;
  padding-right: 0px;
  position:relative;
  text-align: left;
}
#centerCol{
  background-color:white;
  color: black;
  float:left;
  width:620px;
  margin: 0px;
  text-align: left;
  padding: 10px;
  padding-bottom: 40px;
}
#rstats{
  width: 620px;
  margin-bottom: 20px;
}
#wideCenterCol{
  background-color:white;
  color: black;
  float:left;
  width:940px;
  margin: 0px;
  text-align: left;
  padding: 10px;
  padding-bottom: 40px;
}
#rightCol{
  color: white;
  background-color:black;
  float:right;
  width:160px;
  margin:0px;
  position:relative;
  text-align: left;
  text-indent: 10px;
}
#header{
  color: black;
  background-color:black;
  width:980px;
  clear:both;
  text-align: center;
  padding: 0px;
  margin:0 auto;
}
#bottomspacer{
  color: black; 
  width:950px;
  height:10px;
  clear:both;
}
#footer{
  color: white; 
  background-image:url(/img/River980w.jpg);
  width:980px;
  clear:both;
  text-align: left;
  text-indent: 10px;
  margin:0 auto;
}
#menu{
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
}
div.ad{
  float: left;
  border: 0px;
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 30px;
}
div.ad300{
  float: left;
  border: 0px;
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 5px;
}
div.ad468{
  float: left;
  border: 0px;
  margin: 0px;
  padding: 0px;
  margin-left: 75px;
  margin-right: 75px;
  padding-bottom: 5px;
}
div.rightimage{
  float: right;
  border: 0px;
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
  padding-bottom: 30px;
}
div.leftimage{
  float: left;
  border: 0px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 30px;
}
div.caption {
  font-size: 80%;
  font-style: italic;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
div.mapcaption {
  font-style: normal;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
div.captionnarrow {
  font-size: 80%;
  font-style: italic;
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 150px;
}
body { 
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  background-color: black;
  color: white;
  font-size: 10pt;
}
H4 {
  color: white;
  font-weight: bolder;
}
H4.black {
  color: black;
  font-weight: bolder;
}
a:link {
  color: RoyalBlue;
  font-style: normal;
  font-weight: bold;
}
a:visited {
  color: RoyalBlue;
  font-style: normal;
  font-weight: bold;
  text-decoration: underline;
}
a.white:link {
  color: white;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}
a.white:visited {
  color: white;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}
a.maintitle {
  color: white;
  font-style: normal;
  font-size: 30px; 
  font-weight: bold;
  letter-spacing: 30px;
  text-decoration: none;
}
a.maintitle:visited {
  color: white;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}
ul{
  margin-left: 25px;
  padding-left: 0px;
  text-indent: 0px;
}
li{
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px;
  text-indent: 0px;
}
h1{
  font-size: 30px;
  margin-bottom: 4px;
  color: white;  
  letter-spacing: 30px;
}
table.riverdata{
  margin-left: auto;
  margin-right: auto;
}
table.riverdata tr.even{
  background-color: lightgrey;
}
table.riverdata tr.odd{
  background-color: white;
}
table.riverdata td.text{
  text-align: left;
}
table.riverdata td{
  text-align: right;
}
table.riverdata th.selected{
  background-color: pink;
}
table.riverdata th{
}
table.riverprofile{
  margin-left: auto;
  margin-right: auto;
  background-color: lightgrey;
  border: 0;
}
td.selected{
  color: red;
}
table.riverprofile td{
  padding: 8px;
  border: 0;
  margin: 0;
}
table.riverprofile td.barchart{
  vertical-align: bottom;
}
table.riverprofile td{
  text-align: center;
}
table.riverprofile th{
  text-align: center;
  background-color: white;
}
table.riverprofile caption{
  font-weight: bold;
}
table.rmap {
  width: 960px;
  margin-left: 5px;
  margin-right: 5px;
}
table.riversummary {
  width: 370px;
  padding: 0px;
  border: 0;
  margin-left: 5px;
  background-color: lightgrey;
}
table.riversummary td {
  border: 0;
  margin: 0;
  padding-bottom: 5px;
  background-color: white;
  text-align: center;
  vertical-align: center;
  font-style: italic;
}
table.riversummary th {
  text-align: center;
  background-color: white;
  vertical-align: top;
  padding-bottom: 5px;
}
#widerivermap{
  width: 960px;
  height: 500px;
  margin-left: 0px;
  margin-bottom: 0px;
}
#bigrivermap{
  width: 620px;
  height: 400px;
  margin-left: 0px;
  margin-bottom: 0px;
}
#rivermap{
  width:230px;
  height:330px;
  margin-left: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}
#mapmany{
  width:350px;
  height:500px;
  margin-left: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}
#widemapmany{
  width:600px;
  height:900px;
  margin-left: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}
#mapmanytall{
  width:350px;
  height:600px;
  margin-left: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}
table.birdnames{
  margin-left: auto;
  margin-right: auto;
}
table.birdnames tr.even{
  background-color: lightgrey;
}
table.birdnames tr.odd{
  background-color: white;
}
table.birdnames td{
  text-align: left;
}
table.birdnames th.selected{
  background-color: pink;
}
table.birdnames th{
  text-align: left;
}