/* styles for all menu link groups */
.nav, .nav2, .nav li ul, .nav2 li ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* styles for top horizontal menu link group */
.nav {
    z-index: 50;
    background-color: #000;
}

/* styles for side vertical menu link group */
.nav2 {
    z-index: 10;
}

/* styles for top horizontal menu link containers */
.nav li {
    z-index: 50;
    position: relative;
    float: left;
}

/* styles for side vertical menu link containers */
.nav2 li {
    z-index: 10;
    position: relative;
    float: left;
}

/* styles for top horizontal menu link containers' submenu
   link groups */
.nav li ul {
    position: absolute; 
    display: none;
    top: 28px;
    left: 0;
}

/* styles for side vertical menu link containers' submenu
   link groups */
.nav2 li ul {
    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 {
    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 {
    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: 0;
    left: 177px;
}

/* styles for all inactive menu links */
.nav a:link, .nav a:visited, .nav2 a:link, .nav2 a:visited {
    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 {
    background-color: #000;
    text-transform: uppercase;
}

/* styles for top horizontal menu active links */
.nav a:hover, .nav a:active {
    background-color: #333333;
    color: white;
    text-decoration: none;
}

/* styles for top side vertical menu inactive links */
#nav2 a:link, #nav2 a:visited {
    background-color: #5f879e;
    color: white;
    text-decoration: none;
}

/* styles for middle side vertical menu inactive links */
#nav3 a:link, #nav3 a:visited {
    background-color: #7b6494;
    color: white;
    text-decoration: none;
}

/* styles for bottom side vertical menu inactive links */
#nav4 a:link, #nav4 a:visited {
    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 {
    background-color: #000;
    color: white;
    text-decoration: none;
}

/* 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 {
    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: 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: block;
}

body, td {
font: 12px verdana;
color: black;
}

a:link {
color: #234763;
text-decoration: underline;
}

a:visited {
color: #234763;
text-decoration: underline;
}


a:hover {
color: black;
text-decoration: underline;
}

a:active {
color: black; 
text-decoration: underline;
}

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

#twitter_update_list li {
padding-bottom: 10px;
}

.boxes {
border: 1px solid #9fa374;
padding: 10px;
margin: 0px 30px 10px 30px;
float: left;
clear: both;
line-height: 17px;
width: 639px;
}

.boxes ul {
margin: 0px;
padding: 0px;
list-style-position: inside;
}

.boxes li {
list-type: none;
margin: 0px 0px 0px 25px;
padding: 5px 0px;
}

.boxes img {
margin-right: 10px;
}

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

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

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

.rightimg {
float: right;
width: 170px;
margin-left: 10px;
padding: 10px;
background: #e2e3d5;
font: 11px Arial, Helvetica, sans-serif;
}

.rightimg img {
text-align: center;
}

ul.noindent {
margin: 0px 15px;
padding: 0px;
}

ul.noindent li {
list-type: none;
margin: 0;
padding: 5px 0px;
}

.sidebar {
width: 190px;
margin-left: 10px;
padding: 10px;
border: 1px solid black;
float: right;
}

.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;
}

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

.banner2 a:hover, .banner2 a:active {
color: white;
text-decoration: none;
background: #5f879e;
}

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

.video {
padding: 10px;
margin: 5px 30px 0px 30px;
clear: both;
float: left;
width: 641px;
font-size: 12px;
line-height: 17px;
background: #E2E3D5;
}

.video h2 {
color: #9fa374;
font-size: 18px;
}

.social {
margin: 0px 30px 15px 30px; 
width: 641px;
padding: 5px 10px; 
background: #9fa374; 
color: white; 
clear: both; 
text-align: center
}

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

.social a:hover, .social a:active {
color: black;
}

.colorbox {
float: left;
clear: both;
}

.colorbox a {
display: block;
margin: 30px 30px 10px 30px; 
padding: 5px; 
background: #5f879e; 
width: 651px;
color: white;
text-decoration: none;
}

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

.borderbox {
border: 3px solid #5f879e;
padding: 10px;
margin: 30px 30px 10px 30px; 
text-align: center;
line-height: 150%;
font-size: 110%;
}

.borderbox h1 {
color: #5f879e;
font-size: 120%
}

.borderbox a {
font-weight: bold;
color: #5f879e;
}

.borderbox a:hover {
color: black;
}

#boxes a {
color: #234763; 
text-decoration: none;
}

#boxes a:hover {
color: #000; 
text-decoration: underline;
}

#mask {
position: absolute;
left: 0;
top: 0;
z-index: 9000;
background-color: #000;
display: none;
}
  
#boxes .window {
position: absolute;
left: 0;
top: 0;
width: 440px;
height: 273px;
display: none;
z-index: 9999;
padding: 20px;
}

#boxes .window input {
margin-bottom: 10px;
}

#boxes #dialog {
width: 460px; 
height: 293px;
padding: 10px;
background: url(http://www.forestfoundation.org/_images//overlay-bg.jpg) no-repeat #ffffff;
border: 5px solid #333333;
font: 14px verdana;
line-height: 21px;
}

#windowleft {
width: 320px;
float: left;
}