body {
  text-align: center;
  background-color: black;
/*  border:2px solid blue;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
}

#wrapper {
  width: 98%;
  min-width: 640px;
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
  background-image: url("images/bkgrnd_grey.bmp");
/*  border:1px solid red;*/
}

#header {
  width: 80%;
  margin: 0 auto;
  padding: 0 auto;
  text-align: center;
  float: right;
  background-image: url("images/bkgrnd_grey.bmp");
/*  border:1px solid yellow;*/
}

#footer {
  width: 100%;
  margin: 0 auto;
  padding: 0 auto;
  text-align: center;
/*  border:1px solid green;*/
  clear: both;
  background-color: yellow;
}


#mainnav {
  width: 20%;
  float: left;
  text-align: center;
  background-image: url("images/bkgrnd_scarlet.bmp");
}

#content {
  width: 78%;
  padding:0 8px;
  float: right;
/*  background-color: yellow;*/
}






.copyown {
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  color: black;
  text-align: center;
}















.stylepagehdr {
  margin: 0;	
  text-align: center;
  font-size: 30px;
  font-style: italic;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #6d98ab;
}






#navlist {
  width: 95%;
  padding: 0 1px 1px;
  margin-left: 0;
  font: bold 13px Verdana, sans-serif;
}

#navlist li {
  list-style: none;
  margin: 0;
  border-top: 1px solid gray;
  text-align: left;
}

#navlist li a {
  display: block;
  padding: 0.25em 0.5em 0.25em 0.75em;
  border-left: 1em solid #AAB;
  background-color: #e3cd7d;
  text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover {
  border-color: #FE3;
  color: #FFF;
  background-color: #8a9875;
}


.quicklinkfloat {
  margin: 3px 3px 3px 3px;
  width: 22%;
  float: right;
  text-align: left;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: black;
  border: 2px #000000 solid;
  background-color: #feb729;
  padding: 5px;
}

.quicklinkfloat h1.short {
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: #00477f;
  line-height: 40%;
}


.gardeninfofloat {
  margin: 3px 3px 3px 3px;
  width: 22%;
  float: right;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: black;
  border: 2px #000000 solid;
  background-color: #aebc21;
  padding: 5px;
  position: relative;
  clear: right;
}



.gardeninfofloat h1.short {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: #00477f;
/*  background-color: #d9db56;*/
/*  line-height: 40%;*/
}


#content h2.short {
  text-align: left;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  color: #00477f;
  line-height: 40%;
}


table.CommProj
{ text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
/*width: 70%;*/
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; } 

td.projhdr {
border-bottom: 2px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: center;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 16px;
color: #404040;
padding: 8px;
} 

td.projdet {
border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 0px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa;
padding: 3px;
} 

td.projdetctr {
border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 0px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa;
padding: 3px;
} 

.commprojimg {
  display:block;
  float:right;
  height: 106px;
  width: 160px;
  position:relative; 
  list-style:none; 
  padding: 0;
  margin: 0;
  background:#ddd; 
  solid #bbb;
  z-index:1;
}

.stylepagesub {
  margin: 0;	
/*  width: 60%*/
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: blue;
  float: none;
/*  background-color: brown;*/
}


.smallinline {
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  color: green;
  font-family: comic sans MS;
}



table.ContEd
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 100%;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; } 

td.helpT {
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #404040;
background-color: #8FACAE;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
padding: 8px;
} 

td.helpTsub {
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 9px;
color: #404040;
background-color: #8FACAE;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
padding: 8px;
} 

td.helpHed {
border-bottom: 2px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: center;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;
padding: 5px;
}


.pdflinkleft {
  text-align: left;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  padding: 5px;
/*  font-family: comic sans MS;*/
}





td.helpBod {
border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 0px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa;
padding: 3px;
}


td.helpBodCtr {
border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: center;
text-indent: 0px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa;
padding: 3px;
}

td.helpBodCan {
color: red;
border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 0px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
background-color: #fafafa;
padding: 3px;
}


.hdrpicfloat {
  height: 150px;
  width: 172px;
  /*use when floating right */
/*  float: right;*/
/*  margin: 0 10px 10px 10px;*/
  /*use when floating right */
  float: left;
  margin: 0px 10px 10px 0;
  background-color: #fff;
  padding: 10px;
  border-top: 1px solid #999;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  border-left: 1px solid #999;
  text-align: center;
  color: green;
  font-style: italic;
}


.hdrpicfloat img {
  display:block;
  float:right;
  height: 135px;
  width: 172px;
  position:relative; 
  list-style:none; 
  padding: 0;
  margin: 0;
  background:#ddd; 
  solid #bbb;
  z-index:1;
}

.memofloat {
  height: 115px;
  width: 105px;
  margin: 5px;
  padding: 0;
  position: relative;
  float: left;
  text-align: center;
  color: black;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
}





.insidecontent {
  width: 70%;
  padding:0 8px;
  float: left;
/*  background-color: yellow;*/
}

.memofloatsmall {
/*  height: 58px;*/
/*  width: 55px;*/
/*  margin: 12px;*/
  margin: 0px 15px 5px 0px;
  padding: 0;
  position: relative;
  float: left;
  text-align: center;
  color: blue;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}


.quotefloatsqr {
/*  height: 80px;*/
  width: 150px;
  margin: 5px 25px 5px 5px;
  padding: 10px;
  position: relative;
  float: left;
  background-color: #dca;
  border: 1px solid black;
/*  border-top: 1px solid #999;*/
/*  border-right: 2px solid #555;*/
/*  border-bottom: 2px solid #555;*/
/*  border-left: 1px solid #999;*/
  text-align: left;
  color: green;
  font-size: 15px;
  font-style: italic;
  font-weight: normal;
}

.quotefloatrec {
/*  height: 50px;*/
  width: 250px;
  margin: 5px;
  padding: 10px;
  position: relative;
  float: right;
  background-color: #dca;
  border: 1px solid black;
/*  border-top: 1px solid #999;*/
/*  border-right: 2px solid #555;*/
/*  border-bottom: 2px solid #555;*/
/*  border-left: 1px solid #999;*/
  text-align: left;
  color: green;
  font-size: 15px;
  font-style: italic;
  font-weight: normal;
}


.picfloatlft {
  width: 260px;
  float: left;
  margin: 0 5px 5px 5px;
  background-color: #fff;
  padding: 5px;
  border-top: 1px solid #999;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  border-left: 1px solid #999;
  text-align: center;
  color: #024769;
  font-style: italic;
}