/*
CSS for Klumbenv site
*/

body {
  font-family: Arial, Sans-serif;
  background-color: #D8D8D8;
  line-height: 150%;
  padding: 0;
  margin: 0;
}



h1 {
  font-size: 225%;
  background-color: #8fbc8f;
  background-image: url(TopBorder.png);
  padding-bottom: .7em;
  padding-left: .4em;
  margin: 0;
} 

h1 {
  font-family: Papyrus, Arial, Helvetica, sans-serif;
  color: #4682b4;
  font-position: right;

}

h2, h3 {
  font-family: Papyrus, Arial, Helvetica, sans-serif;
  color: #000080;
  padding-top: .7em;
}

li {
  font-size: small;
  list-style-type: circle;
}

h2 {
  font-size: 150%;
  padding-left: 1.0em;
}

h3 {
  font-size: 125%;
 padding-left: 2.0em;
}

h4 {
 font-size: 1.5em;
 font-color: white;
 padding-left: .9em;
}

p {
  font-size: small;
  color: black;
  padding-right:.1em;
}

a {
  font-size: 125%;
}

a:link {
 color: #000080;
}

a:visited {
 color: black;
}

a:hover {
 font-style: italic;
 color: #ee82ee;
 background-color: #000080;
 font-size: Large;
}

a:active {
  text-decoration: italic;
  color: #ff00ff;
  background-color: #000080;
}

.klumb {
  color: #000080;
  font-family: Papyrus, Times, serif;
  font-size: medium;
}

.attentiongrab {
  width: 65%;
}

.inlinephoto p {
 font-size: 75%;
 font-weight: bold;
 margin-top: 0;
}

.inlinephoto img {
 border: 3px solid black;
}

.bold {
 font-size: 125%;
 font-weight: bold;
}

#mainnavigation {
  background-color: #b0c4de;
  background-image: url(Balloon_184x319.jpg);
  color: #191970;
  font-weight: strong;
  width: 184px;
  height: 319px;
  border: 3px double black; 
  left: 10px;
}

.highlight {
  border-width: 10px;
  border-style: inset;
  border-color: #999999;
}

/*This section deals with the position of items on the screen.  It uses absolute positioning - fixed x and y coordinates measured from the top-left corner of the browser's content display. */

#mainnavigation, #bodycontent, #header, #tagline, #members {
  position: absolute;
}

#mainnavigation, #bodycontent {
 top: 9.0em;
}

#bodycontent {
 left: 240px;
 padding-right: 1.0em;
}

table {
 border-collapse: collapse;
 border: 1px solid black;
}

table a{
 font-size: 75%;
}
 th {
 text-align: left;
 background: gray;
 color: white;
 padding: 0.2em;
}

td {
 border: 1px solid black;
 padding: 0.2em;
}
  
#tagline {
 top: 480px;
 left: 30px;
 font-size: 75%;
}

#members {
 background-color: #66ccCC;
 background-image: url(sm_wetland.jpg);
 color: green;
 font-weight: bold;
 border-width: 10px;
 border-style: inset;
 border-color: #999999;
 width: 200px;
 top: 3.0em;
 right: 10px;
 padding-left: 20px;
}

#header {
 width: 100%;
 border-top: 3px double black; 
 border-bottom: 3px double black;
}