.hide { display: none }
/*Styles to control overall fonts, sizes and colors of generic elements*/
body         { font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin: 0px; padding: 0px }
img  { border: 0; display: block }
p   { font-size: 12px; margin-left: 10px }
a:link    { color: #000080; font-weight: bold; line-height: 25px; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a:visited   { color: #0000cd; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a:hover   { color: #0000cd; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a:active  { color: #0000cd; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
h1    { font-size: 24px; text-align: center; margin-top: 5px; margin-bottom: 5px; padding: 0px }
h2    { font-size: 16px; text-align: center; text-indent: 10px; margin: 0px; padding: 0px }
h3  { margin-left: 20px }
select   { color: #000; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #ffffe0; text-align: center; text-transform: uppercase; margin: 0 auto }
input   { color: #000; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: center; margin: 0 auto }
.center  { text-align: center; margin: 0px auto auto auto }
.label { color: #fff; font-weight: bold; font-size: 12px; text-transform: uppercase }
/*Controls style of tab menus to right of map*/
body.forms     { background-color: #fff; text-align: center; margin: 0px 0px 0px 5px; padding: 0px; font-size: 12px }
.forms h1  { font-size: 13px; margin: 0 0 0 15px; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; }
.forms h2 { font-size: 13px; text-align: left }
.forms h3 { font-size: 12px; text-align: left; margin: 0px 0px 0px 10px; padding: 0px }
.forms.center   { text-align: center; margin: 0px; padding: 0px }
.forms td { font-size: 12px }
.forms td.colhead  { font-size: 10px; text-align: center; text-transform: uppercase }
.forms img { vertical-align: top; float: right; margin: 0px 10px 0px 5px }
.forms img.leftalign { vertical-align: top; float: left; margin: 0px 10px 0px 5px }
.forms img.metadata { vertical-align: top; float: right; margin: 0px 10px 0px 5px; display: inline }
/*Styles for results from road, nwi, etc. reports*/
.forms #reports h2 { color: #000; font-size: 14px; text-align: center; padding-top: 20px; padding-bottom: 10px }
.forms #reports table  { border-top: 2px solid #a9a9a9; border-right: 1px solid #a9a9a9 }
.forms #reports td  { font-size: 12px; padding-right: 5px; padding-left: 5px; border-bottom: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9 }
.forms #reports td.rowhead   { font-size: 10px; text-align: left; text-transform: uppercase }
/*Styles for layers tab menu*/
#layers  { font-size: 10px; height: 90%; overflow: auto }
.forms #layers table { border: solid 1px #dcdcdc }
.forms #layers td { font-size: 12px; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #e6e6fa }
.forms #layers td.colhead { font-size: 10px; background-color: #dcdcdc; text-align: center; text-transform: uppercase }
.forms #layers input    { text-align: center; margin-top: 4px; margin-left: 10px }
.forms #layers a { margin-left: 4px }
.forms #error td { font-size: 12px; text-align: left }
.forms #error p { text-align: left }
/*Styles for identify page*/
body.identify { text-align: center; margin: 0px; padding: 0px }
.identify  { text-align: center; margin: 10px 0px 20px; padding: 0px }
.identify h1   { font-size: 13px; background-color: #d3d3d3; text-align: center; margin: 0px 0px 10px; padding: 5px 0px; border-bottom: 1px solid #c0c0c0 }
.identify h2  { color: #696969; font-size: 13px; line-height: 20px; text-align: center; margin-bottom: 10px }
.identify.center   { text-align: center; margin: 0px; padding: 0px }
.identify table { border: solid 1px #d3d3d3 }
.identify td  { font-size: 12px; margin-left: 5px; padding: 2px 4px }
.identify td.colhead   { font-size: 10px; background-color: #dcdcdc; text-align: left; text-transform: uppercase }
.identify td.rowhead { font-size: 10px; background-color: #f5f5f5; text-align: center; text-transform: uppercase }
/*Style for Help pages*/
#help  { background-color: #ffc }
/*Styles for "APPLY", "RESULTS", etc. tool buttons */
#tools    { text-align: center; margin: 0px; padding: 0px }
#tools ul    { font-size: 10px; text-align: center; text-transform: uppercase; margin: 0px; padding: 10px 0px 0px }
#tools li    { text-align: center; margin: 0px; padding: 0px 0px 0px 5px; display: inline; list-style-type: none }
#tools li a   { color: #000; line-height: 28px; text-decoration: none; background-color: #fffacd; border: solid 1px #deb887; width: 75px; height: 25px }
#tools a.selected    { color: #f00; background-color: #ff0 }
#tools a.selected:hover   { color: #f00; background-color: #ff0 }
#tools a.unselected    { color: #000; background-color: #fffacd }
#tools a.unselected:hover      { color: #f00; background-color: #ff0 }
#tools a.blink { color: #f00; background: #ff0 url(../images/blinky.gif) repeat left top }
/*Styles for database navigation buttons on reports and selection pages*/
#nav ul  { font-size: 10px; text-transform: uppercase; list-style-type: none; margin: 0px; padding: 10px 0px 0px }
#nav li   { text-align: center; float: left; margin: 0px; padding: 0px 0px 0px 5px }
#nav li a   { color: #3cb371; text-decoration: none; background-color: #fffacd; border: solid 1px #deb887; width: 60px; height: 15px; display: block }
#nav a.selected    { color: #f00; background-color: #ff0 }
#nav a.selected:hover    { color: #f00; background-color: #ff0 }
#nav a.unselected    { color: #3cb371; background-color: #fffacd }
#nav a.unselected:hover      { color: #2f4f4f; background-color: #ff0 }
/*Styles for left-hand column of selection results page*/
#leftcol   { background-color: #fdf5e6; float: left; padding-right: 5px; padding-left: 5px; border: solid 1px #a9a9a9; position: absolute; top: 30px; left: 5px; width: 200px; visibility: visible }
#leftcol p { font-size: 12px; text-align: left; margin: 0px; padding: 0px }
#leftcol h1 { font-weight: bold; font-size: 12px; text-align: left; vertical-align: middle; padding-top: 6px; padding-bottom: 8px; border-bottom: 1px solid #a9a9a9 }
/*Styles for selection result tables*/
#select      { font-size: 10px; border: solid 1px #a9a9a9; position: absolute; top: 30px; left: 210px; height: 300px; overflow: visible; visibility: visible; display: block }
#select table { margin: 0px; padding: 0px; border: 1px }
#select td { font-size: 10px; margin: 0px; padding: 1px 2px; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc }
#select td.colhead { font-size: 10px; background-color: #dcdcdc; margin: 0px; padding: 1px 2px; border-right: 1px solid #808080; border-bottom: 1px solid #808080 }
/*Styles for query result tables*/
#query      { font-size: 10px; display: block }
#query table { margin: 0px; padding: 0px; border: 1px; border-bottom: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9}
#query td { font-size: 10px; margin: 0px; padding: 1px 2px; border-top: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9 }
#query td.colhead { font-size: 10px; background-color: #dcdcdc; margin: 0px; padding: 1px 2px; border-right: 1px solid #808080; border-bottom: 1px solid #808080 }
/*Controls placement and visibilty of GRANIT logo png files to upper left of map*/
#logo_top { float: left; margin: 0px; padding: 0px; position: relative; z-index: 2; top: 0px; left: 0px; width: 93px; height: 70px; visibility: visible }
#logo_bot { float: left; margin: 0px; padding: 0px; position: relative; z-index: 2; top: 0px; left: 0px; width: 55px; height: 10px; visibility: visible }