html { height: 100%; margin-bottom: 1px; }

body {
	margin: 2px 0 0 0;
	padding: 0px;
   	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	background-color: #f5d8b2;
	background-image: url(/images/layout/page_bg.gif);
	height: 100%;
}

body, p, td { font-size:12px; }

h1, h2, h3, h4, h5 { 
	color:#2d6a9f;
	font-family: Arial, Geneva, Helvetica, sans-serif; 
}

body#default { margin: 0; }

div#container {
	text-align: left;
	width: 796px;
	min-height: 300px;
	position: relative;
	background-color: #ffffff;
	margin:0;
	z-index: 20;
}

/* ********************************* Page Drop Shadow Effect ********************************* */
div#PageShadowTop { z-index: 35; width: 8px; height: 15px; position: absolute; left: 796px; top: 0px; background-image: url(/images/layout/shadow_top.png); }
div#PageShadowRight { z-index: 10; width: 8px; height: 100%; position: absolute; left: 796px; top: 15px; background-image: url(/images/layout/shadow_right.png); }

/* *************************************** Page Header *************************************** */
div#pageheader { width: 796px; height: 236px; background-color: #ffffff; background-image: url(/images/layout/header_bg_will_yum.gif); }
div#headerhomelink { width:796px; height:200px; position: absolute; top:0; left:0; z-index:50; }
img#bannertext { position: absolute; left: 16px; top: 112px; }
img#bannerimage { position: absolute; left: 431px; top: 11px; }
div#horizontalnav { position: absolute; top: 204px; left: 0; z-index: 20; }
div#navhighlight { position: absolute; height: 28px; top: 204px; z-index: 10; visibility: hidden; background-color: #faebd8; }
div#navhighlight.adopt { visibility: visible; width: 57px; left: 0px; }
div#navhighlight.veterinarycare { visibility: visible; width: 127px; left: 59px; }
div#navhighlight.protection { visibility: visible; width: 148px; left: 188px; }
div#navhighlight.education { visibility: visible; width: 91px; left: 338px; }
div#navhighlight.programs { visibility: visible; width: 85px; left: 431px; }
div#navhighlight.volunteer { visibility: visible; width: 85px; left: 518px; }
div#navhighlight.donate { visibility: visible; width: 69px; left: 605px; }
div#navhighlight.news { visibility: visible; width: 120px; left: 676px; }

/* *********************************** Content Table Setup *********************************** */
div#container table#ContentTable { margin-top: 7px; }
div#container table#ContentTable td#sidenav { width:168px; }
div#container table#ContentTable td#divider { width:26px; background-image: url(/images/layout/page_content_divider.gif); background-repeat: repeat-y; }

/* ************************************* Site Search Box ************************************* */
div#sitesearch { position: relative; left: 11px; }
div#sitesearch.home { position: absolute; top: 8px; left: 10px; }
div#sitesearch.default td { height: 32px; }
div#sitesearch div.inputWrapper { width: 128px; height: 21px; background: #ffffff url(/images/layout/site_search_box_bg.gif) left top no-repeat; }
div#sitesearch div.inputWrapper input { border: 0; padding: 2px 5px 0 5px; height: 20px; width: 128px; background-color: transparent; font-size: 11px; }

/* *********************************** Section Navigation ************************************ */
div#sectionnav { margin:0; background-image: url(/images/layout/sidenav_background.gif); background-repeat: repeat-y; }
div#sectionnav ul { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 14px; }
div#sectionnav li { text-indent : -10px; display: block; list-style-type:none; padding: 4px 0px 4px 0px; line-height: 14px; }
div#sectionnav li a { color: #5f595b; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
div#sectionnav li.active {  }

ul#quicknav { margin:0px; padding: 10px 0px 10px 0px; }
ul#quicknav li { list-style-type:none; padding: 0px 0px 0px 12px; }
ul#quicknav li a { color:#da5c26; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; text-decoration:none; }
ul#quicknav li select { width:155px; font-size:11px; }

/* ************************************* Page Navigation ************************************* */
div#pagenav { position: relative; width:596px; height:32px; background-image: url(/images/layout/pagenav_background.gif); background-repeat: repeat-x; }
div#pagenav ul { position:relative; margin:0px; padding:0px; white-space:nowrap; top:2px; }
div#pagenav li { list-style-type:none; display:inline; padding-left:12px; }
div#pagenav li a { font-size:11px; color:#4c7ca7; }


/* *********************************** Page Content Area ************************************* */
div#PageContentArea { width:570px; margin: 0px; padding: 10px 15px 0px 10px; font-size: 12px; }
div.pagetitle { height: 35px; }


/* *********************************** Home Page Content ************************************* */
div#HomePageContent { margin-top:5px; position: relative; } /*  width: 796px; height: 272px; background-image: url(/images/layout/home_content_bg.gif); background-repeat: no-repeat; */
div#HomePageContentRight { padding:0; position:relative; width:179px; }
div#HomePageContentMiddle { padding:0; position:relative; width:308px; }

/* ************************************* Feature Sections ************************************ */
div.FeatureSection { position: absolute; left: 11px; border: 1px solid #cccccc; }
div.FeatureSection img { position: absolute; top: 0; left: 0; }
div.FeatureSection div { position: absolute; top: 2px; left: 85px; color: #939598; font-weight: bold; font-size: 11px; width: 175px; }
div.FeatureSection div h1 { font-family:Arial,Helvetica,sans-serif; font-size: 20px; margin: 0; font-weight: bold; text-transform: uppercase; }
div.FeatureSection a { text-decoration:none; color: #939598; }
div.FeatureSection a:hover { text-decoration:underline; color: #939598; }
div#adopt.FeatureSection h1 a { color: #2e6ca0; }
div#foryou.FeatureSection h1 a { color: #85a4d0; }
div#helpout.FeatureSection h1 a { color: #d9531e; }
div#foryourpet.FeatureSection h1 a { color: #e48661; }

div#homepagecontent div#adopt { top: 1px; }
div#homepagecontent div#foryou { top: 94px; }
div#homepagecontent div#helpout { top: 187px; }
div#homepagecontent div#foryourpet { top: 280px; }

div#pagefooter div#adopt { position: absolute; top: 30px; left: 16px; }
div#pagefooter div#foryou { position: absolute; top: 30px; left: 260px; }
div#pagefooter div#helpout { position: absolute; top: 30px; left: 532px; }

/* ************************************ Home Page Footer ************************************* */
div#homefooter { height: 85px; width: 796px; background-image: url(/images/layout/footer_bg_with_tags.gif); background-repeat: no-repeat; position: relative; }
div#homefooter div#quicklinks { position: absolute; top: 34px; left: 14px; }
div#homefooter div#quicklinks div { padding-top:7px; color: #d9531e; font-size: 10px; font-weight: bold; }
div#homefooter div#quicklinks a { color: #d9531e; text-decoration: none; }
div#homefooter div#quicklinks a:hover { color: #d9531e; text-decoration: underline; }
div#homefooter div#middlearea { position: absolute; left: 322px; top: 26px; width: 280px; color:#2d6a9f; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size:normal; padding:3px; line-height:1.25em; text-align:center;}
div#homefooter div#middlearea a { text-decoration:none; }
/* *********************************** Content Page Footer *********************************** */
div#pagefooter { height: 115px; width: 796px; background-image: url(/images/layout/footer_bg_blank.gif); background-repeat: no-repeat; position: relative; }
div#copyright { font-size:10px; color: #444; line-height:16px; }
div#copyright a { color: #444; text-decoration:none; }
div#copyright a:hover { color: #444; text-decoration:underline; }

table#PageFooterSections td { padding: 0 4px 0 4px; }
table#PageFooterSections td h1 { font-weight:bold; margin:0; }
table#PageFooterSections td h1 a { font-size:16px; text-decoration:none; }
table#PageFooterSections td h1.Adopt a { color:#2e6ca0; }
table#PageFooterSections td h1.ForYou a { color:#85a4d0; }
table#PageFooterSections td h1.HelpOut a { color:#d9531e; }
table#PageFooterSections td h1.OnlineStore a { color:#e48661; }
table#PageFooterSections td a { font-size:11px; color:#939598; font-weight:bold; text-decoration:none; }

div.listingimg { width:77px; height:87px; border:1px solid #000; }
a.listing img { border-color: #256197; }
a.listing { color: #256197; }

table.ProfileInfo th { font-size: 11px; padding: 0 8px 0 0; text-align:left; }
table.ProfileInfo th,td { padding-bottom:4px; }


.form { text-align: left; }
.form div { clear:both; margin-bottom:5px; }
.form label { float: left; width: 100px; padding-top:4px; font-size: 12px; }


#ErrorDisplay { border: 1px dotted #910418; background-color: #e27f7f; margin: 0 0 10px 0; padding: 5px; }
#ErrorDisplay ul { margin:0; padding-left: 20px; }
#ErrorDisplay ul li { color: #910418; font-weight: bold; font-size: 11px; }

table#paypal {
	font-size:11px;
	}
td#paypal {
	text-align: right;
	padding-right: 5px;
	}
#paypalText {
	font-size: 12px;
	border: 1px solid #c0c0c0;
	background-color: #FFFFDD;
	}

/* ************************************* Events Calendar ************************************* */
table#calendar {
	background-color: #999999 ;
}
table#calendar td {
	vertical-align: top ;
}
table#calendar tr.header td {
	background-color: #FEF3B9 ;
	color: #3F3F3F ;
	font-size: 11px ;
	line-height: 22px ;
	text-align: center ;
}
	
table#calendar tr.days td {
	background-color: #FFFFFF ;
	color: #6B4F2E ;
	padding: 4px 4px 4px 4px ;
	}
	
table#calendar tr.days td.header {
	background-color: #E0E0E0 ;
	padding: 0px 0px 0px 0px ;
	vertical-align: middle ;
	}
	
table#calendar tr.days td.header a {
	color: #333333 ;
	display: block ;
	font-size: 10px ;
	font-weight: bold ;
	height: 80px ;
	line-height: 80px ;
	text-align: center ;
	text-decoration: none ;
	width: 15px ;
	}
	
table#calendar tr.days td.other {
	background-color: #F0F0F0 ;
	}
	
table#calendar tr.days td.today {
	background-color: #BDE2AC ;
	}
	
table#calendar tr.days td a.daynumber, 
table#calendar tr.days td a.daynumberfull {
	background-color: #FFFFFF ;
	border: 1px solid #666666 ;
	border-left: 1px solid #CCCCCC ;
	border-top: 1px solid #CCCCCC ;
	display: block ;
	font-size: 10px ;
	height: 15px ;
	line-height: 15px ;
	margin-bottom: 3px ;
	text-align: center ;
	text-decoration: none ;
	top: 0px ;
	width: 23px ;
	}
	
table#calendar tr.days td a.daynumberfull {
	background-color: #FEF3B9 ;
	color: #262626 ;
	font-weight: bold ;
	width: auto ;
	}
	
table#calendar tr.days td a.event {
	color: #262626 ;
	display: block ;
	font-size: 11px ;
	margin: 0px 0px 5px 0px ;
	text-decoration: none ;
	}
	
table#calendar tr.days td em.note {
	color: #999999 ;
	}
	
table#calendar tr.footer td {
	background-color: #BDE2AC ;
	font-size: 2px ;
	line-height: 2px ;
	padding: 0px 0px 0px 0px ;
	}