<!--
body {
  font: normal 9.5pt Arial, Verdana, Helvetica, sans-serif;
  color: black;
  text-align: center;
  background-color: #DCDCB9;
  background-image: url(images/wms.jpg);
  background-repeat: repeat-y;
  background-attachment: fixed;
  background-position: center center 
} 

body.labels {
  font: normal 11pt Arial, Verdana, Helvetica, sans-serif;
  color: black;
  background-color: white;
}

/* Slideshow style */

.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 910px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 12px;
  padding: 6px 10px;
  position: absolute;
  bottom: 8px;
  width: 98%;
  text-align: center;
  background-color: black;
}

/* Number text (1/3 etc) */
.numbertext {
  color: white;
  font-size: 11px;
  padding: 6px 10px;
  position: absolute;
  top: 50;
}

/* The dots/bullets/indicators */
.dot, .dotRed, .dotGrn {
  cursor:pointer;
  height: 11px;
  width: 11px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

.dotRed {
 background-color: #C20000;
}

.dotGrn {
 background-color: #003300;
}

.dotRed:hover {
 background-color: #FC2128;
}

.dotGrn:hover {
 background-color: #329232;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/* Main Sections of the page */

#frame {
  width:1220px;
  margin: 0 auto;
  padding:20px;
  text-align:left;
}

#container {
  margin: 0 auto;
  width: 1124px;
  } 

/* To use navColumn, the right column must be adjusted to 440 px. */
/* Then, include "navigation.php" in the navColumn div. */	
#navColumn {
  margin-right: .5em;
  width:110px;
  height:900px;
  padding:.5em;
  float:left;
  background:#5a5a28;
  border: 1px solid maroon;
}

#header, .bannerO, .bannerM {
  position: relative;
  text-align: center;
  width: 1200px;
  margin: auto;
  padding: 10px;
  vertical-align: middle;
  background-color: #5a5a28;
  border: thin solid maroon;
  height: auto;
  color: ivory;
}

.bannerM {
  padding: 3px;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  background-color: maroon;
  border: thin solid #5a5a28;
  height: auto;
  color: ivory;
}

#container1, #container2 {
  clear: both;
  text-align: left;
  width: 1184px;
  margin: 0px auto 0px auto;
  background-color: ivory;
  border: 1px solid maroon;
  padding: 1em;
}

#leftColumn, #contentLeft, #belowMap, #mapBlock, #mapControls, #map3d_container {
  width:600px;
  padding:1em;
  float:left;
  border: 1px solid maroon;
  text-align: left;
  margin-right: .5em;
  margin-bottom: .5em;
  overflow: auto;
  background:ivory;
  clear: both;
}

#contentLeft, #mapBlock, #map3d_container {
  background-color: #DCDCB9;
}

#mapControls {
  background-color: #5a5a28;
  height: 90px;
  color: ivory;
  overflow: hidden;
  padding: .5em;
}

#mapBlock {
  text-align: center;
  overflow: hidden;
  padding: .5em; 
  border: 1px solid maroon;
  height: 520px;
}

#map{
  height: 100%;
}

#map3d {
  height: 100%;
}

#columnRight {
  padding:1em;
  float:right;
  border: 1px solid maroon;
  background: ivory;
  overflow: auto;
  width: 555px;
}

#belowmap {
  clear:both;
  width:590px;
}

#wrapper {
  text-align: left;
  margin: 0px auto;
  padding: 0px;
  border:0;
  width: 1220px;
  background: transparent;
}

#side-a {
  float: left;
  width: 600px;
  background: transparent;      
}

#side-b { 
  margin: 0;
  float: right;
  width: 600px;
  height: 1%; /* Holly hack for Peekaboo Bug */
  background: transparent;
}

/* The oneColumn block centers in the frame */
#oneColumn {
  clear: both;
  text-align: left;
  width: 1100px;
  margin: 0px auto 0px auto;
  margin-left: -250px; 
  background-color: ivory;
  border: 1px solid maroon;
  padding: 1em;
}

#footer {
  position: relative;
  text-align: center;
  width: 100%;
  clear: both;
  margin: auto;
}

embed { border: 1px solid maroon; }

.floatright {
   float: right;
   margin: 0 0 10px 10px;
   clear: right;
}

/* Emphasis Styles */

em {
    font-style: normal;
    font-size: 1.5em;
    color: maroon;
    font-weight: bold;
    vertical-align: text-top;
}

img.brdr {
    border-color: maroon;
    border-style: solid;
    border-width: 1px;
}

IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }

div.figureCenter {
  text-align: center;
  margin: 0.25em;
}

div.figureCenter p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.figureRight {
  float: right;
  margin: 0.25em;
  padding: 0.15em;
}

div.figureRight p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.figureLeft {
  float: left;
  margin: 0.25em;
  padding: 0.15em;
}

div.figureLeft p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

/* Header Styles */

.caps { font-variant: small-caps; }

h1 {
    font-size: 2em;
    font-weight: bold;
    color: maroon;
}

h2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #5a5a28;
}

h3 {
    font-size: 1.3em;
    font-weight: bold;
    color: #5a5a28;
}

h4 {
    font-size: 1.2em;
    font-weight: bold;
    color: dimgray;
}

h5 {
    font-size: 1.1em;
    font-weight: bold;
    color: dimgray;
}

hr {
   color: maroon;
   margin-left: auto;
   margin-right: auto;
}

/* Alignment Styles */

.center { text-align: center; }
.left { text-align:left; }
.right { text-align: right; }

/* Link Styles */

a:link { color: blue }  /* for unvisited links */
a:visited { color: maroon } /* for visited links = dimgray */
a:hover, a:active { color: red } /* when mouse is over link */

A.headerlinks:link, A.headerlinks:visited, A.headerlinks:active { 
  font-size: 8.25pt;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: ivory; 
  text-decoration: none; 
  font-weight: normal; 
}

A.headerlinks:hover { 
  font-size: 8.25pt;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #FFFFFF; 
  background : maroon; 
  text-decoration: none; 
  font-weight: normal;
}

.Coords {
  background-color: ivory; 
  color: black;
  padding: 1px;
  border: 1px solid maroon;
  font-weight: bold;
  display: table-row;
  vertical-align: 10%;
}

.midline {
  display: table-cell;
  vertical-align: 25%;
}

/* Paragraph Styles */

P {
    color: black;
    text-indent: 1em;
    clear: left;
}

.tiny {
   font-style: normal;
   font-size: 8pt;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   text-indent: 0em;
}

p.tiny:first-line {
  color: maroon;
  font-variant:small-caps;
}

p.little {
   font-size: .95em;
   text-indent: 1em;
   clear: left;
}

P.bib {
   font-size: 9pt;
   text-indent: 0em;
}

div.centered {text-align: center;}

div.centered table {
    margin: 0 auto; 
    text-align: left;
}

/* Table Styles */
table {
    font-size: 9pt;
    border: 2px solid maroon;
    border-spacing: 0;
    border-collapse: collapse;
    margin-left:auto;
    margin-right:auto;
    table-layout: auto;
    width: auto;
}

table.label {
  border-collapse: separate;
  width: 750px;
  border-color: white;
  border-style: solid;
  background-color: white;
}

.noborder {border-style: none; }

.bline { 
    border-color: darkgray;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    vertical-align: middle;
    text-align: center;
}

/* Even Table Rows (Calculate using numrows mod 2) */
tr.row0 {background-color: Beige; }
tr.row2 {background-color: Ivory; }

/* Odd Table Rows (Calculate using numrows mod 2) */
tr.row1 {background-color: #DCDCB9; }

/* Table footer row */
tr.footer {
   background-color: darkkhaki;
   color: maroon;
}

td {
    padding: 4px 4px;
    margin: 1px 1px;
    vertical-align: middle;
}

td.smlabl {
   vertical-align: middle;
   text-align: center;
   font-style: normal;
   font-size: 9pt;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color: black;
   border: 5px solid white;
   border-left: 8px;
}

td.lglabl {
   vertical-align: middle;
   text-align: center;
   font-style: normal;
   font-size: 9pt;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color: black;
   border: 9px solid white;
   border-left: 12px;
}

.rowhead {
    text-align: left;
    background-color: #5a5a28;
    color: white;
}

.caption
{
    text-align: right;
    color: black;
    font-weight: bold;
}

.centercap
{
    text-align: center;
    color: black;
    font-weight: bold;
}

.fldname
{
    text-align: right;
    background-color: #5a5a28;
    color: white;
}

.colname
{
    text-align: center;
    background-color: #DCDCB9;
    color: maroon;
    font-weight: bold;  
}

.colname1
{
    text-align: center;
    background-color: ivory;
    color: maroon;
    font-variant: small-caps;
    font-weight: bold;  
}

.colname2
{
    text-align: center;
    background-color: silver;
    color: maroon;
    font-weight: bold;  
}

.colhead
{
    text-align: center;
    text-decoration: underline;
    color: maroon;
    font-size: 11pt;
    font-variant: small-caps;
    font-weight: bold;
    background-color: darkgray;
}

.tblname
{
    text-align: center;
    text-transform: capitalize;
    background-color: #5a5a28;
    color: white;
/*  font-variant: small-caps; */
    font-size: 12pt;
    font-weight: bold;  
}

.data
{
    text-align: left;
    color: black;
    font-size: 9pt;
}

.datasmall
{
    text-align: left;
    color: black;
    font-size: 8pt;
}

.help
{
    text-align: left;
    color: maroon;
    font-size: 8pt;
    vertical-align: middle;
}

.vert {vertical-align: middle; }

dl, li {
   text-indent: 0em;
}

/* Form Styles */

input.text {
   width: 100%;
   background-color: white;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-weight: 400;
}

input.textarea {
   width: 100%;
   height: 50px;
   background-color: white;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-weight: 400;
}

/* Bouncing Navigation Buttons */

.mouseBeOffMe {
  border: 6px solid white;
}

.mouseBeOnMe {
  border-top:    8px  solid white;
  border-bottom: 4px  solid white; 
  border-left:   8px  solid white; 
  border-right:  4px  solid white;
}

.mouseBeDown {
  border-top:    10px  solid white;
  border-bottom: 2px   solid white; 
  border-left:   10px  solid white; 
  border-right:  2px   solid white;
}

.mouseBeUp {
  border: 6px solid white;
}

/* Navigation Buttons */

.button {
  display: inline;
  vertical-align: middle;
  text-align: center;
  font: bold 8pt Arial, Verdana, Helvetica, sans-serif;
  padding: 2px 4px;
  margin: 4px;
  text-decoration: none;
  cursor: default;
  text-indent: 0em;
}

a.disabled:link, a.disabled:visited, a.disabled:active, a.disabled:hover {
  visibility: hidden;
}

a.button:link, a.button:visited {
  color: #F5F5DC;        /* beige */
  border-top: 2px solid gray;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  border-left: 2px solid gray;
  background-color: maroon;
}

a.button:hover {
  color: maroon;
  border-bottom: 2px solid gray;
  border-left: 2px solid black;
  border-top: 2px solid black;
  border-right: 2px solid gray;
  background-color: #F08080;     /* lightcoral */
}

.fbutton
{
   font-size:11px;
   font-weight:bold;
   color:#F5F5DC;
   height:20px;
   background-color:#800000;
   border-top-color:#AAAAAA;
   border-top-width:2px;
   border-bottom-color:#000000;
   border-bottom-width:2px;
   border-left-color:#AAAAAA;
   border-left-width:2px;
   border-right-color:#000000;
   border-right-width:2px;
}

.lbutton
{
   font-size:11px;
   font-weight:bold;
   color: blue;
   text-decoration: underline;
   height:20px;
   background-color:ivory;
   border-style: none;
}

/* begin styles for RSS Feed */

.rss-box {
  width: 95%;
  padding: 4px 4px;
  background-color: ivory;
  border-left: 40px solid #5a5a28;
  border-top: 2px solid #5a5a28;
  border-right: 2px solid #5a5a28;
  border-bottom: 2px solid #5a5a28;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.rss-title, .rss-title a:link {
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  margin: 5px 0;
  padding: 0;
  text-align:center;
  text-decoration: none;
  color:  #5a5a28;
}

.rss-title a:visited, .rss-title a:active, .rss-title a:hover {
  text-decoration: underline;
  color: #5a5a28;
}

.rss-items {
  list-style:none;
  margin-bottom: 1em;
}

.rss-item {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  margin-bottom: 1em;
  color: black;
}

.rss-date, .rss-date a:link{
  font-size: 8pt;
  font-weight : normal;
  color: #333;
} 

.rss-description {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  color: black;
}

.feed-item-image {
  float: right;
  clear: both;
  width: 150px;
  height:auto;
  border: 1px solid maroon;
}

.vidframe {
  float: left;
  margin: 5px; 
}

a.cont {
  font-size: 8pt;
  font-weight : normal;
  color: #333;
}

a.cont:visited, a.cont:active, a.cont:hover {
  text-decoration: underline;
  color: #5a5a28;
}

/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:10em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }

/* Navigation Bar style */

ul.navmenu, .navmenu ul{
  font: normal 8.5pt Arial, Verdana, Helvetica, sans-serif;
  margin:0;
  padding-top:5px;
  padding:0;
  list-style-type:none;
  z-index: 1;
}

ul.navmenu{
  height:22px;
}

.navmenu li{
float:left;
width:146px;
position:relative;
filter:inherit;/*required to make the fade work on IE8*/
}

.navmenu li a{
display:block;
width:145px;
line-height:20px;
text-align:center;
color:white;
text-decoration:none;
background-color:#5a5a28;
border:1px solid #5a5a28;
/* border-left:none; */
}

.navmenu li li{
clear:left/*for IE7*/
}

.navmenu li li a{
border-top:none;
}

.navmenu li a:hover{
color:white;
background-color:maroon;
}

.navmenu li ul{
display:none;
position:absolute;
left:-1px;
top:22px;
}

.navmenu li ul ul{
display:none;
position:absolute;
left:146px;
top:0px;
width:146px;
}

.navmenu li:hover > ul{
display:block;
}

.navmenu li ul a{
background-color:ivory;
color:maroon;
border:2px solid #5a5a28;
border-top:none;
}

//-->