<!--
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;
}

/* 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 {
  position: relative;
  text-align: center;
  width: 1100px;
  margin: auto;
  padding: 10px;
  vertical-align: middle;
  background-color: #5a5a28;
  border: thin solid maroon;
  height: auto;
  color: ivory;
}

#header, .bannerO {
  position: relative;
  text-align: center;
  width: 1100px;
  margin: auto;
  padding: 10px;
  vertical-align: middle;
  background-color: #5a5a28;
  border: thin solid maroon;
  height: auto;
  color: ivory;
}

.bannerM {
  position: relative;
  text-align: center;
  width: 1100px;
  margin: auto;
  padding: 10px;
  margin-top: 1em;
  margin-bottom: 1em;
  vertical-align: middle;
  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;
}