body {
        margin: 0px 0px 0px 0px;
        background: #333333 url(http://olympicanimalsanctuary.org/images/bggradient3.jpg) fixed repeat;
        text-align: center;
        font-family: Arial;
        }
a {
        text-decoration: underline;     
        }
a:link {
        color: #005826;
        text-decoration: underline;
        }
a:visited {
        color: #5d895c;
        }
a:active {
        color: #0000FF;
        }
a:hover {
        color: #00AA4A;
        }
a[name]:hover {
        color: inherit;
        }
a[name] {
        text-decoration: none;
        }
h1 {
        margin: 5px 0px 5px 0px;
        text-align: left;
        padding: 0px;
        font-size: x-large;
        font-weight: bold;      
        font-family: papyrus;
        color: #005826;
        text-shadow: 2px 0px #5d895c;
        line-height:120%;
        }
h1 a:visited {
        color: #5d895c;
        text-decoration: none;
        }
h1 a:active {
        color: #0000FF;
        text-decoration: none;
        }
h1 a:hover {
        color: #00AA4A;
        text-decoration: none;
        }
h2 {
        margin: 0px 0px 0px 0px;
        color: #333333;
        font-size: small;
        font-weight: bold;
        }
h2 a:link {
        text-decoration: none;
        }
h2 a:hover {
        text-decoration: none;
        }
h2 a:visited {
        text-decoration: none;
        }
h3 {
        margin: 0px;
        padding: 2px;
        color: #333333;
        font-size: medium;
        font-weight: bold;
        }
h4 {
        line-height: 140%;
        margin: 0px;
        padding: 2px;
        color: #005826;
        font-size: small;
        font-weight: bold;
        }
h5 {
        margin: 0px 0px 0px 0px;
        color: #333333;
        font-size: small;
        font-weight: bold;
        text-align: center;
        }
h5 a:link {
        text-decoration: none;
        }
h5 a:hover {
        text-decoration: none;
        }
h5 a:visited {
        text-decoration: none;
        }

h7 {
        margin: 5px 0px 5px 0px;
        text-align: center;
        padding: 0px;
        font-size: x-large;
        font-weight: bold;      
        font-family: papyrus;
        color: #eeeeee;
        text-shadow: 2px 0px #5d895c;
        line-height:120%;
        }
h7 a:visited {
        color: #eeeeee;
        text-decoration: none;
        }
h7 a:active {
        color: #0000FF;
        text-decoration: none;
        }
h7 a:hover {
        color: #eeeeee;
        text-decoration: none;
        }

h8 {
        margin: 5px 0px 5px 0px;
        text-align: center;
        padding: 0px;
        font-size: x-large;
        font-weight: bold;      
        font-family: papyrus;
        color: #005826;
        text-shadow: 2px 0px #5d895c;
        line-height:120%;
        }
h8 a:visited {
        color: #005826;
        text-decoration: none;
        }
h8 a:active {
        color: #0000FF;
        text-decoration: none;
        }
h8 a:hover {
        color: #005826;
        text-decoration: none;
        }

td {
        font-size: x-small;
        line-height: 140%;
        }
img.scaled {
        width: 100%;
        }
img.embedleft {
        padding-right: 8px;
        position: relative;
        top: 5px;
        }

img.embedright {
        padding-left: 8px;
        position: relative;
        top: 5px;
        }

object.scaled {
        width: 100%;
        }
.catlist {
        color: #005826;
        font-size: x-small;
        font-weight: bold;
        line-height: 300%;
        }
.catlist a:link {
        text-decoration: none;
        color: #005826;
        }
.catlist a:visited {
        text-decoration: none;
        color: #005826;
        }
.catlist a:hover {
        text-decoration: none;
        color: #00AA4A;
        }
.catlist a:active {
        text-decoration: none;
        color: #0000FF;
        }
#catentries {
        font-size: small;
        font-family: papyrus;
        font-weight: bold;
        text-align: left;
        }
#catentries li {
        list-style-type: none;
        line-height: 100%;
        }
#catentries a:link {
        text-decoration: none;
        }
#catentries a:visited {
        text-decoration: none;
        }

#container {
        width: 800px;
        line-height: 140%;
        padding: 0px;
        overflow: hidden;
        float: left;      
        }

#adcolumn {
        width: 250px;
        padding: 0px;
        overflow: hidden;
        float: right;  
        background-color: #eeeeee;   
        border-left: 1px solid #005826;
        }

#inner {
        border-top: 5px solid #297641;
        border-bottom: 5px solid #004918;
        border-left: 5px solid #005826;
        border-right: 5px solid #1a6935;
        overflow: hidden;
        background-color: #eeeeee;

        }
#outer {
        width: 1061px;
        border-top: 5px solid #b0dbaf;
        border-bottom: 5px solid #416c41;
        border-left: 5px solid #5d895c;
        border-right: 5px solid #75a375;
        overflow: hidden;       
        margin-top: 30px;
        margin-bottom: 50px;
        margin-right: auto;
        margin-left: auto;
        box-shadow: 20px 20px 10px rgba(0,0,0,0.4);
        }

#banner {
        font-family: Verdana, Arial, sans-serif;
        padding: 0px;
        margin-bottom: 0px;
        }

#left {
        float: left;
        width: 600px;   
        overflow: hidden;
        }
.content {
        padding: 0px 0px 0px 15px;
        color: #333333;
        text-align: justify;
        font-family: Verdana, Arial, sans-serif;
        line-height: 120%;
        }

.content p {
        margin-bottom: 25px;
        }

.content pre {
        font-size: larger;
}
.content h2 {
        text-align: left;
        }
.forms {
        font-size: x-small;
        padding: 0px 0px 0px 15px;
        color: #333333;
        text-align: left;
        font-family: Verdana, Arial, sans-serif;
        line-height: 120%;
        }
.forms h2 {
        padding-top: 10px;
        }
#pro {
        float: left;
        width: 68%;     
        overflow: hidden;
        font-size: x-small;
        line-height:140%;
        padding: 0px 5px 5px 0px;
        color: #333333;
        text-align: justify;
        font-family: Verdana, Arial, sans-serif;
        }

#pro li {
        list-style-type: none;
        line-height: 140%;
        font-size: x-small;
        padding-left: -30px;
        margin-left: -30px;
        }
#pics {
        float: right;
        width: 25%;     
        overflow: hidden;
        font-size: x-small;
        text-align: left;
        color: #5d895c;
        line-height:110%;
        padding: 0px 0px 0px 5px;
        margin-left: 10px;
        border-left: 1px solid #5d895c;
        }
#pics img {
        width: 100%;
        border: 0px;
        }
cap {
        color: #333333;
        line-height:110%;
        text-align: left;
        }
.content caption {
        color: #333333;
        font-size: 60%;
        padding-top: 0px;
        }
#right {
        float: right;   
        width: 175px;
        text-align: left;
        border-left: 1px solid #5d895c;
        overflow: hidden;
        }

#right ul {
        list-style-type: none;
        line-height: 140%;
        font-size: medium;
        margin-left: 5px;
        padding-left: 5px;
        margin-top: -10px;
        padding-top: -10px;
        margin-bottom: 3px;
        padding-bottom: 3px;
        }


.video {
        font-size: x-small;
        font-weight: normal;
        line-height: 120%;
        text-align: center;
        }

.content p {
        color: #333333;
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        font-weight: normal;
        line-height: 150%;
        text-align: justify;
        margin-bottom: 0px;
        }
.content blockquote {
        line-height: 150%;
        }
.content ul {
        list-style-type: circle;
        list-style-position: outside;
        line-height: 140%;
        font-size: x-small;
        }
.content ol {
        line-height: 140%;
        font-size: x-small;
        }
.content p.posted {
        color: #5d895c;
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        border-top: 1px solid #5d895c;
        text-align: left;       
        margin-bottom: 25px;
        line-height: normal;
        padding-top: 3px;
        }
#navigation {
        padding-left: 5px;
        width: 47%;
        overflow: hidden;
        float: left;
        }
#ads {
        padding: 5px;
        width: 47%;
        overflow: hidden;
        float: right;
        }
#flash {
        padding: 0px;
        width: 100%;
        overflow: hidden;
        float: right;
        }
.navtext {
        margin: 5px;
        padding: 5px;
        color: #333333;
        font-size: x-small;
        font-weight: normal;
        }
.navtext #categories ul {
        padding-left: 0px;
        margin-left: 0px;
        }
.navtext #categories li {
        padding-left: 0px;
        margin-left: 0px;
        }
.navtext li {
        color: #333333;
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        text-align: left;
        line-height: 140%;      
        margin-top: 10px;
        list-style-type: none;
        }
.dbutton {
        padding-top: 1px;
        margin-top: 1px;
        }
#syndicate {
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        line-height: 150%;
        text-align: left;
        color: #333333;
        margin-top: 20px;
        overflow: hidden;
        }
#powered {
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        line-height: 150%;
        text-align: left;
        color: #333333;
        margin-top: 20px;
        overflow: hidden;
        }
#footer {
        padding-top: 30px;
        padding-bottom: 5px;
        font-size: x-small;
        float: bottom left;
        clear: right;
        text-align: center;
        color: #005826;
        overflow: hidden;
        width: 100%;
        }
.forms p.divider {
        border-bottom: 1px solid #5d895c;
        }
.forms table {
        color: #333333;
        }
.header {
        font-size: x-small;
        margin-bottom: 15px;
        }
.paypal {
        text-align: center;
        margin: 0px 0px 15px 0px;
        position: relative;
        top: -150px;
        }
.nobrtable br {
        display: none
        }
table {
        table-layout: fixed;
        align: left;
        }
td {
        padding-right: 32px;
        padding-top: 15px;
        padding-bottom: 0px;
        padding-left: 0px;
        width: 100px;
        text-align: left;
        valign: top;
        font-size: x-small;
        }

#right table {
        table-layout: fixed;
        align: left;
        margin-left: 0px;
        padding-left: 0px;
        }
#right td {
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center;
        valign: top;
        font-size: x-small;
        font-weight: bold;
        line-height: 100%;
        }

#adcolumn table {
        table-layout: fixed;
        align: left;
        margin-left: 0px;
        padding-left: 0px;
        }

#adcolumn td {
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center;
        valign: top;
        font-size: x-small;
        font-weight: bold;
        line-height: 100%;
        }

#signature {
        float: right;
        width: 125px;
        font-size: x-small;
        line-height: 120%;
        }

#intro {
        float: center;
        padding: 10px 175px 0px 175px;
        margin: 10px 175px 0px 175px;
        width: auto;
        height: auto;
        }

#intro img{
        width: 100%;
        }

#navbar {
        margin: 0;
        padding: 0;
        height: 1em; 
        }

#navbar li {
        list-style: none;
        float: left;
        border-top: 2px solid #d3ffd1;
        border-right: 2px solid #95c494;
        border-bottom: 2px solid #001f00;
        border-left: 2px solid #325d34;
        }

#navbar li a {
        display: block;
        padding: 3px 8px;
        background-color: #5d895c;
        color: #EEEEEE;
        text-decoration: none; 
        }

#navbar li a:hover {
        display: block;
        padding: 3px 8px;
        background-color: #76a476;
        color: #FFFFFF;
        text-decoration: none;
        }

#navbar li ul {
        display: none; 
        width: 10em; /* Width to help Opera out */
        background-color: #6a976a;
        z-index: 1000;
        }

#navbar li:hover ul, #navbar li.hover ul {
        display: block;
        position: absolute;
        margin: 2px 0px 0px -2px;
        padding: 0; 
        text-align: left;
        }

#navbar li:hover li, #navbar li.hover li {
        float: none; 
        }

#navbar li:hover li a, #navbar li.hover li a {
        background-color: #6a976a;
        color: #FFFFFF; 
        }

#navbar li li a:hover {
        background-color: #78a577; 
        }

.widget-content {
        float: left;
        margin: -15px 0px 0px 0px;
        }

.searchbutton {
        font-size: medium;
        height: 32px;
        margin-left: -4px;
        padding: 3px 8px;
        background-color: #5d895c;
        color: #EEEEEE;
        border-top: 2px solid #d3ffd1;
        border-right: 2px solid #95c494;
        border-bottom: 2px solid #001f00;
        border-left: 2px solid #325d34;
        }

.searchbutton:hover {
        padding: 3px 8px;
        background-color: #76a476;
        color: #FFFFFF;
        text-decoration: none;
        }

.ti {
        padding: 3px 8px;
        background-color: #dbffd9;
        height: 22px;
        border-bottom: 2px solid #bbe6ba;
        border-right: 2px solid #a5d0a4;
        border-top: 2px solid #2f4d31;
        border-left: 2px solid #547456;
        position: relative;
        top: -2px;
        }


.nobullet li {
        list-style: none;
        margin-bottom: 5px;
        }

/**
Stylesheet: Slideshow.css
CSS for Slideshow.

License:
MIT-style license.

Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).

HTML:
<div class="slideshow">
<div class="slideshow-images" />
<div class="slideshow-captions" />
<div class="slideshow-controller" />
<div class="slideshow-loader" />
<div class="slideshow-thumbnails" />
</div>

Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
display: block;
position: relative;
z-index: 0;
}
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}

/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/

.slideshow {
width: 850px;
height: 650px;
margin: 0 auto;
background: url("../images/back.png") no-repeat scroll 0 0 transparent; 
}
.slideshow a img {
border: 0;
}
/**
HTML:
<div class="slideshow-images">
<img />
<img />
</div>

Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
width: 800px;
height: 600px;
left: 25px;
top: 25px;
}
.slideshow-images-visible { 
opacity: 1;
}
.slideshow-images-prev { 
opacity: 0; 
}
.slideshow-images-next { 
opacity: 0; 
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
position: static;
}
/**
HTML:
<div class="slideshow-thumbnails">
<ul>
<li><a class="slideshow-thumbnails-active" /></li>
<li><a class="slideshow-thumbnails-inactive" /></li>
...
<li><a class="slideshow-thumbnails-inactive" /></li>
</ul>
</div>

Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 10px 5px 10px 5px;
position: relative;
}
.slideshow-thumbnails a {
display: block;
float: left;
padding: 4px;
position: relative; 
border: solid 2px white;
-moz-border-radius: 7px;
-moz-box-shadow:#000 0 0 6px;
-webkit-box-shadow:#000 0 0 6px;
box-shadow:#000 0 0 6px;
}
.slideshow-thumbnails a:hover {
background-color: #ffe46c !important;
opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-active {
background-color: #444444;
opacity: 1;
}
.slideshow-thumbnails-inactive {
background-color: #FFF;
opacity: .5;
}
.slideshow-thumbnails {
bottom: -115px;
height: 115px;
left: 0;
position: absolute;
width: 100%;
overflow: auto;
}
.slideshow-thumbnails ul {
height: 90px;
left: 0;
position: absolute;
top: 0;
width: 18975px;
}