﻿body {
    margin: 0px;
    background-image: url(/images/background.gif);
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10pt; 
    color: #080e73;
}

img 
{
    border: 0px;
}

h1 
{ 
    font-size: 14pt;
    border-bottom: 1px solid #080e73;
}

#center
{
    width: 809px;
    margin: 0px auto 0px auto;
}

#wrapper 
{
    float: left;
    background-image: url(/images/page_bg.png);
    background-repeat: repeat-y;
}

#header_wrapper 
{
    float: left;
    width: 800px;
    height: 108px;
    background-color: #080e73;
}

#header_logo 
{
    float: left;
    width: 537px;
    height: 86px;
    margin-left: 10px;
    margin-top: 10px;
}

#header_address 
{
    width: 200px;
    height: 98px;
    margin-top: 16px;
    margin-right: 10px;
    float: right;
    font-family: Palatino Linotype, Times New Roman, Serif;
    color: #FFFFFF;
    text-align: right;
    vertical-align: bottom;
}

.header_nav 
{
    clear: left;
    float: left;
    width: 788px;
    padding: 5px;
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
    color: #080e73;
    background-color: #7277d8;
    margin-left: 1px;
    border-bottom: 1px solid #080e73;
}

.header_nav a 
{
    margin-left: 10px; 
    margin-right: 10px;
    color: #080e73; 
    text-decoration: none;
    font-weight: normal;
}

.header_nav a:hover
{
    text-decoration: underline;
}

.header_nav a.current 
{
    font-weight: bold;
}

.header_nav a.current:hover
{
    text-decoration: underline;
}

#content_wrapper 
{
    clear: left;
    width: 520px;
    float: left;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
}

#sidebar_wrapper 
{
    width: 240px;
    float: right;
    margin-top: 20px;
    margin-right: 5px;
}

#sidebar_wrapper .sidebar 
{
    display: block;
}

#sidebar_wrapper .sidebar .header
{
    float: left;
    width: 240px;
    background-image: url(/images/sidebar_top.png);
    background-repeat: no-repeat;
}

#sidebar_wrapper .sidebar .header div
{
    float: left;
    color: #ffffff;
    font-size: 12pt;
    padding: 5px 10px 5px 10px;
    width: 200px;
    background-color: #080e73;
    cursor: pointer;
}

#sidebar_wrapper .sidebar .content 
{
    float: left;
    width: 190px;
    color: #ffffff;
    padding: 10px 40px 0px 10px;
    background-image: url(/images/sidebar_mid.png);
    background-repeat: repeat-y;
    background-position: top left;
    font-size: 8pt;
}

#sidebar_wrapper .sidebar .content .title
{
    clear: both;
    font-weight: bold;
    width: 190px; 
    float: left;
    margin-bottom: 5px;
}

#sidebar_wrapper .sidebar .content .description
{
    clear: both;
    width: 190px; 
    float: left;
    margin-bottom: 5px;
}

#sidebar_wrapper .sidebar .content .links
{
    clear: both;
    width: 190px; 
    float: left;
    margin-bottom: 20px;
}

#sidebar_wrapper .sidebar .content img
{
    border: 1px solid #080e73;
    width: 200px;
    margin-bottom: 5px;
}

#sidebar_wrapper .sidebar .footer 
{
    clear: both;
    float: left;
    width: 240px;
    background-image: url(/images/sidebar_bottom.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-bottom: 20px;
    padding-top: 5px;
}

#sidebar_wrapper .sidebar .footer div
{
    clear: both; 
    float: left;
    color: #ffffff;
    font-size: 8pt;
    padding: 5px 9px 5px 9px;
    width: 200px;
    background-color: #4d54d8;
    margin-left: 1px; margin-right: 1px;
    margin-bottom: 10px;
}

#footer_wrapper 
{
    float: left;
    clear: both;
    width: 800px;
    background-color: #080e73;
}

#footer_wrapper .left 
{
    float: left;
    width: 570px;
    margin: 10px 0px 10px 20px;
    color: #ffffff;
    font-size: 8pt;
}

#footer_wrapper .right
{
    float: right; 
    width: 190px;
    margin: 10px 19px 10px 0px;
    font-size: 8pt;
    color: #ffffff;
    text-align: right;
}

.white 
{
    color: #ffffff;
}

.page_photo 
{
    float: left; 
    margin-right: 5px;
    margin-bottom: 5px;
}

.event_name 
{
    font-weight: bold;
    font-size: 12pt;
    padding-bottom: 3px;
}

.event_location 
{
    font-style: italic;
    padding-bottom: 3px;
}

.event_links 
{
    padding-bottom: 10px;
}

.event_description 
{
    padding-bottom: 20px;
}

.pet_list 
{
    background-color: #FFFFFF;
    border: 1px solid #080e73;
    border-collapse: collapse;
    width: 100%;
}

.pet_list img
{
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #080e73;
}

.pet_list tr 
{
    border: 1px solid #080e73;
    background-color: #FFFFFF;
    cursor: pointer;
}

.pet_list tr:hover 
{
    background-color: #dcddf5;
}

.pet_list tr.header 
{
    cursor: auto;
    background-color: #080e73;
}

.pet_list tr.header a
{
    text-decoration: none;
}

.pet_list tr.header a:hover
{
    text-decoration: underline;
}

.pet_list td 
{
    border-collapse: collapse;
    padding: 5px;
}

.pet_list .photo 
{
    width: 15%;
}

.pet_list .description
{
    width: 65%
}

.pet_list .notice 
{
    width: 20%;
}

.pet_list .notice img 
{
    border: 0px;
}

.details_photos 
{
    display: block;
    float: left;
    width: 200px;
}

.details_description
{
    display: block; 
    float: right; 
    width: 300px;
}

.details_photos img.big
{
    border: 1px solid #080e73;
    width: 200px; 
}

.details_photos img.small
{
    width: 50px;
    margin-right: 14px;
    margin-top: 20px;
    border: 1px solid #080e73;
    float: left;
}

