html {margin: 0; padding: 0}
body {margin: 0; padding: 0;}
.H1 {font-size: 16pt; color: black;}
.H2 {font-size: 18pt; color: magenta;}
.H3 {font-size: 16pt; color: #00aa66;}
.H4 {font-size: 14pt; color: black;}
.H5 {font-size: 16pt; color: green;}
.H6 {font-size: 14pt; color: magenta;}
.H7 {font-size: 14pt; color: green;}
.H8 {font-size: 8pt; color: magenta;}
.H9 {font-size: 8pt; color: darkgreen;}
.H10 {font-size: 14pt; color: #004422;background-color:#ffffff;}
.H11 {font-size: 13pt;  color: #004422;background-color:#ffffff;}
.H12 {font-size: 13pt; color: black;background-color:#ffffff;}
.H13 {font-size: 16pt; color: magenta;}
.H14{font-size: 13pt; color: black;}
.H15 {font-size: 13pt; font-weight: bold; color: #582200;background-color:#ffffff;}
.H16 {font-size: 9pt; color: black;}
.H17 {font-size:10pt; color:#dd0088;}
.H18{font-size:8pt; color:#88ff88; font-weight:bold;background-color: #4072ec;border: solid 3px #1010f0;}
.thin{height: 4px; font-size: 4pt;padding:0; margin:0;}
.blink {font-size: 32pt; display: none; z-index: 2;}/* Set at 32pt. Note: changing font-size changes 'northing' position on map - the bigger, the lower.*/

td.lightup {visibility: hidden; width: 15pt;}

.casing {background-color: #78422c; border: solid 4px #9d9a7b; width:200px; height: 40px; padding:5px; text-align:center; margin:3px 3px 3px 3px; }
.casing2 {background-color: #e8f28c; border: solid 4px #9d9a7b; width:200px; height: 40px; padding:5px; text-align:center; margin:3px 3px 3px 3px; }

fieldset {margin:0; padding:5px; border:solid 4px #202009;}

.housing {background-color: #00523c; border: solid 4px #9d9a7b; width:200px; height: 45px; padding:2px; text-align:center; margin:3px 3px 3px 3px; }/*May not be needed*/
.titleClass2 {background-color: #9fd; font-family: Arial;  font-size: 12pt; color: #153; font-weight:bold; width:210px; height:36px;}
.contentClass {background-color: #ffe7f4; font-family: Arial; font-size: 11pt; color: #000; font-weight:bold;}
.titleClass {background-color: #9fd; font-family: Arial;  font-size: 13pt; color: #153; font-weight:bold;} 
.buttonClass{background-color: #9fd; font-family: Arial; color: #263; font-weight:bold;} /*font-size defined in javascript.*/

.setting {background-color: #4072ec; border: solid 3px  #1010f0; width:200px; height: 40px; padding:5px; text-align:center; margin:3px 3px 3px 3px; }/*osMapBtn class*/

select {width:45px;}
option {width:45px;}
.workAround{visibility: hidden; font-size: 12pt; color: #999999;}

.walksPage {background-color: #fff;}

th {
  font-weight: bold;
  font-style: normal;
  text-align: left;
  
  background-color: #fff;
  color: #000000;
}
 div#imgHolder img {border:2px solid #935;margin-left:114px;}
 
 .walkProgTitle {font-size: 12pt; font-family:"Times New Roman"; font-weight:bold;}
 .filler {visibility: visible;}
 
.odd1{background-color: #eded90; color: #000000;}   
.odd2{background-color: #f0d0e7; color: #000000;}  
.odd3{background-color: #c7e7f5; color: #000000;}  
.odd4{background-color: #c0ffc0; color: #000000;} 

.set1bg {background-color:#ffffe0; }
.set2bg {background-color:#ffeaf9; }   
.set3bg {background-color:#e7f7ff; }
.set4bg {background-color:#e4ffe7;}

.head1 {background-color: #f0f085;  height:16pt; font-size: 11pt; color: #663333;}
.head2 {background-color: #e5b7cb;  height:16pt; font-size: 11pt; color: #651756;}
.head3 {background-color: #b0deff;  height:16pt; font-size: 11pt; color: #133e65;}
.head4 {background-color: #90f0a7;  height:16pt; font-size: 11pt; color: #205522;}

.off {display: none}

   .contentheader {font-family: Arial; font-size: 12pt; color: #000080; background-color: #afe; text-align: left;}

	.monlist { font-family: Arial; font-size: 11pt; font-weight: normal; text-decoration: none; color: #000080; background-color: #fff;}
	.monlist A:link { font-family: Arial; font-size: 11pt; font-weight: normal; text-decoration: underline; color: #000080; background-color: #fff;}
	.monlist A:visited { font-family: Arial; font-size: 11pt; font-weight: normal; text-decoration: underline; color: #000080; background-color: #fff;}
	.monlist A:hover { font-family: Arial; font-size: 11pt; font-weight: normal; text-decoration: underline; color: #0000FF; background-color: #8dc; }


div.imgEnvClass{z-index: 1; position: absolute; left: 0px; top: 0px;}	
.header { text-decoration: none;font-size:11pt;}
thead header th{ position: relative;}
td {font-size: 10pt; } /* sets font size in table cells*/

div#errordiv {margin:5px 0 5px 5px; padding:4px 4px 4px 4px; border:2px solid #e11;color: #811; width:200px;background-color:#ffff88;}

div#errordiv p {font-family:Arial; font-size:10pt; color:#000; margin:2px 3px 2px 3px; padding-left:5px; border:2px solid #11e;background-color:#ffffff;}

form#gridForm {background-color:#ffff88;}

.PrntMessage1 { font-family: Arial; font-size: 12px; font-weight: bold; color: #004010; background: #ffd0c0; }
.PrntMessage2 { font-family: Arial; font-size: 12px; font-weight: bold; color: #2000b0; background: #ffd0c0; }
.mnthLbl {font-family: Arial; font-size: 14px; font-weight: bold; color: #606; padding-left: 55px; background: #ffd0c0;}

div#printSelxn form {border: 2px solid #f00; padding-right:10px; background:#ffd0c0;}
div#printSelxn form label{color:#008; margin:5px;}

div#prnt form {border: 2px solid #00f;width:204px; background: #833;} /* gives border and width of 'Print Your Choice' button.which is 4px longer than ipSbmt.style in printprog.js*/
div#prnt form input{color:#00f; margin:2px;}

@media screen{.noscreen{display:none} }