BODY{ margin: 0px; padding: 0px; font-family:'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size: small; color:#000000; background-color:#EFEFD6; }

#body { padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 20px; }
#title { font-weight: bold; }

.alternateBGColor1 { background-color: #BED6CB }
.alternateBGColor2 { background-color: #DDEEE6 }

/* highlight color */
.HLColor { background-color: #AAD5C0; }


/* General text alignment */
#justify { text-align: justify; }

/* Set default border for IMG element. The next two are used to give a mouse over affect. */
IMG { border: none; }

.img1 { border: none; margin-left: 20px;  margin-top: 5px; margin-bottom: 5px; }
.img2 { border-left: inset 2px; border-top: inset 2px; margin-left: 20px;  margin-top: 5px; margin-bottom: 5px; }

.img3 { border: none; margin-right: 20px;  margin-top: 5px; margin-bottom: 5px; }


/***********************************************************************************
* Mouse Cursors
************************************************************************************
* cursor: hand is a work around for IE to produce a mouse cursor of pointer. 	   *
* Breaks CSS standard but necessary to produce a cursor pointer in IE.             */
#cursorPointer { cursor: pointer; cursor: hand; } 

.invisible { display: none; visibility: hidden; margin: 0; padding: 0; border: none; }

a:visited, a:active, a:link {  display: inline; text-decoration: underline; }
a:hover { color:#cc6600; }

li { list-style: none; }

ul#main-navi, ul#sub-navi {
  margin:0px;
  padding:0px 0px 4px 0px;
  background-color:#A6C6B8;
}
ul#main-navi {
  border-top:1px solid #DDEEE6;
}
ul#main-navi li, ul#sub-navi li {
  display:inline;
  margin:0px 3px 0px 3px;
  padding:2px 3px 4px 3px;
  list-style:none;
}
ul#main-navi li a, ul#sub-navi li a {
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
  color:#696969;
  text-transform: lowercase;
}
ul#main-navi li a:hover {
  text-decoration: none;
  color:#CC6600;
  background-color:#DDEEE6;
}
ul#sub-navi {
  display:block;
  background-color:#DDEEE6;
}
ul#sub-navi li a.external-link {
  color:#669966;
  font-style:italic;
}
ul#sub-navi li a:hover {
  text-decoration: underline;
  color:#cc6600;
}
ul#sub-navi li {
  margin:0px 2px 0px 2px;
  padding:1px 2px 6px 1px;
}
ul#sub-navi li a {
  font-size:8pt;
  color:#006600;
  text-decoration: none;
}
ul#main-navi li.current {
  background-color:#DDEEE6;
}
ul#main-navi li.current a {
  color:#006600;
}
ul#main-navi li.current a:hover {
  color:#cc6600;
}

/***********************************************/
#header {
  background-image: url("http://localhost/lduckworth/wildcrafters/images/flowers.jpg");
  background-color: #A6C6B8;
  background-repeat: repeat-x;
  background-attachment: fixed;
  height:120px;
}

.separator { color: #666666; }

#footer{
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
}

#utils-navi {
    background-color: transparent;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    text-transform: lowercase;
    letter-spacing: 1px;
}
#utils-navi a, #searchform a{background-color: transparent;  color:#669900; text-decoration: none; }
#utils-navi a:hover, #searchform a:hover{background-color: transparent;  color:#669900; text-decoration: underline; }
#utils-navi a:visited, #searchform a:visited {background-color: transparent;  color: #669900; }

#utils-navi {
    float:right;
    padding: 2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
}

#footer{ border-top: 1px solid silver; padding: 2px 2px 8px 10px; }