﻿body 
{
    background-color: #3672b0;
    color: #666;
    font-family: Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 62.5%;
    padding: 5px 0 20px 0;
}

/* ------------------------- Text Styles ---------------------------- */

h1
{
    color: #6e6e6e;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 10px 0;
}

h2
{
    color: #3672b0;
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 10px 0;
}

h3
{
    color: #4989cc;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 10px 0;
}

p
{
    font-size: 1.3em;
    line-height: 1.6;
    margin-bottom: 10px;
}

a:link, a:active, a:visited
{
    color: #3672b0;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

.address
{
    margin: 0;
    padding: 0;
}

.bold
{
    font-weight: bold;
}

.generic-list
{
    margin: 15px 0 15px 20px;   
}

.generic-list li
{
    font-size: 1.25em;
    line-height: 2.2;
    background-image: url(../i/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .4em;    
    padding-left: 25px;    
}

.form-title span
{
    font-size: 1.25em;
}




#header
{
    height: 130px;
    margin: 0 auto;
    width: 900px;
}

#header-left
{
    float: left;
    padding-top: 0px;
    width: 300px;
}

#header-right
{
    float: right;
    text-align: right;
    width:530px;
}

#banner
{
    height: 145px;
    margin: 40px auto 20px auto;
    width: 940px;    
}

#content-box
{
    background: #3672b0 url(../i/box-bg.gif) repeat-y;
    margin: 0 auto;
    overflow: auto;
    width: 942px;
}

#content-top
{
    background: #3672b0 url(../i/box-top.gif) no-repeat;
    height: 33px;
    width: 942px;
}

#content
{
    padding: 0 30px;
    overflow: auto;
    width: 870px;
}

#content-left
{
    float: left;
    margin-left: 10px;
    width: 165px;
}

#content-right
{
    float: right;
    margin-top: -30px;
    width: 665px;
}

#banner
{
    height: 225px;
    width: 665px;
}

#body
{
    overflow: auto;
}

#body-left
{
    float: left;
    width: 428px;
}

#body-right
{
    float: right;
    width: 200px;
}

#content-bottom
{
    background: #dadfe1 url(../i/box-bottom.gif) no-repeat;
    height: 33px;
    margin: 0 auto;
    width: 942px;    
}

#footer
{
    margin: 0 auto;
    text-align: right;
    width: 910px;
}

#footer p
{
    color: #fff;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
}

#footer a:link, #footer a:visited, #footer a:active
{
    color: #fff;
}

#footer a:hover
{
    color: #fff;
    text-decoration: underline;
}


/* ------------------------- Top Navigation ---------------------------- */

#nav
{
    padding-top: 30px;
    text-align: right;
}

#nav li
{
    color: #fff;
    display: inline;
    font-size: 1.4em;
    margin-left: 25px;
}

/* ------------------------- Side Navigation ---------------------------- */

#navigation
{

}

#navlist
{
    color: #373737;
    font-family: Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 12px;
    margin-top: 10px;
}

#navlist li
{
    border-bottom: dotted 1px #ccc;
    text-align: left;
}

#navlist li a
{
    color: #545454;
    display:block; 
	text-decoration:none;
	padding: .7em 10px .7em 0;
	font-size: 95%;    
}

#navlist span
{
    color: #545454;
    display:block;
    font-size: 150%;
}

#navlist li a:hover
{
    background-color: #f7f7f7;
}

/* ------------------------------ Forms -------------------------------- */

#forms
{
    margin: 20px 0;
}

.form
{
    float: left;
    margin-right: 10px;
    text-align: center; 
    width: 110px;
}

.form-title
{
    padding-top: 10px;
}

/* --------------------------- Donate Box ----------------------------- */

#donate img
{
    border: none;
    float: left;
    margin: 0 3px 3px 0;
}

/* --------------------------- News/Events ----------------------------- */

.news-events
{
    overflow: auto;
}

.item
{
}

.item p
{
    font-size: 1.2em;
    line-height: 1.4;
}

.item img
{
    float: right;
    margin: 0 0 8px 8px;
    padding: 3px;
    border: solid 1px #ccc;
}


/* --------------------------- Featured Animal ---------------------------- */

#featured
{
    border: solid 1px #ccc;
    float: right;
    margin: 0 0 8px 8px;
    padding: 5px;    
}

#more-dogs
{
    font-size: 12px;
}

/* --------------------------- Dog/Cat Adoption ---------------------------- */

#adopt-list
{
    width: 665px;
}

.adopt-list-row
{  
    margin-bottom: 15px;
    overflow: auto;
}

.adopt-left
{
    float: left;
    margin-right: 15px;
    width: 315px;
}

.adopt-right
{
    float: right;
    width: 315px;
}

.adopt-left img, .adopt-right img
{
    border: solid 1px #ccc;
    float: right;
    margin: 0 0 8px 8px;
    padding: 5px;
}


/* --------------------------- Rabbit Adoption ---------------------------- */

.adopt-left-rabbit
{
    float: left;
    margin-right: 10px;
    width: 305px;
}

.adopt-right-rabbit
{
    float: right;
    width: 305px;
}

.adopt-left-rabbit img, .adopt-right-rabbit img
{
    border: solid 1px #ccc;
    xfloat: left;
    xmargin: 0 0 8px 8px;
    padding: 5px;
}

/* ------------------------ Sponsored Animals ------------------------- */

#sponsored-animals
{
}

.sponsored-animals-row
{
    margin-bottom: 10px;
    overflow: auto;
}

.sponsored-animal-l
{
    float: left;
    width: 210px;
}

.sponsored-animal-c
{
    float: left;
    margin: 0 17px;
    width: 210px;    
}

.sponsored-animal-r
{
    float: right;
    width: 210px;    
}

.sponsored-animals-row img
{
    border: solid 1px #ccc;
    float: right;
    margin: 0 0 8px 8px;
    padding: 5px;    
}


/* ------------------------ Maps ------------------------- */

#maps img
{
    border: solid 1px #ccc;
    margin-bottom: 20px;
}

/* --------------------- Hotel Images -------------------- */

.hotel-img
{
    border: solid 1px #ccc;
    clear: right;
    float: right; 
    margin: 0px 0px 15px 15px;
    padding: 5px; 
}


/* ------------- Kennels and Barn Images ----------------- */

#project-images
{
    text-align: center;
}

#project-images img
{
    margin-bottom: 5px;
}


/* Photo Gallery
//////////////////////////////////////////////////////// */

.gallery-row
{
    overflow: auto;
    margin-bottom: 15px;
}

.gallery-row img
{
    border: solid 1px #ccc;
    margin: 0 15px 0 0;
}

.gallery-row .last
{
    border: solid 1px #ccc;
    margin: 0;
}