* {
    margin:        0;
}

html, body {
    margin:        0;
    height:        100%;
    min-height: 100%;
    background-color: white;
}

body {
  font: normal 11pt Arial, Verdana, Helvetica, sans-serif;
  color: black;
  text-align: left;
  margin: 0px;
  height: 100%;
  width: 100%;
} 

/* Main Sections of the page */
#header {
  width: 100%;
}

#rowOne {
  width: 100%; 
  height: 80px; 
  line-height: 80px; 
  background-color: #003300;
}

#topLinkBar {
  width: 100%;
  height: 20px;
  line-height: 20px;
  background-color: #DCDCB9;
}

#link_bar {
  width: 1210px;
  height: 20px;
  line-height: 20px;
  margin-left: auto;
  margin-right: auto;
}

#wrapper {
  width: 1210px; 
  margin-left:auto; 
  margin-right:auto;
  margin-bottom: 1em !important;
  padding: 1px;
}

#columnRight {
  position: relative;
  top: 10px; 
  width: 300px; 
  margin: 3px;
  margin-left: 5px;
  float:right;
}

#logIn, #results, #mapControls, #keyWord {
  width: 98%;
  border: thin solid #003300;
  text-align: center;
  margin: 1px;
  display: none;
}

#mapControls {
 margin-bottom: 10px !important;
 padding: 2px;
}

#results {
 font-size: 8.5pt;
 padding: 2px;
}

#logIn {
  display: block;
  border: none;
  width: 100%;
}

#columnLeft {
  margin:1px;
  width: 900px;
  float: right;
}

#intro {
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 1px;
  display: block;
  margin-bottom: 1em !important;
}

#map-canvas {
  width: 100%;
  height: 85%;
  margin: 0px;
  margin-top: 12px;
  display: none;
  border: thin solid #003300;
}

#map-canvas-controls {
  width: 100%;
  margin: 0px;
  margin-top: 10px; 
  display: none;
  text-align: center;
}

#user-input {
  width: 900px;
  margin: 1px;
  margin-left:auto; 
  margin-right:auto;
  margin-bottom: 10px !important;
  display: none;
}

#foot {
  clear: both;
  border-top: thin solid #003300;
  width: 1210px;
  margin-left:auto;
  margin-right:auto;
  margin-top: 10px !important;
}

.ClearMe { clear: both; }

.lead {
    text-align: center;
    padding: 20px;
}

/* Buttons */
/* b0 anchors are the regular type of button format, but a bit shorter for the login menu */
.b0 {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 11px;
  padding: 2px 4px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 1px solid #003300;
  background: #003300;
  text-decoration: none;
}
.b0:hover {
  color: #003300 !important;
  background: #DCDCB9;
  text-decoration: none;
}


/* b1 anchors are the regular type of button format */
.b1 {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 11px;
  padding: 4px 6px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 1px solid #003300;
  background: #003300;
  text-decoration: none;
}
.b1:hover {
  color: #003300 !important;
  background: #DCDCB9;
  text-decoration: none;
}

/* b2 anchors are green buttons */
.b2 {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 11px;
  padding: 4px 6px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 1px solid #003300;
  background: #329232;
  text-decoration: none;
}
.b2:hover {
  color: #ffffff !important;
  background: #47D147;
  text-decoration: none;
}

/* b3 anchors are for a links next to input buttons on forms */
.b3 {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 11px;
  padding: 5px 6px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  background: #329232;
  text-decoration: none;
}
.b3:hover {
  color: #003300 !important;
  background: #47D147;
  text-decoration: none;
}

/* b4 anchors are for important buttons, with maroon and red coloration */
.b4 {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 11px;
  padding: 4px 6px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 1px solid #740632;
  background: #740632;
  text-decoration: none;
}
.b4:hover {
  color: #FFFFFF !important;
  background: #FC2128;
}

/* b5 anchors are smaller b1 buttons with fixed width, for the login menu */
.b5 {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 11px;
  padding: 3px 5px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 1px solid #003300;
  background: #003300;
  text-decoration: none;
  display: inline-block;
  width: 175px;
  margin-top: .25em;
  margin-bottom: .25em;
}

.b5:hover {
  color: #003300 !important;
  background: #DCDCB9;
  text-decoration: none;
}

/* b6 anchors are smaller b2 buttons with fixed width, for the login menu */
.b6 {
  border: 1px solid #003300;
  background: #DCDCB9;
  text-decoration: none;
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 11px;
  padding: 3px 5px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  text-decoration: none;
  display: inline-block;
  width: 175px;
  margin-bottom: .25em;
}

.b6:hover {
  color: #DCDCB9 !important;
  background: #003300;
  text-decoration: none;
}

/* b7 anchors are smaller maroon buttons with fixed width, for the login menu */
.b7 {
  border: 1px solid #740632;
  background: #740632;
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 11px;
  padding: 3px 5px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  text-decoration: none;
  display: inline-block;
  width: 175px;
  margin-bottom: .25em;
}

.b7:hover {
  color: #FFFFFF !important;
  background: #FC2128;
  text-decoration: none;
}

/* b8 buttons for the stop annotation button, with coloration */
.b8 {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 10px;
  padding: 3px 5px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 1px solid #C20000;
  background: #C20000;
  text-decoration: none;
}
.b8:hover {
  color: #FFFFFF !important;
  background: #FC2828;
}

/* b9 anchors are for important buttons, with fixed width for menu, plus red coloration */
.b9 {
  font-family: helvetica;
  color: #FFFFFF !important;
  font-size: 11px;
  padding: 4px 6px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 1px solid #C20000;
  background: #C20000;
  text-decoration: none;
  width: 175px;
  display: inline-block;
  margin-top: .25em;
  margin-bottom: .25em;
}
.b9:hover {
  color: #FFFFFF !important;
  background: #FC2828;
}

embed { border: 1px solid #003300; }

/* Emphasis Styles */

em {
    font-style: normal;
    font-size: 1.5em;
    color: #003300;
    font-weight: bold;
    display: inline;
    vertical-align: text-top;
}


sup {
     vertical-align: super;
     font-style: normal;
     font-size: 1.5em;
     color: #003300;
     font-weight: bold;
 }

img.brdr {
    border-color: #003300;
    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;
  margin-left: .5em;
  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: #003300;
    margin-top: .5em;
    margin-bottom: .5em;
}

h2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #003300;
    margin-top: .5em;
    margin-bottom: .5em;
}

h3 {
    font-size: 1.3em;
    font-weight: bold;
    color: #003300;
}

h4 {
    font-size: 1.2em;
    font-weight: bold;
    color: dimgray;
    margin-top: .5em;
    margin-bottom: .5em;
}

h5 {
    font-size: 1.1em;
    font-weight: bold;
    color: dimgray;
    margin-top: .5em;
    margin-bottom: .5em;
}

hr {
    width: 100%;
    height: 1px;
    background-color:#003300;
    color:#003300;
    border: 0 none;
    margin: 5px auto;
}

p { margin-top: .5em; }

.hbar {
    width: 100%;
    height: 0px;
    background-color: White;
    border-top : thin solid #003300;
    margin-top: 2em;
    margin-bottom: 5px;
}

/* Alignment Styles */

.center { text-align: center; }
.left { text-align:left; }
.right { text-align: right; }

.Coords {
  background-color: ivory; 
  color: black;
  padding: 1px;
  border: 1px solid #003300;
  font-weight: bold;
  display: table-row;
  vertical-align: 10%;
}

.midline {
  display: table-cell;
  vertical-align: 25%;
}
/* Paragraph Styles */

P {
    color: black;
    text-indent: 1em;
}

.tiny {
  font-style: normal;
  font-size: 8pt;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-indent: 0em;
}

p.tiny:first-line {
  color: #003300;
  font-variant:small-caps;
}

p.little {
  font-size: .95em;
  text-indent: 1em;
}

P.bib {
  font-size: 8pt;
  text-indent: 0em;
  color: #003300;
}

.mini {
  font-size: 7pt;
  text-indent: 0em;
  color: #003300;
}

div.centered {text-align: center;}

div.centered table {
    margin: 0 auto; 
    text-align: left;
}

/* Table Styles */
table {
    font-size: 9pt;
    border-spacing: 0;
    border-collapse: collapse;
    margin-left:auto;
    margin-right:auto;
    table-layout: auto;
    width: auto;
    border: 1px solid #003300;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

table.label {
  border-collapse: separate;
  width: 750px;
  border-color: white;
  border-style: solid;
  background-color: white;
}


table.missions {
  border-collapse: separate;
  border: 1px solid #003300;
  border-spacing: 2px;
  padding: .2em;
}

.rv {
  width: 800px;
}

.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: Ivory; }
tr.row2 {background-color: White; }

/* Odd Table Rows (Calculate using numrows mod 2) */
tr.row1 {background-color: #DCDCB9; }

tr.hot {background-color: Aquamarine;}

/* Table footer row */
tr.footer {
   background-color: #f1f1e3;
   color: #003300;
}

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: #003300;
    color: white;
}

.caption
{
   text-align: right;
   color: black;
   font-size: 8.5pt;
   font-weight: bold;
   width: 100px;
}

.centercap
{
    text-align: center;
    color: black;
    font-weight: bold;
}

.fldname
{
    text-align: right;
    font-size: 8pt;
    background-color: #DCDCB9;
    color: #003300;
    width: 100px;
}

.colname
{
    text-align: center;
    background-color: #003300;
    color: white;
    font-weight: bold;  
}

.colname1
{
    text-align: center;
    background-color: ivory;
    color: #003300;
    font-variant: small-caps;
    font-weight: bold;  
}

.colname2
{
    text-align: center;
    background-color: silver;
    color: #003300;
    font-weight: bold;  
}

.colhead
{
    text-align: center;
    text-decoration: underline;
    color: #003300;
    font-size: 11pt;
    font-variant: small-caps;
    font-weight: bold;
    background-color: darkgray;
}

.tblname
{
    text-align: center;
    text-transform: capitalize;
    background-color: #DCDCB9;
    color: #003300;
    font-size: 10pt;
    font-weight: bold;  
}

.tbl
{
    text-align: center;
    text-transform: capitalize;
    background-color: #DCDCB9;
    color: black;
    font-size: 9pt;
}

.data
{
    text-align: left;
    background-color: #DCDCB9;
    color: black;
    font-size: 8pt;
    width: 650px;
}

.datasmall
{
    text-align: left;
    color: black;
    font-size: 8pt;
}

.help
{
    text-align: left;
    color: #003300;
    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;
}

/* Link Styles */

a:hover, a:active { outline: none; }

a, a:active, a:visited { color:#003300; }
a:hover { color: #660000; }

A.headerlinks:link, A.headerlinks:visited, A.headerlinks:active { 
  font-size: 9pt;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #003300; 
  text-decoration: none; 
  font-weight: normal; 
}

A.headerlinks:hover { 
  font-size: 9pt;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #660000; 
  text-decoration: none; 
  font-weight: normal;
}

a.hover {
  color: maroon;
  text-decoration: none;
}