body {
   font-family: Arial;
   font-weight: normal;
   color: #336;
   font-size: 14px;
   /*
   background-image: url('./images/neyedc-background.gif');
   background-position: top;
   background-repeat: no-repeat;
   */
   background-color: rgb(232,209,255);
}
* {
   color: inherit;
   font-family: inherit;
   margin: 0;
   padding: 0; 
}
div.explanation {
   background-color: white;
   color: #336;
   border: 1px solid #999;
   margin: 5px;
}
div.caution {
   border: 1px solid red;
   color: #600;
   margin: 5px;
}
div.content {
   float: right;
   border: none;
   background-color: white;
   border: 1px solid #ccc;
   margin: 5px;  
}
div#page {
   /*background-color: #edf;*/
   position:absolute;
   padding: 10px;
   margin: 50px 10% 20px 10%;
   width: 78%;
   min-height: 500px;
}
div.searchsection {
   font-size: inherit;
   margin: 5px;
   padding: 5px;
   border: 1px solid #000;
   background-color: #fff;
   height:300px;
   overflow: auto;
}

div.layout {
   padding: 0;
   padding-left:6px;
   margin: 0;
   /*
   margin-right: 10%;
   margin-left: 10%;
   */
   background-color: transparent;
   border: none;
   color: inherit;
}
div.rightnav {
   float: right;
   clear: right;
   width: 20%;
   overflow: auto;
}
div.leftnav {
   position: absolute; 
   top: 100px;
   left: 5px;
   clear: left;
   width: 20%;
   overflow: auto;
}
div.photo {
   background-color: #fff;
   margin: 5px;
   padding: 5px;
   border: 1px solid #999;
   float: left;
}
div.view {
   background-color: white;
   padding: 0;
}
div.banner {
   border: 5px solid #ccc; 
   margin: 5px;
   width: auto; 
   height: 50px; 
   background-image: url("./images/tree_banner.jpg");
   background-position: top center; 
   background-repeat: repeat-x;
}
div.searchsection {
   clear: both;
}
div.summarytable {
   float: right;
   clear: both;
   z-index: 3;
}
div.surveylist {
   z-index: 2;
   background-color: transparent;
}
div.backsquare {
   margin: 0;
   padding: 0;
   background-color: rgb(232,209,255);
}
img#logo {
   background-color: white;
}
img.map { 
   margin: 0;
   padding: 0;
}
h1 { 
   text-transform: camelcase;
}
h1.page {
   text-transform: uppercase;
   font-size: 16px;
   color: #666;
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 0;
}
h1.pageheading {
   font-family: Georgia;
   margin: 0;
   margin-top: 10px;
   /*margin-right: 10px;*/
   font-size: 14pt;
   text-align: right;
   letter-spacing: 2px;
}
h1.title {
   color: #669;
   font-size: 16px;
   letter-spacing: 1px;
   padding: 5px;
   padding-top: 10px;
   padding-bottom: 5px;
}
h2 {
   font-size: 18px;
   padding: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
   color: #666;
}
h2.sectionheading {
   color: #fff;
   font-size: 16px;
   font-weight: normal;
   padding: 5px;
   border: 1px solid #333;
   background-color: #97d;
}
h2.subheading {
   font-size: 16px;
   font-weight: bold;
   text-transform: uppercase;
   padding: 5px;
}
/* restyle image and histogram captions */
h3 {
   padding: 5px;
   font-size: smaller;
   font-weight: bold;
   text-transform: uppercase;
}
h3.caption {
   color: #339;
   font-size: 13px;
   font-weight: bold;
}
h4 {
   font-weight: normal;
   font-size: smaller;
   padding: 1px;
   margin-top: 5px;
   margin-bottom: 5px;
   text-transform: uppercase;
}
p.caption {
   font-size: smaller;
   padding-top:0;
   margin-top:0;
   text-transform: uppercase;
}
p {
   padding: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
}
/* restyle paragraph here */
p.common {
   color: #000;
   text-transform: uppercase;
   font-size: 13px;
   margin: 1px;
   padding: 0;
   margin-left: 5px;
   margin-top: 10px;
   
}
p.caution {
   border: 1px solid red;
   color: #600;
   margin: 5px;
   text-transform:uppercase;
}
p.paragraph {
   padding: 5px;
}
p.nbnkey {
/*   display: none;*/
   font-size: smaller;
}
p.credit {
   color: #003;
   font-style: italic;
   font-size: 10px;
}
p.pagebreak {
   display: none;
}
/* restyle latin text here */
.latin {
   font-style: italic;
   font-weight: bold;
   color: #600;
   margin: 1px;
   padding: 0;
}
p.quote {
   font-size: smaller;
   font-weight: bold;
}
p.warning {
   text-transform: uppercase;
   color: #636;
   font-weight: bold;
}
p.address {
   width: 200px;
}
img.photo {
   /* height: 200px;*/
   width: 300px;
}
img.portrait {
   height: 300px;
}
img.landscape {
   width: 300px;
}
img.pthumb {
   height: 100px;
}
img.lthumb {
   width: 100px;
}
img {
   margin: 1px;
   border: none;
}
img.about {
   padding: 10px;
   margin: 5px;
   border: 1px solid #ccc;
}
a { 
   color: #003;
   font-weight:bold;
   /*
   text-transform: uppercase;
   font-size: smaller;
   */
}
a:link      {text-decoration:none;}
a:visited   {text-decoration:none;}
a:hover     {color: #339;text-decoration:underline;}
a:active    {color: #339;text-decoration:underline;}
a.path:after {
   content: "\0020 \00bb \0097 \009b";
}
ul {
   margin-left: 25px;
   margin-bottom: 10px;
}
ol {
   margin-left: 25px;
   margin-bottom: 10px;
}
.tm {
   position: fixed;
   bottom: 0px;
   left: auto;
   right: 0px;
   border: 1px solid #ccc;
   background-color: white;
}
/*
a.navh {
   color: #000;
   font-size: 10px;
   text-transform: uppercase;
   font-weight: normal;
   margin: 5px;
}
h3.nav {
   color: #000;
   width: 100px;
   font-size: 10px;
   padding: 0;
   margin: 5px;
   cursor: pointer;
}
a.nav {
   display:block;
   color: #000;
   font-size: 10px;
   text-transform: uppercase;
   font-weight: normal;
   padding: 0;
   margin: 5px;
}
h4.nav {
   color: #000;
   font-size: 10px;
   padding: 0;
   margin: 5px;
   cursor: pointer;
}
.nav:hover {
   background-color: white;
}
*/
* html .tm {position: absolute;}
.nbn {
   border: 1px solid #999;
   background-color: white;
   margin: 2px;
}
a { 
   text-decoration: none;
   border: none;
}
em {
   font-style: normal;
   font-weight: bold;   
}
th {
   border: 1px solid #003;
   background-color: white;
   font-weight: bold;
   font-size: 10px;
   padding: 2px;
   text-transform: uppercase;
}
th.left { 
   width: 120px;
   text-align: left;
}
th.day {
   border: 1px solid #003;
   background-color: white;
   font-weight: bold;
   font-size: 12px;
   padding: 2px;
   text-transform: uppercase;
   width: 40px;
}
th.day button {
   margin: 0;
}
td { 
   border: 1px solid #000;
   background-color: #99c;
   color: #000;
   padding: 2px;
   padding-left: 8px;
   padding-right: 8px;
   font-weight: bold;
}

td.today {
   text-align: center;
   border: 1px solid #000;
   color: black;
   background-color: #fcf;
   font-weight: bold;
}
td.select {
   text-align: center;
   border: 1px solid #000;
   color: black;
   background-color: white;
   font-weight: bold;
}
td.day {
   text-align: center;
   border: 1px solid #000;
   color: white;
   background-color: #99c;
}

button.exp {
   border: 1px solid #99c;
   padding: 0px;
   margin: 0px;
   width: 20px;
   height: 20px;
   font-family: Lucida Console;
   font-weight: normal;
   background-color: #fff;
   color: #99c;
}
div.explanation {
   padding: 5px;
   background-color: white;
   clear: both;
}
button, .button, .pseudoButton {
   border: 1px solid black;
   background-color: #97d;
   color: white;
   font-weight: normal;
   text-transform: uppercase;
   text-align: center;
   margin: 5px;
   letter-spacing: 2px;
   padding: 4px;
}
button:hover, .button:hover, .pseudoButton:hover {
   border: 1px solid black;
   background-color: #fff;
   color: #000;
}

button.showHide {
   background-color: white;
   padding: 0px;
   border: none;
   margin: 0px;
}
input.text, select, option, textarea {
   color: #333;
   font-family: Futura,sans-serif;
   border: 1px solid #666;
}
input.disabled {
   background-color: #999;
   color: white;
   border: 1px solid #ccc;
   font-size: 12px;
   font-weight: bold;
   padding: 2px;
}
input.expand {
   border: 1px solid #333;
   color: white;
   background-color: #999;
   margin: 3px;
   font-weight: bold;
   font-family: Lucida Console, Courier New;
}
input.text {
   color: #000;
   background-color: #fff;
   font-size: 12px;
   font-weight: bold;
   padding: 2px;
}
input.cbox {
   margin: 5px;
   border: 0;
   background-color: none;
}
select.text, option.text {
   text-transform: uppercase;
   font-size: 10px;
   padding: 2px;
}
button, p.pseudoButton {
   font-size: 10px;
   letter-spacing: 0;
   padding: 3px;
   margin: 2px;
}
div.wz{
   margin: 0;
   padding: 0;
}
img.map {
   margin: 0;
   padding: 0;
}
ul li {
   list-style: square;
   margin: 0;
   padding: 0;
}
ol {
   margin-left: 3em;
}
li.links {
   display: inline;
}
li.links:after {
   content: "\0020\00BB\0020";
}

div.gmap {
   width: auto; 
   height: 350px;
}
div.gmap div {
   margin: 0;
   padding: 0;
   border: none;
   background-color: transparent;   
   width:auto;
}
.maplogodiv {
   position: absolute; 
   border: none;
   top: 0px; 
   left: 16px;
   background-color: white;
}
#section-nav {
   visibility: visible;
   font-family: inherit;
   border: solid 1px #99c; 
   background-color: white;
	display: block;
	bottom: 0px; 
	left: 0px;
	min-width: 170px;
	position: fixed;
   margin: 0px;
   padding: 5px; 
}
* html #section-nav {position: absolute;}
#section-hide-nav {
    visibility: visible;
    font-family: inherit;
    border: solid 1px #99c; 
    background-color: white;
	display: block;
    	bottom: 0px; 
    	left: 0px;
	width: 30px;
    	height: 30px;
    	position: fixed;
    	margin: 0px;
    	padding: 5px; 
}
* html #section-hide-nav {position: absolute;}
#section-pan {
    visibility: hidden;
    font-family: inherit;
    border: solid 1px #99c; 
    background-color: white;
	display: block;
	height: 0px;
	width: 0px;
	bottom: 0px; 
	right: 0px;
	position: fixed;
    	margin: 0px;
    	padding: 5px; 
}
* html #section-pan {position: absolute;}
#section-hide-pan {
    visibility: visible;
    font-family: inherit;
    border: solid 1px #99c; 
    background-color: white;
	display: block;
    	bottom: 0px; 
    	right: 0px;
	width: 70px;
    	height: 30px;
    	position: fixed;
    	margin: 0px;
    	padding: 5px; 
}
* html #section-hide-pan {position: absolute;}
button.showHide {
   margin: 0;
   padding: 2px;
   background-color: transparent;
}
button.restyler {
   z-index: 10;
   background-color: white;
   color: black;
   border: 1px solid #fff;
   display: inline;
   font-weight: normal;
   background-position: center;
   background-repeat: no-repeat;
}
button#printportrait {
   background-image: url('./images/ppportrait_20.gif'); 
}
button#printlandscape {
   background-image: url('./images/pplandscape_20.gif'); 
}
button#screendefault {
   background-image: url('./images/ppscreen_20.gif'); 
}