/* CSS Document */

/* Basics
---------------------------------- */
body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #d3ebee url("../_images/bkgrd.gif") left top repeat;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	}
div#wrap {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	color: #000;
	background: #fff;
	text-align: left;
	background: #bedda1 url("../_images/sbkgrd.jpg") left top repeat-y;
	}
div#wrap.home {
	background: #bedda1 url("../_images/sbkgrd.jpg") right top repeat-y;
	}

/* Structure
---------------------------------- */
div#content {
	clear: both;
	position: relative;
	float: right;
	margin: 0 0 0 230px;
	padding: 0;
	width: 530px;
	background: #ffffff url("../_images/cbkgrd.jpg") left top repeat-y;
	}
	div#content.homecontent {
	float: left;
	margin: 0;
	}
	div#content_top {
	margin-bottom: -40px;
	height: 45px;
	background: #fff url("../_images/cbkgrd_top.jpg") left top no-repeat;
	}
	div#content_btm {
	clear: both;
	height: 43px;
	background: #fff url("../_images/cbkgrd_btm.jpg") left bottom no-repeat;
	}
	div.home-boxes-a {
	clear: left;
	position: relative;
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
	width: 42%;
	}
	div.home-boxes-b {
	clear: right;
	position: relative;
	float: right;
	margin: 0 30px 0 0;
	padding: 0;
	width: 42%;
	}
div#sidebar {
	clear: both;
	position: absolute;
	float: right;
	margin: 0;
	padding: 0;
	width: 240px;
	font-size: 90%;
	}
	div#sidebar div.ss_top {
	margin: 0 0 -60px 0;
	padding: 0;
	height: 38px;
	background: url("../_images/ss_sponsors.gif") center top no-repeat;
	}
	div#sidebar div.ss_btm {
	margin: -20px 0 0 0;
	padding: 0;
	height: 27px;
	}
	div#sidebar p {
	font-size: 95%;
	line-height: 110%;
	}
	div#sidebar .top {
	padding-top: 25px;
	}
	div#sidebar ul {
	font-size: 95%;
	line-height: 130%;
	}
	ul#links {padding-left: 20px}
	div#giftshop, div#sponsors, div#contacts, div#inThisSection, div#donate, div#helpfullinks, div#vet {
		margin: 1em 0 0 18px;
		padding: 0;
		width: 195px;
		/* background: url("../_images/ss_bkgrd.gif") top center repeat-y; */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 85%;
		line-height: 100%;
		}
		div#giftshop h3, div#sponsors h3, div#contacts h3, div#inThisSection h3, div#donate h3, div#helpfullinks h3, div#vet h3 {
		margin: 0 0 -40px 0;
		padding: 0;
		height: 38px;
		}
		div#giftshop h3 span, div#sponsors h3 span, div#contacts h3 span, div#inThisSection h3 span, div#donate h3 span, div#helpfullinks h3 span, div#vet h3 span {
		margin-left: -9000px;
		height: 0;
		}
		div#giftshop h3 {background: url("../_images/ss_giftshop.gif") center top no-repeat}
		div#sponsors h3 {background: url("../_images/ss_sponsors.gif") center top no-repeat}
		div#contacts h3 {background: url("../_images/ss_contacts.gif") center top no-repeat}
		div#inThisSection h3 {background: url("../_images/ss_inthissection.gif") center top no-repeat}
		div#donate h3 {background: url("../_images/ss_donate.gif") center top no-repeat}
		div#helpfullinks h3 {background: url("../_images/ss_helplinks.gif") center top no-repeat}
		div#vet h3 {background: url("../_images/ss_vet.gif") center top no-repeat}
div#sidebar.homeside {
	float: right;
	margin: 0 10px 0 520px;
	background: url("../_images/sbkgrd.jpg") top right repeat-y;
	}
div#footer {
	clear: both;
	padding: 1em 0;
	margin: 0;
	color: #666666;
	background-color: #d6f5b8;
	font-size: 85%;
	text-align: center;
	border-top: 1px solid #f1ed9a;
	}
	
/* Headings
---------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 150px;
	background: #d3ebee url("../_images/h1bkgrd.jpg") left top repeat-x;
	z-index: 1;
	}
	h1 span {
	margin: 0 0 0 -9000px;
	padding: 0;
	height: 0;
	}
div#h1-image {
	position: relative;
	margin: 0 auto -150px auto;
	padding: 0;
	top: -150px;
	width: 760px;
	height: 150px;
	background:  url("../_images/h1.jpg") center top no-repeat;
	z-index: 200;
	}
div#h1-image a {
	width: 760px;
	height: 150px;
	z-index: 300;
	}
h2 {
	margin: 0;
	padding: 0.3em 0 0 20px;
	color: #548a20;
	}
h2.box {
	margin: 0;
	padding: 0.3em 0 0 5px;
	border-top: 1px solid #ccc;
	}
h3, h4 {
	margin: 0; 
	}
h3 {
	padding: 0.3em 0 0 20px;
	color: #095159;
	}
h3.clear {clear:left}
h4 {
	padding: 0.3em 0 0 30px;
	color: #548a20;
	}

/* Text
---------------------------------- */
p {
	padding: 0 1.5em;
	font-size: 100%;
	line-height: 140%;
	}
#content p, #content form {
	padding: 0 30px;
	}
p.home-emph {
	margin-bottom: 1.2em;
	color: #095159;
	font-size: 110%;
	line-height: 130%;
	}
#content p.home-notes {
	margin: 0.4em 0 0.8em 0;
	padding: 0 0 0 13px;
	font-size: 90%;
	}
#content p.top {
	margin: 0 0 1.5em 30px;
	padding: 0;
	font-size: 75%;
	}
em.hh { color: #095159; }
	
/* Images
---------------------------------- */
img#toby, img.intext {
	position: relative;
	float: right;
	margin: 0 1.5em 1em 1em;
	padding: 3px;
	border: 1px solid #ccc;
	}
img.intext {
	margin: 1.2em 1.5em 1em 1em;
	}
img#aothumb {
	border: 1px solid #ccc;
	}
img#aobig {
	float:right;
	margin:1em 1.5em 1em 1em;
	width: 245px;
	height: 325px;
	}
img#cafepress {
	float:right;
	margin:0 1.5em 1em 1em;
	width: 170px;
	height: 60px;
	}
img.saddlesite {
	padding: 3px;
	border: 1px solid #ccc;
	}

/* Lists
---------------------------------- */	
ul#home-sponsors {
	clear: both;
	padding-top: 1.5em;
	list-style-type: none;
	}
	ul#home-sponsors li {
	float: left;
	margin-left: 3em;
	}
ul#contacts-list {
	margin-top: -0.7em;
	margin-left: -20px;
	}
ul#inthenews-list li, ul.volunteering li, ul.vol-guide li, 
ol.vol-guide li, ul#wish-list, ul.comm-list {
	margin-right: 30px;
	margin-left: 10px;
	}
	ul#inthenews-list li, ul.vol-guide li, 
	ol.vol-guide li, ul#wish-list, ul.comm-list {
	padding-bottom: 0.5em;
	}
ul#incelebration-list li, ul#inmemory-list li {
	margin: 0 0 5px 20px;
	display: block;
	height: 80px;
	width: 400px;
	list-style-type: none;
	border: 1px solid #d9d99b;
	}
	ul#incelebration-list li span, ul#inmemory-list li span {
	margin-left: -9000px;
	height: 0;
	}
	
	li#joslynclint {background: #e9ffd6 url("../_images/ic-josylnclint.jpg") top left no-repeat}
	li#heatherbaade {background: #e9ffd6 url("../_images/ic-heatherbaade.jpg") top left no-repeat}
	li#marthasmith {background: #e9ffd6 url("../_images/ic-marthasmith.jpg") top left no-repeat}
	
	li#maryannday {background: #e9ffd6 url("../_images/im-maryannday.jpg") top left no-repeat}
	li#annmitchellperry {background: #e9ffd6 url("../_images/im-annmitchellperry.jpg") top left no-repeat}
	li#rexreddell {background: #e9ffd6 url("../_images/im-rexreddell.jpg") top left no-repeat}
	li#toby {background: #e9ffd6 url("../_images/im-toby.jpg") top left no-repeat}
ul.suggreadingtable {
	margin-left: 30px;
	list-style-type: none;
	}
ul.suggreadingtable li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
	}
ul#animals {}
ul#animals li {
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	width: 110px;
	height: 150px;
	background-color: #d5e7e9;
	}
ul#animals li span {
	margin: 0 0 0 -0.3em;
	padding: 0.3em 0.5em 0.3em 0.5em;
	width: 110px;
	color: #ffffff;
	background: #56878b;
	}
/* Animal Photos */
ul#animals li#mini-Bailey {background: url("../_animals/minithumb-Bailey.jpg") top left no-repeat;}
ul#animals li#mini-Bernard {background: url("../_animals/minithumb-Bernard.jpg") top left no-repeat;}
ul#animals li#mini-Calvin {background: url("../_animals/minithumb-Calvin.jpg") top left no-repeat;}
ul#animals li#mini-Chester {background: url("../_animals/minithumb-Chester.jpg") top left no-repeat;}
ul#animals li#mini-Creta {background: url("../_animals/minithumb-Creta.jpg") top left no-repeat;}
ul#animals li#mini-Eli {background: url("../_animals/minithumb-Eli.jpg") top left no-repeat;}
ul#animals li#mini-Frankie {background: url("../_animals/minithumb-Frankie.jpg") top left no-repeat;}
ul#animals li#mini-GracieLu {background: url("../_animals/minithumb-GracieLu.jpg") top left no-repeat;}
ul#animals li#mini-Jazz {background: url("../_animals/minithumb-Jazz.jpg") top left no-repeat;}
ul#animals li#mini-JoeyRamone {background: url("../_animals/minithumb-JoeyRamone.jpg") top left no-repeat;}
ul#animals li#mini-LuLu {background: url("../_animals/minithumb-LuLu.jpg") top left no-repeat;}
ul#animals li#mini-Magic {background: url("../_animals/minithumb-Magic.jpg") top left no-repeat;}
ul#animals li#mini-MiniMe {background: url("../_animals/minithumb-MiniMe.jpg") top left no-repeat;}
ul#animals li#mini-Misty {background: url("../_animals/minithumb-Misty.jpg") top left no-repeat;}
ul#animals li#mini-Petey {background: url("../_animals/minithumb-Petey.jpg") top left no-repeat;}
ul#animals li#mini-PrinceWillie {background: url("../_animals/minithumb-PrinceWillie.jpg") top left no-repeat;}
ul#animals li#mini-Shanamana {background: url("../_animals/minithumb-Shanamana.jpg") top left no-repeat;}
ul#animals li#mini-TinyTim {background: url("../_animals/minithumb-TinyTim.jpg") top left no-repeat;}
ul#animals li#mini-WillieWonka {background: url("../_animals/minithumb-WillieWonka.jpg") top left no-repeat;}
ul#animals li#mini-Zoey {background: url("../_animals/minithumb-Zoey.jpg") top left no-repeat;}

ul#animals li#horse-Hurricane {background: url("../_animals/horsethumb-Hurricane.jpg") top left no-repeat;}
ul#animals li#horse-Sophie {background: url("../_animals/horsethumb-Sophie.jpg") top left no-repeat;}
ul#animals li#horse-Abbey {background: url("../_animals/horsethumb-Abbey.jpg") top left no-repeat;}

ul#animals li#tdog-Charlie {background: url("../_animals/tdogthumb-Charlie.jpg") top left no-repeat;}
ul#animals li#tdog-StevieWonder {background: url("../_animals/tdogthumb-StevieWonder.jpg") top left no-repeat;}
ul#animals li#tdog-Sammy {background: url("../_animals/tdogthumb-Sammy.jpg") top left no-repeat;}

ul#animals li#wdog-SunnyGirl {background: url("../_animals/wdogthumb-SunnyGirl.jpg") top left no-repeat;}
ul#animals li#wdog-Teddy {background: url("../_animals/wdogthumb-Teddy.jpg") top left no-repeat;}
ul#animals li#wdog-Winston {background: url("../_animals/wdogthumb-Winston.jpg") top left no-repeat;}

/* Forms
---------------------------------- */	
input#paypal {
	margin-top: 0.8em;
	margin-bottom: 0.4em;
	}
form#ancientones {
	margin-bottom: 1em;
	}
form#ancientones input#aosubmit {
	margin-top: 0.3em;
	}

/* Navigation
---------------------------------- */
ul#navigation {
	margin: 0;
	padding: 0;
	width: 760px;
	height: 2em;
	line-height: 2em;
	list-style-type: none;
	color: #fff;
	background: #94babd url("../_images/navbkgrd.jpg") left top repeat-x;
	font-size: 110%;
	border-bottom: 1px solid #94babd;
	}
ul#navigation li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	}
ul#navigation li a {
	margin: 0;
	padding: 0.5em 0.81em;
	height: 2em;
	line-height: 2em;
	color: #ffffff;
	}
ul#navigation li a:link { text-decoration: none; }
ul#navigation li a:visited { text-decoration: none; }
ul#navigation li a:active, 
ul#navigation li a:hover,
ul#navigation li a#selected {
	color: #ffffff;
	height: 2em;
	line-height: 2em;
	text-decoration: none;
	background: #94babd url("../_images/navbkgrd_hover.jpg") left top repeat-x;
	}

/* Sidebar Navigation
---------------------------------- */
div#inThisSection ul {
	margin: 1em 0 0 20px;
	padding: 0;
	}
