/* Global font stuff */

h1, h2, h3 { font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding:0; }
h1 { font-size:24px; font-weight:bold; }
h2 { font-size:18px; font-weight:normal; }
h3 { font-size:12px; margin:0;}

a { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#21509E; font-size:12px; }
a:hover { text-decoration:underline; }

/* End global font stuff */

/* Global template stuff */

body {
	background:url(../images/bg.gif);
	text-align:center;
	margin:0;
	padding:0;
	}
.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#929189;
	}
	
	
.message {
	font: bold 11px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	color: #FF0000;
}
	
	
div#body-secondary {
	background:url(../images/bg_top.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	height:600px;
	}

div#container {
	text-align:left;
	margin:0 auto;
	padding:14px 0;
	width:760px;
	}
	
div#header {
	margin:0 0 6px 0;
	}

div#header a{
	cursor: pointer;
	}


div#content-a {
	width:190px;
	float:left;
	}
	
div#content-b {
	width:570px;
	float:right;
	}
	
div#nav {
	background:url(../images/nav_bg.gif);
	border:3px solid #A09842;
	margin:6px 0;
	}
	
	div#nav .inner {
		padding:8px 0;
		}
	
div#events {
	background:url(../images/events_bg.gif);
	border:3px solid #2E5C0E;
	margin:12px 0;
	}
	
div#newsletter {
	background:url(../images/newsletter_bg.gif);
	border:3px solid #00001E;
	margin:12px 0;
	}
	
div#copy, div#footer {
	background:url(../images/content_bg.gif);
	border:3px solid #D4B377;
	margin:6px 0;
	}
	
div#copy .inner {
	padding:0;
	padding: 0px 10px 10px 10px;
	background:url(../images/content_footer.gif) #ffffff;
	background-position:bottom left;
	background-repeat:no-repeat;
	}
	
div#footer .inner {
	padding:8px 5px 4px 5px;
	}
	
div#nav, div#events, div#newsletter { width:180px; background-repeat:repeat-y; }
div#copy, div#footer { width:553px; background-repeat:repeat-y; float:right; clear:both; }
	
.inner { margin:8px; }
.floatfix { float: right; }
.tan-bg { background-color:#F9F5D1; }
.white-bg { background-color:#FFFFFF; }
.blue-bg { background-color:#8AA1C9; }
.green-bg { background-color:#B1C3AB; }
	
/* End global template stuff */

/* Template detail stuff */

div#events .item {
	margin:12px;
	padding:0 0 8px 0;
	color:#1F3901;
	}
	
	div#events .item h3 {
		font-size:12px;
		font-weight:bold;
		margin:0 0 5px 0;
		}
	
	div#events .item p {
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		display:list-item;
		margin-left:15px;
		list-style-image:url(../images/green_bullet.gif);
		}
		
	div#events .item a.more {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		margin:0 0 10px 0;
		display:block;
		text-align:right;
		color:#00285C;
		text-decoration:none;
		}
		
	div#events .item a.more:hover {
		text-decoration:underline;
		}
		
div#newsletter p {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0 12px;
	padding-top:12px;
	}
	
div#newsletter input.field {
	width:127px;
	border:1px solid #A5ACB2;
	font-size:11px;
	color:#A5ACB2;
	font-family:Arial, Helvetica, sans-serif;
	margin:8px 12px;
	}
	
div#newsletter input.button {
	width:61px;
	height:28px;
	background:url(../images/submit.gif);
	background-repeat:no-repeat;
	border:none;
	margin:0 12px;
	margin-bottom:12px;
	}
	
div#copy h2 {
	margin-bottom: 15px;
	}
	
div#copy, div#copy p {
	line-height:19px;
	
	font-size:12px;
	}
	
div#copy .image {
	float:right;
	margin:0 0 10px 10px;
	border-left:10px solid #ffffff;
	border-bottom:20px solid #ffffff;
	}
	
div#copy .bullet {
	display:list-item;
	margin-left:39px;
	list-style-image:url(../images/green_bullet.gif);
	}
	
div#copyright, div#tagline {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#929189;
	}
		
div#copyright {
	margin:8px 0 0 5px;
	}
	
div#tagline {
	margin:8px 5px 0 0;
	float:right;
	}

/* End template detail stuff */

/* Image replacements */

h1 span, h2 span {
	display:none;
	margin:0;
	padding:0;
	}
	
div#header h1 {
	height:200px;
	width:760px;
	background:url(../images/masthead2.jpg);
	background-repeat:no-repeat;
	}
		
div#events h2 {
	width:164px;
	height:37px;
	background:url(../images/events_header.gif);
	background-repeat:no-repeat;
	}
	
div#featured h2 {
	width:162px;
	height:33px;
	background:url(../images/we_need_a_home_header.gif);
	background-repeat:no-repeat;
	}
	
div#help h2 {
clear:both;
	margin:0 0 0 -8px;
	padding:0;
	background:url(../images/you_can_help_header.gif);
	background-repeat:no-repeat;
	text-align:left;
	}
	
/* End image replacements */
	
/* Navigation menu */

div#nav ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
div#nav ul li a { display:block; height:28px; width:164px; text-decoration:none; }
div#nav ul li a span { visibility: hidden; }

div#nav ul li a.about_us { background:url(../images/nav_about_us_hover.gif); } /* Preload */
div#nav ul li a.events { background:url(../images/nav_events_hover.gif); } /* Preload */
div#nav ul li a.humane_education { background:url(../images/nav_humane_education_hover.gif); } /* Preload */
div#nav ul li a.pet_adoptions { background:url(../images/nav_pet_adoptions_hover.gif); } /* Preload */	
div#nav ul li a.surrender { background:url(../images/nav_surrender_hover.gif); }	
div#nav ul li a.veterinary_services { background:url(../images/nav_veterinary_hover.gif); }	
div#nav ul li a.volunteering { background:url(../images/nav_volunteering_hover.gif); }	
div#nav ul li a.giving { background:url(../images/nav_giving_hover.gif); }	
div#nav ul li a.useful_links { background:url(../images/nav_useful_links_hover.gif); } /* Preload */
div#nav ul li a.contact_us { background:url(../images/nav_contact_us_hover.gif); } /* Preload */
div#nav ul li a.training_behavior { background:url(../images/nav_training_hover.gif); } /* Preload */
div#nav ul li a.media_center { background:url(../images/nav_mediacenter_hover.gif); } /* Preload */

div#nav ul li a.about_us { background:url(../images/nav_about_us.gif); } /* Initial state */
div#nav ul li a.events { background:url(../images/nav_events.gif); } /* Initial state */
div#nav ul li a.humane_education { background:url(../images/nav_humane_education.gif); } /* Initial state */
div#nav ul li a.pet_adoptions { background:url(../images/nav_pet_adoptions.gif); } /* Initial state */
div#nav ul li a.surrender { background:url(../images/nav_surrender.gif); } 
div#nav ul li a.veterinary_services { background:url(../images/nav_veterinary.gif); }	
div#nav ul li a.volunteering { background:url(../images/nav_volunteering.gif); }	
div#nav ul li a.giving { background:url(../images/nav_giving.gif); }	
div#nav ul li a.useful_links { background:url(../images/nav_useful_links.gif); } /* Initial state */
div#nav ul li a.contact_us { background:url(../images/nav_contact_us.gif); } /* Initial state */
div#nav ul li a.training_behavior { background:url(../images/nav_training.gif); } /* Initial state */
div#nav ul li a.media_center { background:url(../images/nav_mediacenter.gif); } /* Initial state */

div#nav ul li a.about_us:hover { background:url(../images/nav_about_us_hover.gif); } /* Hover state */
div#nav ul li a.events:hover { background:url(../images/nav_events_hover.gif); } /* Hover state */		
div#nav ul li a.humane_education:hover { background:url(../images/nav_humane_education_hover.gif); } /* Hover state */	
div#nav ul li a.pet_adoptions:hover { background:url(../images/nav_pet_adoptions_hover.gif); } /* Hover state */
div#nav ul li a.surrender:hover { background:url(../images/nav_surrender_hover.gif); }
div#nav ul li a.veterinary_services:hover { background:url(../images/nav_veterinary_hover.gif); }	
div#nav ul li a.volunteering:hover { background:url(../images/nav_volunteering_hover.gif); }	
div#nav ul li a.giving:hover { background:url(../images/nav_giving_hover.gif); }	
div#nav ul li a.useful_links:hover { background:url(../images/nav_useful_links_hover.gif); } /* Hover state */
div#nav ul li a.contact_us:hover { background:url(../images/nav_contact_us_hover.gif); } /* Hover state */
div#nav ul li a.training_behavior:hover { background:url(../images/nav_training_hover.gif); } /* Hover state */
div#nav ul li a.media_center:hover { background:url(../images/nav_mediacenter_hover.gif); } /* Hover state */

div#nav ul li a.about_us_selected { background:url(../images/nav_about_us_hover.gif); }	/* Selected state */
div#nav ul li a.events_selected { background:url(../images/nav_events_hover.gif); }	/* Selected state */
div#nav ul li a.humane_education_selected { background:url(../images/nav_humane_education_hover.gif); }	/* Selected state */
div#nav ul li a.pet_adoptions_selected { background:url(../images/nav_pet_adoptions_hover.gif); }	/* Selected state */
div#nav ul li a.surrender_selected { background:url(../images/nav_surrender_hover.gif); }
div#nav ul li a.veterinary_services_selected { background:url(../images/nav_veterinary_hover.gif); }	
div#nav ul li a.volunteering_selected { background:url(../images/nav_volunteering_hover.gif); }	
div#nav ul li a.giving_selected { background:url(../images/nav_giving_hover.gif); }	
div#nav ul li a.useful_links_selected { background:url(../images/nav_useful_links_hover.gif); }	/* Selected state */
div#nav ul li a.contact_us_selected { background:url(../images/nav_contact_us_hover.gif); }	/* Selected state */
div#nav ul li a.training_behavior_selected { background:url(../images/nav_training_hover.gif); } /* Selected state */
div#nav ul li a.media_center_selected { background:url(../images/nav_mediacenter_hover.gif); } /* Selected state */


div#nav ul li .category {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#002254;
	position:relative;
	left:25px;
	font-weight:bold;
	}

div#nav ul li a.submenu {
	height:auto;
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9C7041;
	position:relative;
	left:25px;
	text-decoration:none;
	}
	
div#nav ul li a.submenu:hover {
	color:#002254;
	}
	
div#footer ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:500px;
	font-size:11px;
	}
	
	div#footer ul li {
		font-family:Arial, Helvetica, sans-serif;
		height:11px;
		font-size:11px;
		color:#5B5502;
		display:inline;
		margin:0 2px 0 2px;
		padding:0;
		}
		
		div#footer ul li a {
			font-size:11px;
			color:#5B5502;
			text-decoration:none;
			margin:0;
			padding:0;
			}
			
		div#footer ul li a:hover {
			text-decoration:underline;
			}

/* End navigation menu */

/* Index page stuff */

div#featured {
	width:162px;
	background:#F3E6D2;
	margin:0 0 0 15px;
	text-align:center;
	float:right;
	padding-bottom:15px;
	}
	
	div#featured h3 {
		width:162px;
		height:33px;
		background:url(../images/we_need_a_home_header.gif);
		margin:0;
		padding:0;
		}
	
	div#featured h3 span {
		display:none;
		}
	
	div#featured a {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		font-weight:bold;
		color:#355474;
		text-decoration:none;
		}
		
	div#featured a:hover {
		text-decoration:underline;
		}
			
	div#featured .separator {
		width:138px;
		height:19px;
		display:block;
		background:url(../images/featured_pets_separator.gif);
		background-repeat:no-repeat;
		margin:0 auto;
		}
		
	div#featured p {
		margin:3px auto 10px auto;
		width:125px;
		}
		
.frame {
	width:137px;
	height:137px;
	background:url(../images/frame.gif);
	background-repeat:no-repeat;
	text-align:center;
	padding:0;
	margin:0 auto;
	}
	
	.frame img {
		margin-top:19px;
		border:2px solid #8A9EB2;
		}
	
div#help {
	width:100%;
	margin-top:143px;
	text-align:center;
	padding:0;
	}
	
	div#help .button img {
		margin:18px 16px 0 16px;
		}

/* End index page stuff */

/* Begin pet adoptions stuff */

div#pet-adoptions {
	width:200px;
	text-align:center;
	margin:0 auto;
	}
	
	div#pet-adoptions .frame {
		background:url(../images/frame-white.gif);
		}
	
	div#pet-adoptions a {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		font-weight:bold;
		color:#355474;
		text-decoration:none;
		}
		
	div#pet-adoptions a:hover {
		text-decoration:underline;
		}
			
	div#pet-adoptions .separator {
		width:138px;
		height:19px;
		background:url(../images/featured_pets_separator.gif);
		background-repeat:no-repeat;
		margin:0 auto;
		}
		
	div#pet-adoptions p {
		margin:3px auto 10px auto;
		width:125px;
		}
		
/* End pet adoptions stuff */

/* Begin grouping stuff */

div#copy .group {
	padding:0;
	margin:0 0 15px 0;
	}
	
	div#copy .group h3 {
		background:#E0C9A0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:14px;
		font-weight:bold;
		padding:4px;
		}
		
	div#copy .group a {
		font-family:Arial, Helvetica, sans-serif;
		margin-top:10px;
		}
		
	div#copy .group p {
		margin:0px 0;
		padding:4px;
		}

/* End grouping stuff */

/* Begin content item stuff */

div#copy .item {
	width:98%;
	background:#F0EAE1;
	margin:2px auto;
	padding:5px 5px;
	}
	
	div#copy .item h3 {
		font-weight:bold;
		margin:0;
		padding:0;
		background-color:transparent;
		}
		
	div#copy .item a {
		color:#002254;
		text-decoration:none;
		margin:0;
		}
		
	div#copy .item a:hover {
		text-decoration:underline;
		}
		
	div#copy .item p {
		margin:0;
		padding:0;
		}
		
	div#copy .item a img {
		float:left;
		margin:5px 5px 0 0;
		}
		
/* End content item stuff */


div#copy textarea { width:99%; height:150px; margin:0 auto; }
div#copy .input { float:right; margin:-20px 2px 0 0; *margin-top:-25px; _margin-top:-25px;}
div#copy .dates { float:right; margin:-20px 0 0 0; *margin-top:-25px; _margin-top:-25px;}

.odd { background-color:#F0EAE1; }
.even { background-color:#F6F6F6; }

.failure{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FF0000;
	letter-spacing: 1px;
	text-align: center;
}

.success{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #009900;
	letter-spacing: 1px;
	text-align: center;
}

.dontfillmeout{ display:none; }

/*** PAGE TITLE ***/
h2.page-title{ padding-top: 15px;}

/*** DONATION STYLES ***/
fieldset.donation{ border: 2px solid #D4B377; margin-bottom:25px; *padding:10px;}
fieldset.donation legend{ padding:5px; color:#002254; font-size:14px; font-weight:bold;}
table.donation_table{ border:none; width:100%;}
table.donation_table tr td label{ font-size:12px; font-weight:bold;}
table.donation_table tr td.label,
table.donation_table tr td.submit{ text-align:right;}
table.donation_table tr td p{ padding:0; margin:0;}

/*** DONATION FORM ***/
#donation_amount{ width:100%; clear:both;}
#donation_amount p{ float:left;}
#donation_amount input{ float:right;}

/*** ERROR STYLES ***/
.error{ color:#FF0000;}