﻿body
{
    font-family: Verdana;
    font-size: small;
    color: navy;
    margin:0;
    padding:0;

}
DIV.banner
{
    font-family: Verdana;
    font-size: xx-large;
    color: white;
    padding-left: 10px;
    padding-top: 10px;
}   
td.banner
{
    font-family: Verdana;
    font-size: xx-large;
    color: white;
    padding-left: 0px;
    padding-top: 0px;
}  
h1
{
    font-family: Verdana;
    font-size: large;
    color: maroon;
    padding-left: 10px;
    padding-top: 10px;
       }
h2
{
    font-family: Verdana;
    font-size: medium;
    font-weight: bolder;
    color: gray;
    padding-top: 10px;
}
h3
{
    font-family: Verdana;
    font-size: small;
    color: gray;
}
h4
{
font-family: Verdana;
font-size: small;
color: Orange; 
}
p
{
    font-family: Verdana;
    font-size: small;
    color: navy;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}
td.footer
{
     font-family: Verdana;
font-size: x-small;
color: white;  
text-align: center;
vertical-align: middle;
padding: 5px; 
}
.bluebox
{
    padding: 5px;
    margin: 0px;
    font-size: 10pt;
    color: maroon;
    font-family: Verdana;
    float: left;
    width: 100%;
    text-align: justify;
    border-right: navy 2px solid;
    border-top: navy 2px solid;
    border-left: navy 2px solid;
    border-bottom: navy 2px solid;
    }
.maroonbox
{
    padding: 5px;
    margin: 0px;
    font-size: 10pt;
    color: gray;
    font-family: Verdana;
    float: left;
    width: 100%;
     vertical-align:top;
    text-align: justify;
    border-right: maroon 2px solid;
    border-top: maroon 2px solid;
    border-left: maroon 2px solid;
    border-bottom: maroon 2px solid;
   }
.olivebox
{
    padding: 5px;
    margin: 0px;
    font-size: 10pt;
    color: gray;
    font-family: Verdana;
    float: left;
    width: 100%;
    vertical-align:top;
    text-align: justify;
    border-right: olive 2px solid;
    border-top: olive 2px solid;
    border-left: olive 2px solid;
    border-bottom: olive 2px solid;
  }
.blueborder
{
            border-right: navy 2px solid;
    border-top: navy 2px solid;
    border-left: navy 2px solid;
    border-bottom: navy 2px solid;
    float: left;
    margin: 5px;
}
.maroonborder
{
    border-right: maroon 2px solid;
    border-top: maroon 2px solid;
    border-left: maroon 2px solid;
    border-bottom: maroon 2px solid;
    float: left;
    display: inline;
    margin: 0px;
}
.maroonbordercentre
{
    border-right: maroon 2px solid;
    border-top: maroon 2px solid;
    border-left: maroon 2px solid;
    border-bottom: maroon 2px solid;
    text-align: center; 
        margin: 1px;
}
.maroonbordergallery
{
    border-right: maroon 2px solid;
    border-top: maroon 2px solid;
    border-left: maroon 2px solid;
    border-bottom: maroon 2px solid;
     float: left;
     margin: 1px;
          }
/* testing image styling
-----------------------------*/

.mm
{
    border-right: maroon 2px solid;
    border-top: maroon 2px solid;
    border-left: maroon 2px solid;
    border-bottom: maroon 2px solid;
    float: left;
    margin: 1px;
}
     a:hover img.mm
{
    border-right: #0000ff 2px solid;
    border-top: #0000ff 2px solid;
    border-left: #0000ff 2px solid;
    border-bottom: #0000ff 2px solid;
}
.mmcentre
{
    border-right: maroon 2px solid;
    border-top: maroon 2px solid;
    border-left: maroon 2px solid;
    border-bottom: maroon 2px solid;
    float: left;
    margin: 1px 20px 1px 1px;
    }
     a:hover img.mmcentre
{
    border-right: #0000ff 2px solid;
    border-top: #0000ff 2px solid;
    border-left: #0000ff 2px solid;
    border-bottom: #0000ff 2px solid;
}
.homemm
{
    border-right: maroon 2px solid;
    border-top: maroon 2px solid;
    border-left: maroon 2px solid;
    border-bottom: maroon 2px solid;
    margin: 0px;
}
     a:hover img.homemm
{
    border-right: #0000ff 2px solid;
    border-top: #0000ff 2px solid;
    border-left: #0000ff 2px solid;
    border-bottom: #0000ff 2px solid;
    margin: 0px;
}
.vli
{
    border-right: #f5f5f5 2px solid;
    border-top: #f5f5f5 2px solid;
    border-left: #f5f5f5 2px solid;
    border-bottom: #f5f5f5 2px solid;
    float: left;
    margin: 1px;
}
.oliveborder
{
    border-right: olive 2px solid;
    border-top: olive 2px solid;
    border-left: olive 2px solid;
    border-bottom: olive 2px solid;
    float: left;
    margin: 5px;
}
.grayborder
{
    border-right: gray 2px solid;
    border-top: gray 2px solid;
    border-left: gray 2px solid;
    border-bottom: gray 2px solid;
    float: left;
    margin: 5px;
}
.silverborder
{
    border-right: silver 2px solid;
    border-top: silver 2px solid;
    border-left: silver 2px solid;
    border-bottom: silver 2px solid;
    float: none; 
    margin:5px 25px 5px 25px;
}
.whiteborder
{
            border-right: white 2px solid;
    border-top: white 2px solid;
    border-left: white 2px solid;
    float: left;
    margin: 5px;
    border-bottom: white 2px solid;
}
.darkolivegreenborder
{
            border-right: darkolivegreen 2px solid;
    border-top: darkolivegreen 2px solid;
    border-left: darkolivegreen 2px solid;
    border-bottom: darkolivegreen 2px solid;
    float: left;
    margin: 5px;
}
td.welcometext
{
    font-family: Verdana;
    font-size: small;
    color: navy;
    vertical-align: text-top;
    background-color: #f5f5f5;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}
td.home
{
    font-family: Verdana;
    font-size: small;
    color: navy;
    padding: 0px;
        margin: 0px;
    vertical-align: text-top;
    background-color: #f5f5f5;
}
td.hometest
{
text-align: center;
display:inline;
      background-color: #f5f5f5;
}
td.homeheading
{
    font-family: Verdana;
    font-size: small;
    font-weight: bolder;
    color: white;
      vertical-align: middle;
    text-align: center;
    background-color: #aaaaaa;
}
td.homelinks
{    
   vertical-align: text-top;
    text-align: center;
    background-color: #f5f5f5;
}
td.moonlinks
{
    vertical-align: middle;
    text-align: center;
    background-color: black;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
}
td.review
{
    font-family: Verdana;
    font-size: small;
    color: maroon;
    padding: 5px;
    vertical-align: text-top;
    background-color: #f5f5f5;
    border-top: white thin outset;
    }
td.reviewdate
{
    font-family: Verdana;
    font-size: small;
    color: maroon;
    padding: 2px;
    vertical-align: text-top;
    background-color: #f5f5f5;
    border-top: white thin outset;
    font-weight: bold;
}
td.photoreview
{
    border-top: white thin outset;
    padding-bottom: 2px;
    vertical-align: middle;
}
td.fda
{
    font-family: Verdana;
    font-size: small;
    color: maroon;
    padding: 5px;
    vertical-align: text-top;
    background-color: #f0f0f0;
    border-top: white thin outset;
    border-left: white thin dashed;
}
td.fdb
{
    font-family: Verdana;
    font-size: small;
    color: maroon;
    padding: 5px;
    vertical-align: text-top;
    background-color: #e8e8e8;
    border-top: white thin outset;
    }
td.fdc
{
    font-family: Verdana;
    font-size: small;
    color: maroon;
    padding: 5px;
    vertical-align: text-top;
    background-color: #e0e0e0;
    border-top: white thin outset;
    }
td.fdd
{
    font-family: Verdana;
    font-size: small;
    color: maroon;
    padding: 5px;
    vertical-align: text-top;
    background-color: #d8d8d8;
    border-top: white thin outset;
    }
td.bheading
{
    font-family: Verdana;
    font-size: small;
    font-weight: bolder;
    color: white;
    padding: 2px;
    vertical-align: middle;
    text-align: left;
    background-color: #aaaaaa;
}
td.results
{
    font-family: Verdana;
    font-size: small;
    color: maroon;
    padding: 3px;
    vertical-align: text-top;
    background-color: #f5f5f5;
    border-top: white thin outset;
}
td.resultsheading
{
    font-family: Verdana;
    font-size: small;
    color: navy;
    padding: 3px;
    vertical-align: text-top;
    background-color: #dcdcdc;
}
td.linksheading
{
    color: white;
    background-color: gray;
       font-family: Verdana;
    font-weight: bolder;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}
td.links
{
    font-family: Verdana;
      vertical-align: text-top;
       padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 20px;
    padding-top: 2px;
}
td.lastlinks
{
    font-family: Verdana;
      vertical-align: text-top;
       padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}
td.sightings
{
    background-color: #dcdcdc;
    vertical-align: text-top;
    padding: 3px;    
}
td.locations
{
    font-family: Verdana;
    font-size: small;
    color: navy;
    padding: 3px;
    vertical-align: text-top;
      }
    td.photolocations
{
    padding-bottom: 5px;
    vertical-align: top;
}
td.listlinks
{
    font-family: Verdana;
    font-size: small;
    font-weight: bolder;
    color: maroon;
    padding: 2px;
    vertical-align: middle;
    text-align: center;
}

/* results heading normal */
td.rhn
{
    background-color: #dcdcdc;
    vertical-align: text-top;
    padding: 3px;
    width: 150px;
    font-weight:bold;
}
/* results heading results */
td.rhr
{
    background-color: #dcdcdc;
    vertical-align: text-top;
    padding: 3px;
    width: 150px;
    font-weight:bold;
    padding-left: 30px;
}
/* results results */
td.rr
{
    background-color: #dcdcdc;
    vertical-align: text-top;
    padding: 3px;
    width: 445px;
    color:Maroon;
}