/* CSS Document */

html { height:101% }
body { background: url(/img/bg.gif) #FFFFFF; margin-top:0; }
table, td { border: 0px solid #ffffff; border-spacing: 0px; border-collapse: collapse; padding: 0px; empty-cells: show;  }
td { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#5f6363; line-height:16px; vertical-align:top;}
a:link, a:visited, a:active { color:#426842; text-decoration:underline; }
a:hover { color:#78460d; text-decoration:underline; }
a.topnav:link, a.topnav:visited, a.topnav:active { font-size:10px; padding:2px 4px 2px 4px; color:#528252; text-decoration:none; }
a.topnav:hover { font-size:10px; color:#ffffff; background:#5d9732; text-decoration:none; }
.wht { color:#FFFFFF; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#528252; line-height:24px; margin-bottom:10px; font-weight: normal; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#528252; line-height:16px; margin:0px 0px 5px 0px; font-weight: normal; }
h2.dk { color:#000100; }
h3 { font-size:14px; color:#528252; line-height:14px; margin:0px 0px 5px 0px; font-weight: normal; line-height:16px; }
h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; line-height:14px; color:#528252; margin:0px; }
h5 { font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#528252; line-height:16px; margin:0px 0px 5px 0px; font-weight: normal; }
.left { float:left; margin-right:3px; }
.right { float:right; margin-left:5px; margin-top:5px; }
blockquote { margin-top:0; }


#wrapper { width:776px; margin:0 auto; }
#leftedge { width:9px; background: url(/img/bg_leftedge.gif) left bottom repeat-y; }
.middle { width:758px; }
#logo { width:748px; height:99px; background:url(/img/bg_header.jpg) bottom no-repeat; text-align:right; padding:8px 12px 0 0; }
#nav { width:748px; height:31px; }
#splash { width:200px; height:193px; background:url(/img/bg_splash.jpg) no-repeat; padding:0px 250px 0px 19px; }
a.btn:link, a.btn:visited, a.btn:active { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none; }
a.btn:hover { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#fee2ce; text-decoration:none; }
.btn-wht { width:108px; height:16px; margin:3px 0 0 0; padding:5px 25px 6px 25px; background: url(/img/btn.jpg) top no-repeat; }
.btn-wht:hover { background: url(/img/btn_hover.jpg) top no-repeat; }
.btn-grn { width:85px; height:18px; margin:6px 0 0 0; padding:4px 22px 5px 28px; background: url(/img/btn_blank.jpg) top no-repeat; }
.btn-grn:hover { background: url(/img/btn_blank-hover.jpg) top no-repeat; }
.btn-gry { width:85px; height:18px; margin:6px 0 0 0; padding:4px 22px 5px 28px; background: url(/img/btn_blank-grey.jpg) top no-repeat; }
.btn-gry:hover { background: url(/img/btn_blank-grey-hover.jpg) top no-repeat; }
a.tab:link, a.tab:visited, a.tab:active { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ffffff; text-decoration:none; }
a.tab:hover { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#fee2ce; text-decoration:none; }
.btn-tab { text-align:left; width:90px; margin:0 0 -1px 0; padding:3px 8px 2px 16px; background: url(/img/btn-tab_blank.jpg) bottom no-repeat; float:right; }
#feat-pet { background: url(/img/bg_feat-pet-txt.jpg) repeat-x; width:289px; height:153px; font-size:11px; line-height:14px;  }
img.left { float:left; margin-right: 5px; }
img.right { float:right; margin-left: 5px; }
.pet-home { height:77px; padding:0 5px 0 0; }
.tab { width:289px; margin-top:-3px }
.pad { padding:8px 12px 0px 12px; }
#cont-tp { width:758px; height:21px; position:relative; z-index:0; }
#content { width:758px; background:url(/img/bg_middle.jpg) top repeat-x #FFFFFF; }
#vol { background: url(/img/bg_gr-volunteer.jpg) no-repeat bottom #FFFFFF; width:287px; height:133px; padding: 23px 200px 0px 16px;margin:-13px 0 0 0; position:relative; z-index:10; }
#give { background: url(/img/bg_gr-donate.jpg) no-repeat bottom #FFFFFF; width:287px; height:133px; padding: 10px 200px 0px 16px; }
#edu { background: url(/img/bg_line-vert.jpg) repeat-y left #FFFFFF; width:255px; height:301px; padding:0; }
.padleft { padding:0px 0px 0px 10px; }
.padright { padding:0px 10px 0px 0px; }
.ed-odd { background:url(/img/bg_line-horiz.gif) bottom repeat-x; width:226px; padding:12px 14px 14px 12px; }
.ed-even { background:url(/img/bg_line-horiz.gif) bottom repeat-x #eef4ea; width:226px; padding:12px 14px 14px 12px; }
.ed-last { background:url(/img/bg_line-horiz.gif) bottom repeat-x; width:252px; padding:14px 0px 2px 0px; }

/* Begin Internal Page Styles */	
#splash-int1 { background: url(/img/bg_splash-int-1.jpg) top left no-repeat; width:758px; padding:30px 20px 40px 20px; margin:0; }
#splash-int2 { background: url(/img/bg_splash-int-2.jpg) top left no-repeat; width:758px; padding:30px 20px 40px 20px; margin:0; }
#splash-int3 { background: url(/img/bg_splash-int-3.jpg) top left no-repeat; width:758px; padding:30px 20px 40px 20px; margin:0; }
#splash-int4 { background: url(/img/bg_splash-int-4.jpg) top left no-repeat; width:758px; padding:30px 20px 40px 20px; margin:0; }
#splash-int5 { background: url(/img/bg_splash-int-5.jpg) top left no-repeat; width:758px; padding:30px 20px 40px 20px; margin:0; }
#content-int { background:url(/img/bg.gif) repeat; width:758px; }
#content-int h1 { font-family: Helvetica, Arial, sans-serif; font-size:24px; color:#528252; line-height:24px; font-weight: normal; }
#rightcol h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#426842; line-height:16px; margin:8px 0px 5px 0px; font-weight: bold; }
#content-int h3 { font-size:14px; color:#426842; line-height:14px; margin:0px 0px 5px 0px; font-weight: normal; line-height:16px; }
#content-int h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; line-height:14px; color:#426842; margin:0px; }
#leftcol { width:208px; vertical-align:top; }
#subnav { width:175px; margin:8px 16px 16px 16px; }
.snav { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; font-weight:bold; color:#528252; height:22px; margin:0; padding-top: 10px; padding-right: 0; padding-bottom: 1px; padding-left: 0; }
.snavsub { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; font-weight:bold; color:#528252; height:22px; margin:0; padding-top: 4px; padding-right: 0; padding-bottom: 1px; padding-left: 15px; }
#calendar td { padding:4px 0; vertical-align:top; }
#calendar tr { background:url(/img/bg_line-horiz.gif) bottom repeat-x; }
#calendar tr.even { background:url(/img/bg_line-horiz.gif) bottom repeat-x #eef4ea; }
#contact { background:url(/img/bg_box-contact.gif) no-repeat; width:197px; height:143px; padding:15px 0 0 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; }
#contact h2 { color:#FFFFFF }
#contact a { color:#FFFFFF; text-decoration:none; }
.boldlist { color:#426842; font-size:12px; font-weight:bold; margin-bottom:12px; }
.boldlist a { text-decoration:none; }
.line-hor { background:url(/img/bg_line-horiz.gif) center repeat-x; padding:0; margin:0; }
.line-hor2 { background:url(/img/bg_line-horiz.gif) repeat-x; width:507px; height:1px; padding:0; margin:0; }
#subnav a:link, #subnav a:visited, #subnav a:active { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; font-weight:bold; color:#528252; text-decoration:none; }
#subnav a:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; font-weight:bold; color:#528252; text-decoration: underline; }
#rightcol { background: url(/img/bg_line-vert.jpg) repeat-y left; width:500px; vertical-align:top; padding:10px 20px 20px 20px; }
.pad2 { padding:6px 0px 6px 0px; }
.pad2 form { margin:0;}
.grn { background: url(/img/bg_lt-grn.gif) repeat; }
div.pet { width: 169px; xborder: 1px solid red; float: left; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.pet-det { width: 260px; float: left; text-align: center; padding-top: 10px; padding-bottom: 10px; }
a.petName { font-size: 14px; font-weight:bold; text-decoration:none; line-height:22px; margin-top:5px; }
img.pimg { border: 1px solid #2F3E61; }
/* Not used but could be - plain green background feature box like vol and giv 
#feature	{
	background: url(/img/bg_gr-feature.jpg) no-repeat bottom #FFFFFF;
	width:287px;
	height:133px;
	padding: 10px 200px 0 16px;
	}	*/

.halfText { width:240px; float:left; text-align:center; }
.fees td { border-bottom: solid 1px #d9dadb; padding:3px; text-align:right; }	
.fees th { border-bottom: solid 1px #d9dadb; padding:3px; text-align:left; }	
.fees th.header { text-align:center; color:#426842; }	
.helping-hands th	{ padding:0 5px 0 0; vertical-align:top;}	
.helping-hands th img	{ width:250px;}	
.helping-hands td { width:240px; padding:5px; vertical-align:top;}
.helping-hands td b { color:#426842;}

#archive { width:507px; padding:0; margin-top:20px; }
#archive h2 { display:block; width:497px; height:18px; padding:15px 10px 2px 0px; margin:0;  background:url(/img/bg_line-horiz.gif) bottom repeat-x; }
#archive #sub-archive { width:507px; padding:0; margin:0 0 -15px 0px;}
#archive #sub-archive a:link , #sub-archive a:visited, #sub-archive a:active{ display:block; width:482px; height:18px; padding:3px 10px 2px 15px; margin:0; text-decoration:none; background:url(/img/bg_line-horiz.gif) bottom repeat-x;  }
#archive #sub-archive a:hover { text-decoration:underline; }

#btm { background: url(/img/bg_mid-btm.jpg) no-repeat bottom #FFFFFF; width:758px; height:23px; }
#rightedge { width:9px; background: url(/img/bg_rightedge.gif) right bottom repeat-y; }
#footer { width:736px; background:url(/img/bg_footer.jpg) top no-repeat; padding:20px 20px 20px 20px; }
.foot { font-size:11px; }
.foot a:link, .foot a:visited, .foot a:active, .foot a:hover { font-size:11px; color:#5f6363; text-decoration:none; }


/* compontent css styles for contact_x */

table#cx { }
table#cx td { padding: 0px; }
table#cx td.space { width: 15px; }
table#cx th { text-align: left; font-weight: bold; color: #333333; padding:8px 0 0 0px; }
td#label { }
.req { padding: 0px; border: 0px solid white; border-left: 5px solid #5d9732; float: left; }
input.cx { margin: 0px; font-size: 11px; height: 18px; width: 160px; border: 1px solid #cccccc; background-color: #f6f6f6; }
/*OnSubmit required fields will change to this class by js*/
input.error { border: 2px solid #d1204c; background-color: #fff6f6; }
input#x_state { width: 40px; margin-right: 10px; }
input#x_zip { width: 105px; }
textarea#x_comments { width: 350px; height: 80px; border: 1px solid #cccccc; background-color: #f6f6f6; }
/*****************************************************************************
*	Calendar
*****************************************************************************/
#EventCalendar { height:145px; margin:5px 0 0; float: right; }
#EventCalendar a:hover { color: #426842; text-decoration: none; cursor:pointer; }
#EventCalendar .calendar-table { width:224px; border:1px solid #426842 }
#EventCalendar .dates-table { width:100% }
#EventCalendar .dates-table td { width:32px; border:solid #426842; background:#FFF; border-width:1px 0 0 1px; padding:2px 0 }
#EventCalendar .month { background:#477426; color:#FFF; text-align:center }
#EventCalendar .month .next { float:left; margin:2px 0 0 9px }
#EventCalendar .month .prev { float:right; margin:2px 9px 0 0 }
#EventCalendar .dates-table .weekday { text-align:center; color:#FFF; background:#5d9732 }
#EventCalendar .dates-table .current-day { background:#477426; text-align:center }
#EventCalendar .dates-table .current-day .current-day-no-event { color:#FFF}
#EventCalendar .dates-table .current-day .current-day-event { color:#FFF; }
#EventCalendar .dates-table .day { background:#FFF; text-align:center }
#EventCalendar .dates-table .day .day-no-event { }
#EventCalendar .dates-table .day-event { background:#5d9732; text-align:center }
#EventCalendar .dates-table .day-event .day-event-link { display:block; color:#FFF; cursor:pointer; }
#EventCalendar .dates-table .day-event .day-event-link:hover { display:block; color:#FFF; font-size:14px; cursor:pointer;  }