/* main.css
/*
/* main stylesheet for WWDT pages; note that many of these directives are
/*  driven by element IDs, rather than class names, which is our preferred
/*  convention for more flexibility; at some point this should be reworked
/*
/* Revised 10/3/2017, L.Pritchett
/*****************************************************************************/

@charset "utf-8";
/* CSS Document */

body {
  font-family: Georgia, "Times New Roman", Times, serif;
  background-color: #7D4A2C;
  margin-top: 0px;
  height:100%;
}

div{
  height:auto;
}

#pagehomeindex {
    text-align: center; margin-left: 30px; margin-right:30px;
}
#aboutpage {
  padding-left:30px; padding-right: 30px; text-align:justify;
}


#content {
  background: url("images/pgshad.jpg") repeat-y scroll left top transparent;
  font-size: 16px;
  width:1024px;
  margin:auto;
  min-height:700px;
}

#header {
  margin: 0;
  padding: 0;
  width: 100%  
}

#logo  {
  text-align:right;
  border:medium none;
  padding-right:20px;
  padding-top: 10px;
}

#menu {
  background: url("images/bg_brwn_tab.jpg") repeat-x scroll center top;
  height:26px;
  width: 1006px;
  margin:auto;
}

#page{
  background:none repeat scroll 0 0 #FFFFFF;
  display:block;
  margin:auto;
  text-align:left;
  width: 1000px;  
}

#pagehome{
  margin:auto;
  width: 1006px;
  text-align:center;
}

#pageabout{
  margin:auto;
  width: 1006px;
  text-align:center;
}

#tabs  {
  float:left;
  height:26px;
  margin:0;
  padding:0;
  width:1006px;
}

#tabs li {
  display: inline;
  float:left;
  height:auto;
  width:190px;
  margin: auto;
}

#tabs a {
  border-right: 1px solid #FFF;
  color: #130f0e;
  display: block;
  font: bold 19px/26px arial; 
  text-align: center;
  width: 190px;
  text-decoration: none;
}

#tabs a.selected
{
  color: #57351a;
}


a{
  color: #000;
  text-decoration:none;
}

#vertical_menu{
  font-size:15px;
}

#footer {
  font-size:12px;
  color:#000;
  text-align:center;
  clear:left;
}

html{
  height:100%;
}

#dlbtn{
  width:167px;
  height:42px;
  background-image: url(images/databtnblank.png);
  margin:auto;
  margin-left:220px;
}

#dlbtnarc{
  width:167px;
  height:42px;
  background-image: url(images/databtnblank.png);
  margin:auto;
  margin-left:220px;
}

#dlbtnhvr{
  position:absolute;
  margin-top: 8px;
  margin-left: 15px;
  font-size:20px;
}

span.pdsitt, span.pzitt, span.scpdsitt, span.tmpanomtt, 
span.tmpperctt, span.pptanomtt, span.pptperctt, span.spitt,
span.speitt {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #89A4CC;
  line-height: 16px;
  color: White;
  font-size: 13px;
  font-weight: bold;
  border-radius: 8px;
  text-align: center;
  position: relative;
}
span.pdsitt:hover, span.pzitt:hover, 
span.scpdsitt:hover, span.tmpanomtt:hover, 
span.tmpperctt:hover, span.pptanomtt:hover, 
span.pptperctt:hover, span.spitt:hover ,
span.speitt:hover
{ background-color: #3D6199; }

div.tooltip {
  background-color: #3D6199;
  color: White;
  position: absolute;
  left: 25px;
  top: -25px;
  z-index: 1000000;
  width: 250px;
  border-radius: 5px;
  text-align: left;
}
div.tooltip:before {
  border-color: transparent #3D6199 transparent transparent;
  border-right: 6px solid #3D6199;
  border-style: solid;
  border-width: 6px 6px 6px 0px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  line-height: 0;
  position: absolute;
  top: 40%;
  left: -6px;
}
div.tooltip p {
  margin: 10px;
  color: White;
}

#treemenu1 a:active, 
.Active 
{
  font-weight: bold;
  color:#ff1210}
}


.hvr:link {color:#000}
.hvr:visited {text-decoration: none}
.hvr:active {color:#000}
.hvr:hover {color:#7D4A2C}



/*#dlbtn:hover{
  background-image: url(images/databtnhover.png);
}*/
        

/*==========================================================================*/
/* feedback page
/*==========================================================================*/

.box_feedback 
{
  margin-bottom: 150px;
  padding: 15px 30px 15px 30px;
  text-align: justify;
}

.box_feedback p.instructions
{
  color: #444444;
  font-size: 14px;
  font-style: italic;
}

.box_feedback .box_form
{
  margin: 40px auto 20px auto; 
  padding: 0px;
  width: 900px;
  overflow: hidden;
  color: #000000;
  font-family: OpenSans,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.7em;
  border: 1px solid #000000;
  border-radius: 10px;
}


.box_feedback .box_form table
{
  margin: 0px;
  padding: 7px 25px 7px 25px;
  width: 900px;
  background-color:#e2edf1;
background-color: #cdb49c;
background-color: #d5bfab;
}


.box_feedback .box_form td
{
  padding: 7px;
}


.box_feedback .box_form td.label,
.box_feedback .box_form td.label_top
{
  color: #000000;
  text-align: right;
  line-height: 1.1em;
}

.box_feedback .box_form td.label_top
{
  padding-top: 12px;
  vertical-align: top;
}


.box_feedback .box_form td.value
{
  text-align: left;
  line-height: 1.1em;
}


.box_feedback .box_form td.value input,
.box_feedback .box_form td.value textarea
{
  padding: 7px;
  color: #000000;
  font-size: 14px;
  font-family: OpenSans,Arial,sans-serif;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}


.box_feedback .box_form td.button
{
  padding-bottom: 15px;
  text-align: center;
}


.box_feedback .box_form td.button button
{
  padding: 3px 7px 3px 7px;
}


.box_feedback .box_form td.button button:hover
{
  color: #990000;
}

.box_feedback .box_confirm
{
  padding-top: 100px;
  min-height: 400px;
  color: #444444;
  text-align: center;
  font-size: 24px;
}