/* styles for all menu link groups */
.nav, .nav2, .nav li ul, .nav2 li ul
{
    /* Strips the menu link groups of their paddings, margins, and list bullets. */
    padding: 0;
    margin: 0;
    list-style: none;
}
/* Styles for top horizontal menu link group */
.nav
{
    /* The "zIndex" is used to keep the menu on top of all
       other elements. "backgroundColor" here specifies
       the background color to be used for the top
       horizontal menu. */
    z-index: 50;
    background-color: #000;
}
/* styles for side vertical menu link group */
.nav2
{
    /* The "zIndex" is used to keep the menu link
       containers on top of all other elements except for
       the top horizontal menu. */
    z-index: 10;
}
/* styles for top horizontal menu link containers */
.nav li
{
    /* The "zIndex" is used to keep the menu link
       containers on top of all other elements. The
       "position" is used to make each link container's
       child elements' positioning relative to them for
       easier and more accurate positioning. The "float"
       is used to position the menu link containers on a
       horizontal line. */
    z-index: 50;
    position: relative;
    float: left;
}
/* styles for side vertical menu link containers */
.nav2 li
{
    /* The "zIndex" is used to keep the menu link
       containers on top of all other elements except for
       the top horizontal menu. The "position" is used to
       make each one's child elements' positioning
       relative to them for easier and more accurate
       positioning. The "float" is used to get rid of
       incorrect paddings under the images in Internet
       Explorer browsers. */
    z-index: 10;
    position: relative;
    float: left;
}
/* styles for top horizontal menu link containers' submenu
   link groups */
.nav li ul
{
    /* The "position" is used to make each group's
       position absolute which allows absolute
       positioning. The "display" is used to set the
       group's default display to hidden. It will later
       be set to block which creates the popup menu
       effect. "top" and "left" are used to position the
       groups directly below their parent menu link
       containers because their parent menu link
       containers' heights are 28 pixels in length. */
    position: absolute; 
    display: none;
    top: 28px;
    left: 0;
}
/* styles for side vertical menu link containers' submenu
   link groups */
.nav2 li ul
{
    /* The "position" is used to make each group's
       position absolute which allows absolute
       positioning. The "display" is used to set the
       group's default display to hidden. It will later
       be set to block which creates the popup menu
       effect. "top" and "left" are used to position the
       groups directly to the right of their parent menu
       link containers because their parent menu link
       containers' widths are 234 pixels in length. */
    position: absolute; 
    display: none;
    top: 0;
    left: 234px;
}
/* styles for all menu link containers' submenu link
   groups' menu link containers */
.nav li ul li, .nav2 li ul li
{
    /* The "clear" is used to keep the menu link
       containers from being positioned on a horizontal
       line. As a result, they are positioned on a
       vertical line. The "width" sets the menu link
       containers' widths which basically defines the
       menu group's width. */
    clear: left;
    width: 157px;
}
/* styles for all menu link containers' submenu link
   groups' menu link containers' submenu link groups
   (this is needed to be able to specify their positions
   separate from their parents' submenu link groups'
   positions) */
.nav li ul li ul, .nav2 li ul li ul
{
    /* The "zIndex" is used to keep the menu link
       containers on top of all other elements. The
       "position" is used to make each group's position
       absolute which allows absolute positioning. The
       "display" is used to set the group's default
       display to hidden. It will later be set to block
       which creates the popup menu effect. "top" and
       "left" are used to position the groups directly to
       the right of their parent menu link containers
       because their parent menu link containers' widths
       are 157 pixels in length. */
    z-index: 50;
    position: absolute; 
    display: none;
    top: 0;
    left: 157px;
}
/* styles for all menu link containers' submenu link
   groups' menu link containers' submenu link groups in
   browsers other than Internet Explorer (this is needed
   for the reason stated above but also because non-
   Internet Explorer browsers add paddings to heights and
   widths whereas Internet Explorer just subtracts the
   specified paddings' lengths from the elements' heights
   and widths) */
.nav li ul li > ul, .nav2 li ul li > ul
{
    /* "top" and "left" are used to position the groups
       directly to the right of their parent menu link
       containers in browsers other than Internet Explorer
       because their parent menu link containers' widths
       plus their paddings' lengths equate to 177 pixels
       in length. */
    top: 0;
    left: 177px;
}
/* styles for all inactive menu links */
.nav a:link, .nav a:visited, .nav2 a:link, .nav2 a:visited
{
    /* The font-related styles set the menu links' font
       properties. The "textDecoration" gets rid of the
       underlines under the links. "padding" adds padding
       to the links. "display" makes all the links block
       elements. This allows the full space (which
       includes the padding) other than just the text to
       activate the links. "color" specifies the color
       for all the menu links. */
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 7.5pt;
    text-decoration: none;
    padding: 8px 10px;
    display:block;
    color: #fff;
}
/* styles for top horizontal menu inactive links */
.nav a:link, .nav a:visited
{
    /* "backgroundColor" here specifies the background
       color to be used when the menu links are not being
       hovered over by the mouse or selected by the mouse.
       "textTransform" is used to capitalize all the
       letters in the menu links. */
    background-color: #000;
    text-transform: uppercase;
}
/* styles for top horizontal menu active links */
.nav a:hover, .nav a:active
{
    /* "backgroundColor" here specifies the background
       color to be used when the user hovers over the
       menu links as well as selects the menu links. */
    background-color: #333333;
}
/* styles for top side vertical menu inactive links */
#nav2 a:link, #nav2 a:visited
{
    /* "backgroundColor" here specifies the background
       color to be used when the menu links are not
       being hovered over by the mouse or selected by
       the mouse. */
    background-color: #5f879e;
}
/* styles for middle side vertical menu inactive links */
#nav3 a:link, #nav3 a:visited
{
    /* "backgroundColor" here specifies the background
       color to be used when the menu links are not
       being hovered over by the mouse or selected by
       the mouse. */
    background-color: #7b6494;
}
/* styles for bottom side vertical menu inactive links */
#nav4 a:link, #nav4 a:visited
{
    /* "backgroundColor" here specifies the background
       color to be used when the menu links are not
       being hovered over by the mouse or selected by
       the mouse. */
    background-color: #9fa374;
}
/* styles for side vertical menu active links (separate
   them if you want different background colors for each
   vertical menu) */
#nav2 a:hover, #nav2 a:active, #nav3 a:hover, #nav3 a:active, #nav4 a:hover, #nav4 a:active
{
    /* "backgroundColor" here specifies the background
       color to be used when the user hovers over the
       menu links as well as selects the menu links. */
    background-color: #000;
}
/* styles for top horizontal menu link containers'
   submenu link groups' menu link containers' menu links */
.nav li ul li a, .nav2 li ul li a
{
    /* "textTransform" is used to get rid of capital
       letter transformation for these links. "width" is
       used to set the menu link's widths which
       basically defines the menu group's width. */
    text-transform: none!important;
    width: 157px;
}
/* styles for all submenu->submenu link groups when
   their parent's parent menu link containers are being
   hovered over */
.nav li:hover ul li ul, li.over ul li ul, .nav2 li:hover ul li ul
{
    /* "display" is used here to set all submenu link
       groups' display to hidden. This is because you do
       not want these to show up when their parent's
       parents are being hovered over. */
    display: none;
}
/* styles for all menu link groups when their parent menu
   link containers are being hovered over */
.nav li:hover ul, li.over ul, .nav li:hover ul li:hover ul, .nav2 li:hover ul, .nav2 li:hover ul li:hover ul
{
    /* "display" is used to set the menu link groups'
       displays to block which unhides them creating the
       popup menu effect. */
    display: block;
}
 
body, td {
font: 12px verdana;
color: black;
}
a:link {color: #848757; text-decoration: underline;}
a:visited {color: #848757; text-decoration: underline;}
a:hover {color: black; text-decoration: underline;}
a:active {color: black; text-decoration: underline;}

h1 {
font-size: 13px;
color: #848757;
margin: 0px;
}

.footer {
color: white;
text-align: center;
}

.footer a:link, .footer a:visited {
color: white;
}

.footer a:hover, .footer a:active {
color: #234763;
}

.banner a {
line-height: 22px; 
background: #5f879e; 
margin: 0px 5px 5px 5px; 
padding: 10px; 
color: white;
display: block;
text-decoration: none;
}

.banner a:hover, .banner a:active {
color: white;
text-decoration: none;
background: #9fa374;
}

.donate {
margin: 0px 30px; 
padding: 10px; 
background: #9fa374;
color: white;
}