@charset "UTF-8";
/*------------------------------------------------------------------
[Master Stylesheet]

	Project:    	Humane Society of the Tennessee Valley
	Version:    	1.0.0

-------------------------------------------------------------------*/


/* Stylesheet Reset */
	@import "reset.css";
	@import "fonts.css";
	@import "typography.css";
	@import "js/nivo-slider.css";

/* ==================================================================
1.0	 	Body Styles
================================================================== */
html	{height: 100%;}
body	{
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1.4;
	text-align: left;
	background-color: #c6e29f;
	}

h1	{	text-indent: -9999px;  background-image: url(images/logo.png); background-position: 0 20px; background-repeat: no-repeat;  width: 763px;  height: 138px;	}
h1 a	{	display: block; width: 763px; height: 138px; zoom: 1; border: 0; text-decoration: none;	}
h2	{	}
h3	{	font-size: 2.2em;		}
h4	{	font-size: 1.8em;	}
h5	{	font-size: 1.4em;	}
p, address	{
	margin: 0.8em 0;
	line-height: 1.6;
	font-style: normal;
	font-size: 1.1em;
	}
ul		{list-style-type: disc; padding-left: 15px;}
ol		{	list-style-type: decimal;	padding-left: 10px;	}
ol li	{	margin: 5px 0;	}

a	{color: #20699a;}

hr	{ border-bottom: 1px solid #dd8800;}

/* ==================================================================
1.1 	Wrappers
================================================================== */

#outerWrapper	{	margin: 0 auto; 	width: 1000px; height; 100%;	background-color: #f3f3f3;	border-left: 1px solid #888;	border-right: 1px solid #888;	padding-bottom: 50px;	}
#wrapper		{	margin: 0 auto;		width: 960px;}
.genericBox		{	background-color: #fff;		padding: 20px;		border: 1px solid #888;	}
.adBox			{	background-color: #fff;		padding: 5px;		border: 1px solid #888; 	width: 249px;}
	.adBox p	{	font-size: 10px; color: #888;	text-align:center;	padding: 0; margin: 0;	}

/* ==================================================================
1.2 	Reusable Elements
================================================================== */
.clear	{clear: both;}
.hide	{display: none;}

.fleft	{float: left;}
.fright	{float: right;}

.fourCol-nopad	{	width: 260px;	}
.fourCol	{	width: 218px;	}
.sixCol		{	width: 358px;	}
.eightCol	{	width: 638px;	}

.eightCol ul, .eightCol ol	{font-size: 12px;}

.margRT	{margin: 20px 20px 0 0;}
.margT	{margin: 20px 0 0 0;}

.helpButton	{
	display: block;
		padding: 4px 10px 7px;
	width: 190px;
	background-color: #ddd;
	border: 1px solid #aaa;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	}

.event	{	margin-top: 10px;	}


.smtxt	{	font-size: 9px; font-family: Verdana, Geneva, sans-serif;	}

.alert	{	display: block;	padding: 5px 10px;	font-weight:bold; color: #fff;	background-color: #a00;	font-size: 12px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;}


/* ==================================================================
1.3 	Navigation
================================================================== */

#nav	{	background-color: #8dc63f; height: 30px; overflow:hidden; margin: 20px 0;}
#nav ul	{	list-style-type: none; padding: 0;	}
#nav li	{	
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	}
#nav li:hover	{ 	background-color: #9ed74f;	color: #fff;	}
#nav li a		{	color: #fff;	display: inline-block; height: 100%;	padding: 4px 35px 6px; text-decoration: none;}	
#nav li a:hover	{	background-color: #9ed74f; color: #fff;	}


/* ==================================================================
1.4 	Slider Style
================================================================== */


.nivo-controlNav		{	display: none !important:	}

#slider		{	border: 1px solid #888; background-color: #fff;		position: relative; height: 349px;	margin-bottom: 0px;	overflow: hidden;}
#slider .nivo-caption	{
		position: absolute; 
		top: 40px; 
		left: 0; 
	}

#slider .nivo-caption p	{	
	font-family: LeagueGothicRegular, Arial, Helvetica, sans-serif;
		font-size:48px;
		font-weight:normal;
		line-height: 1.0;
		color: #fff;

	background-color: rgba(221,136,0,0.75);
	padding: 5px 20px 5px 20px; 
	}

#slider #controls	{margin: 0 auto;  width: 200px;	height: 20px;	text-align:center; 	}


/* ==================================================================
1.5 	Adopt-a-pet Pet Listing
================================================================== */



#adoptablePets								{	width:680px;	background-color: #d9e8c6;	position: relative; font-family: Arial, Helvetica, sans-serif;	-moz-border-radius: 15px;  -webkit-border-radius: 15px;  border-radius: 15px;}
#adoptablePets #aap-headline				{	background-color: #8dc63f; height: 50px;	-moz-border-radius-topleft: 15px;  -webkit-border-top-left-radius: 15px;	-moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px;	border-radius: 15px 15px 0 0;	}
#adoptablePets #aap-headline h3				{	font-size: 36px; color: #fff; font-weight: bold;	padding: 4px 0 0 20px;	}
#adoptablePets #aap-headline .aap-options	{	position: absolute;		top: 11px;	right: 20px;	}

#adoptablePets #aap-headline .aap-options a				{	font-size: 1.4em; display: block;  float: left;  padding: 4px 10px;	margin: 0 5px;	-moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; background-color: #a4d165; color: #20699a; outline: 0;	}
#adoptablePets #aap-headline .aap-options a:visited		{	color: #20699a;		}
#adoptablePets #aap-headline .aap-options a.active		{	background-color: #cdeba5;	}

#adoptablePets #aap-pets						{	padding: 10px;	overflow: auto;}

#adoptablePets #aap-pets .pet .imgwrapper		{	position: relative;	width: 145px; height: 115px; overflow: hidden;	display: block;}
#adoptablePets #aap-pets .pet .imgwrapper img	{	position: absolute; top: 0; left: 0;	}
#adoptablePets #aap-pets .aap-sex				{	text-transform: lowercase;}

#adoptablePets #aap-pets .pet					{	float: left; width: 145px;	height: 210px;	margin: 10px;	position: relative;  overflow:hidden;	}
#adoptablePets #aap-pets .pet h4				{	font-size: 16px; font-weight: bold; color: #000; padding: 0; margin: 0;	width: 100%;}
#adoptablePets #aap-pets .pet .aap-sex			{	float: right; font-size: 11px; margin-top: -17px;	color: #888;}
#adoptablePets #aap-pets .pet .aap-description	{	font-size: 11px;	color: #333;	}
.expander										{	display: block;	background-image: url(images/expander.png);	background-position: top left;	background-repeat: no-repeat;	z-index: 500;	position: absolute; bottom: 0; left: 0;	width: 145px;	height: 5px;	}

.aap-note										{	margin: 5px 0 -15px 20px;	}
 
/* ==================================================================
1.6 	Division Headers
================================================================== */


#subsectionHeader	{
	width: 960px;	height: 163px;	
	margin: 15px 0;	
	background-repeat: no-repeat;
	background-position: top left;
	}
#subsectionHeader.aaphead	{background-image: url(images/aap-header.jpg);}
#subsectionHeader.faphead	{background-image: url(images/fap-header.jpg);}

#subsectionHeader p		{		
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.3em;
	color: #fff;
	line-height:1.4;
	padding:76px 0 0 12px;
	width:500px;
	}




#donateForm	form				{margin: 20px;}
#donateForm	.notifyInfo			{margin-left:40px; margin-bottom: 20px; padding: 20px;  background-color: #dedede; width: 215px;}
#donateForm	.formDollarSign		{margin-left: -0.6em;}
#donateForm	label				{display: inline-block;	width: 150px; margin: 5px 0;	}
#donateForm	.notifyInfo label	{width: 50px;}
#donateForm	.notify				{margin-top: 20px; display: block;}
#donateForm	#notification		{margin: 0 20px 0 40px;	}
#donateForm	#hiddenGoogleForm	{padding: 20px;}

.hiddenformSpace	{ display: inline-block;	padding-left: 30px;	}


/* ==================================================================
2.0		Page Specific Styles
================================================================== */

.hpbox h2	{
	color: #fff;
	padding: 10px 20px;	
	margin: -20px -20px 20px -20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: normal;
	}

.eventsBox h2	{	background-color: #8dc63f;	}
.eventsBox		{}
.eventsBox ul	{	list-style: none;	padding-left: 5px;	}
.donateBox h2	{	background-color: #dd8800;	}
.donateBox		{}
.donateBox p	{	font-size: 10px;	}
.newsBox h2		{	background-color: #883333; 	}
.newsBox h3		{font-weight: bold !important;}
.newsBox		{}
.newsBox .section	{	padding-bottom: 15px; margin-bottom: 10px; border-bottom: 2px solid #dd8800;	}
.newsBox .off p		{	display: none;	}
	.newsBox .off h3	{ font-size: 1.4em;	}
	.newsBox .off h3 a	{	color: rgb(26, 41, 91);		text-decoration: none;		border-bottom: 1px solid rgb(26, 41, 91);	border-bottom: 1px solid rgb(26, 41, 91);		}
	.newsBox .off h3 a:hover	{	   -webkit-transition: border-color 0.25s ease-in-out;
									   -moz-transition:  border-color 0.25s ease-in-out;
									   -o-transition:  border-color 0.25s ease-in-out;
									   transition:  border-color 0.25s ease-in-out;
									   -webkit-transition: color 0.25s ease-in-out;
									   -moz-transition:  color 0.25s ease-in-out;
									   -o-transition:  color 0.25s ease-in-out;
									   transition:  color 0.25s ease-in-out;
									   border-color: rgba(26, 41, 91, 0.5);
									   color: rgba(26, 41, 91, 0.5);
									   }


.newsletterBox h2		{	background-color: #8dc63f; 	}
.newsletterBox	{}


.eventsBox dd	{margin-left: 20px;}
.eventsBox dt	{font-weight: bold;}

.hpbox h3	{
	font-size: 1.8em;
	font-weight: normal;
	font-color: #000;
	line-height: 1.2;
	margin: 0; padding: 0;
	}



.fixapetServiceList, .fixapetServiceList p	{	
	font-size: 11px;
	}
	.fixapetServiceList ul	{list-style-type: none;}
	.fixapetServiceList .price	{	float: right;}
	.fixapetServiceList li		{	position: relative;	}
	.fixapetServiceList li p	{	
		position: absolute;	
		top: -10px;	
		left: -220px;	
		width: 220px;
		padding: 10px;
		background-color: #fff; 
		border: 1px solid #c6e29f;	
		padding-left: 10px;	
		line-height: 1.2; 
		color: #444;	
		z-index: 500;
		zoom: 1;
		}

.register	{background-color: #f3f3f3;	border: 2px dashed #8dc63f;		padding: 20px;	}
.register input	{border: 1px solid #666;	padding: 4px;}
.register #submit	{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 4px 15px;}


#specialEventHeadBox		{	border: 1px solid #888;	margin-bottom: 20px; background-color:#fff; padding: 0; }
#specialEventHeadBox img	{	margin: 2px 2px; margin-bottom: 0;	}

#contact input, #contact textarea { border: 1px solid #20699a;	}



/* ==================================================================
3.0 	Footer Styles
================================================================== */

#footer	{clear: both; width: 920px; margin-top:20px; font-size: 1.2em; overflow:auto;}

#footer h2	{	font-size: 20px; font-weight:bold; color: #20699a;	}
#footer .aboutHST		{	float: left;	width: 470px;	margin-right: 20px;}
#footer .locations		{	float: left; 	width: 190px;	margin-right: 20px;		font-size: 0.9em;	line-height: 1.2!important;}
	#footer .locations strong	{	font-size: 1.1em;	}
	#footer .locations address	{	padding: 0; margin: 0; padding-bottom:10px;	}
#footer .connectLinks	{	float: left; 	width: 190px;	padding-left:20px; border-left: 1px solid #888;	height: 243px;}
.dsgnblyline			{	margin-top: 50px;	border-top: 1px solid #888; padding-top: 10px;	font-size: 10px; font-family: Verdana, Geneva, sans-serif;	}