﻿/* CSS RESET, pulled from 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Added by CLM 2008.11.18
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body 
{
	width:100%;
	line-height: 15px;
	color: black;
	background: #fff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/** END CSS RESET */


body
{
	margin: 0 auto;
	font-family: Calibri;
	color: #010101;
	background: #fff;
	font-size: 12pt;
}

img 
{
	border:0px;
	margin:0px;
	padding:0px;
}

strong
{
	font-weight:bold;
}


a
{
	line-height:16px;
	color: #000000;
	text-decoration:underline;
}

a:link
{
	line-height:16px;
	color: #000000;
	text-decoration:underline;
}

a:visited
{
	line-height:16px;
	color: #000000;
	text-decoration:underline;
}

a:hover
{
	color: #B8022B;
	text-decoration:none;
}

input
{
	width:70px;
}

h1
{
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	color:#97002F;
	font-family: Comic Sans MS, Lucida Calligraphy;
	font-weight:bold;
	font-size:20px;
}

.spacer
{
	height:3px;
}
.checkbox input
{
	width:15px;
}

.rHead
{
	color: #648AA6;
}

.rBodyFooter
{
	color: #395965;
}

.cphBodyFooter
{
	color:#6A7A84
}

.rHead span
{
	padding-left:210px;
	font-size:17px;
	font-weight:bold;
	width:600px;
}

.rHead a
{
	color: #000000;
	text-decoration:underline;
}

.rHead a:hover
{
	color: #B8022B;
	text-decoration:none;
}

.rBodyFooter
{
	background-color:#EDF6FB;
}

.poweredBy
{float:left;
}

/** Donation Controls **/
.paypal
 {
	background: url('../images/paypal_bg.gif') top left no-repeat;
	font-family:Arial, Verdana, Tahoma;
	font-size:13px;
	color:#922e0e;
	width:240px;
	height:175px;
	float:right;
	margin-right:20px;
	text-align:center;
 }
 
.paypal p
 {
	padding-top:55px;
	padding-left:10px;
	padding-right:10px;
 }

.main_Body
{
	background-color:#DDEEF6;
	border:0;
	border-right:1px solid #EDF6F;
}

.main_Body p
{
	padding-top:10px;
	font-weight:normal;
}

.mainDiv
{
	background-color:#EDF6FB;
}

.centered
{
	text-align:center;
	padding-bottom:10px;
}

#FooterLinks
{
	font-size:95%;
}

/*** Admin Pages ***/

.admin_gridView
{
	width:730px;
	margin:10px 0;
	border:2px solid #395965;
}

.admin_gridView a
{
	color:#648AA6;
}

.admin_gridView a:hover
{
	color:#000;
}

.admin_gridView th
{
	padding:5px 10px;
	border:1px solid #395965;
}

.admin_gridView th a
{
	color:#000;
}

.admin_gridView th a:hover
{
	color:#97002F;
}

.admin_gridView td
{
	vertical-align:top;
	padding:5px 10px;
	color:#648AA6;
	border:1px solid #395965;
}
	
.adminNav
{
	width:125px;
	vertical-align:top;
	background-color:#EDF6FB;
	padding:15px; 
	padding-top:25px;
	padding-bottom:25px;
}

.admin_rBorder
{
	width:50px;
	background-color:#EDF6FB;
}

.tag
{
	padding-right:10px;
	padding-left:5px;
}

.wishlistback
{
	background: url('../images/Home_Wish_List.jpg') top left no-repeat;
	width:392px;
	height:332px;
	vertical-align:middle;
	text-align:center;
	font-size:12px;
	font-family:verdana;
	color: #010101;
}

.wishlistback p
{
	padding:0;
	margin:0;
}

.signupback
{
	background: url('../images/Home_SignUp.jpg') top left no-repeat;
	width:397px;
	height:233px;
	vertical-align:middle;
	text-align:center;
	font-size:12px;
	font-family:verdana;
	color: #010101;
}

.rdo input
{
	width:10px;
}

.eventsback 
{
	padding-top:35px;
	background: url('../images/Home_Events.jpg') top left no-repeat;
	width:504px;
	height:139px;
	vertical-align:top;
	text-align:center;
	font-size:12px;
	font-family:verdana;
	color: #010101;
}

.dogback 
{
	background: url('../images/Home_Featured_Dog.jpg') top left no-repeat;
	width:238px;
	height:270px;
	text-align:center;
	padding-top:45px;
	*padding-top:30px;
}
	
.catback 
{
	background: url('../images/Home_Featured_Cat.jpg') top left no-repeat;
	width:241px;
	height:265px;
	text-align:center;
	padding-top:45px;
	*padding-top:30px;
}


.animal_container
{
	width:240px;
	overflow:hidden;
	height:545px;
	vertical-align:top;
	margin-bottom:10px;
	margin-top:50px;
}

.animalpic
{
	width:175px;
	height:175px;
	margin:0 auto;
	vertical-align:middle;
	text-align:center;
	padding-right:15px;
}

.animalpic table
{
	width:100%;
	height:100%;
}

.animalpic td
{
	vertical-align:middle;
	text-align:center;
}

.animalpic img
{
	max-width:175px;
	max-height:175px;
}

.animal_events_home
{
	font-family: Calibri;
	color: #010101;
	font-size: 12pt;
}

.animal_events_home
{
}

.animal_events_home td
{
	margin:0px;
	padding:0px;
}

.animal_events_home h1
{
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}

.animal_events_home ul
{
	font-weight:bold;
	text-align:left;
	list-style-type:none;
	list-style-position:outside;	
	font-size:14px;
	padding:0px;
	margin:0px;
	margin-bottom:0px;
	margin-left:60px;
}
.animal_events_home li
{
	line-height:15px;
}

.animal_events_home p
{
	text-align:left;
	margin-top:0px;
	margin-left:25px;
	margin-right:25px;
	text-indent:none;
	margin-bottom:20px;
	font-size:16px;
}

.eventdescription
{
    font-size:12px !important;
	margin-left:35px;
	margin-bottom:35px;
}

.animal_story_home
{
	vertical-align:top;
	text-align:left;
	width:300px;
	margin-top:15px;
}

.animal_story_home .story_lbl
{

}

.animal_story_home .story_lbl p
{
	font:bold;
	text-align:left;
}

.animal_story_home p
{
	text-align:left;
}

.animal_story_home .pic
{
	background: url('../images/Home_Success_Story.jpg') top left no-repeat;
	float:left;
	width:402px;
	height:229px;
}

.animal_story_home .pic td
{	padding-top:5px;
	vertical-align:middle;
	text-align:center;
}

.animal_story_home .pic img
{
	float:left;
	max-width:140px;
	max-height:140px;
	margin-left:55px;
	margin-bottom:45px;
}

.animal_story_home .story
{
	padding-top:40px;
	padding-left:5px;
}

.animal_story_home  .sig
{
	line-height:24px;
	padding-top:5px;
	float:right;
	font-size:20px;
	font-family:Comic Sans MS, Lucida Calligraphy;
}

.animal_story_home .story li
{
	font-weight:bold;
}

.animal_description
{
	margin-top: 50px;
}

.cleartable
{
	border-spacing:0;
}

.tDefault
{
	background: #CBDFEC;
}

.bpad5
{
       margin-bottom:5px;
}

.bpad10
{
	padding:0px;
	padding-bottom:10px;
}

.bpadtag
{
	padding:0px;
	padding-bottom:8px;
}

/** Default page styles **/

.animal_containerHome
{
	*padding-top:15px;
	width:240px;
	vertical-align:top;
}

.rright
{
	text-align:right;
}

.MoreEvents
{
	width:100%;
	text-align:right;
	margin-top:-30px;
}


.MoreEvents a
{
	padding-right:40px;
}

.animal_story_homeb
{
	background: url('../images/Home_Success_Story.jpg') top left no-repeat;
	vertical-align:top;
	text-align:left;
	width:400px;
	margin-top:30px;
}

.animal_story_homeb .story_lbl p
{
	font:bold;
	text-align:left;
}

.animal_story_homeb p
{
	text-align:left;
}

.animal_story_homeb .pic
{
	float:right;
	width:190px;
	height:229px;
}

.animal_story_homeb .pic td
{	
	padding-top:30px;
	vertical-align:top;
	text-align:center;
}

.animal_story_homeb .pic img
{
	float:left;
	max-width:140px;
	max-height:140px;
	margin-left:55px;
}

.animal_story_homeb .story
{
	padding-top:30px;
	padding-right:20px;
	width:150px;
}

.animal_story_homeb  .sig
{
	line-height:24px;
	padding-top:5px;
	float:right;
	font-size:20px;
	font-family:Comic Sans MS, Lucida Calligraphy;
}

.animal_story_homeb .story li
{
	font-weight:bold;
}

/** Background frame **/

.BF
{
	width:960px;
	background: #EDF6FB;
	padding:20px;
	padding-bottom:0;
}

.BFtbl
{
	width:100%;
	background: #CBDFEC;
}

.BFtopl
{
	width:20px;
	background: #CBDFEC;
	background: url('/images/Cornertopl.jpg') top left no-repeat;
}
.BFtopc
{
	max-width:920px;
	background: #CBDFEC;
}
.BFtopr
{
	width:20px;
	background: #CBDFEC;
	background: url('/images/Cornertopr.jpg') top right no-repeat;
}
.BFmidl
{
	width:20px;
	background: #CBDFEC;
}
.BFmidc
{
	max-width:920px;
	background: #CBDFEC;
}
.BFmidr
{
	width:20px;
	background: #CBDFEC;
}
.BFbottoml
{
	width:20px;
	background: #CBDFEC;
	background: url('../images/Cornerbottoml.jpg') bottom left no-repeat;
}
.BFbottomc
{
	max-width:920px;
	background: #CBDFEC;
}
.BFbottomr
{
	width:20px;
	background: #CBDFEC;
	background: url('../images/Cornerbottomr.jpg') bottom right no-repeat;
}

	
/** Pet Details **/
.story_readMore span
{
    cursor:pointer;
}

.story_readMore span:hover
{
    color:#648AA6;
    cursor:pointer;
}

.PetSpec
{
    height:20px;
}

.PetSpec ul
{
    margin-left:60px;
    list-style-type:disc;
    padding-bottom:5px;
    width:165px;
}

.headerLink
{
    position:absolute;
    margin-top:20px;
}

.headerLink img
{
    width:600px;
    height:200px;
}

ul.menu li
{
	float: left;
	position:relative;
}

ul.menu ul
{
	display: none;
	overflow: visible;
	position:absolute;
	top:auto;
	z-index:500
}


.centeredBlock
{
	text-align: center;
	margin: 0 auto;
}

div.frame
{
	margin:5px 5px 5px 5px;
	border-width:8px;
	border-style:inset;
	border-color:#7EADC7;
	background-color:#CBDFEC;	
}
div.frame img
{
	border:none;
}


.listing, .listing tr td
{
	vertical-align:text-top;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
}

.listing h3,.attention
{
	color:#97002F;
	font-weight:bold;
	font-size:large;
}

.emp
{
	font-weight:bold;
}
