@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";

/* ==================================================================
1.0	 	Body Styles
================================================================== */

body	{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
	background-color: #fff;
	
	}

h1	{	text-indent: -9999px;  background-image: url(images/logo-mobile-sm.png); background-position: 10px 20px; background-repeat: no-repeat;  width: 100%;  height: 130px; 	}
h1 a	{	display: block; width: 100%; height: 100%; 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;	}


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

#outerWrapper	{	margin: 0 0; 	width: 100%;padding-bottom: 50px;	}
#wrapper		{	margin: 0 0;	width: 100%;}
.genericBox		{	background-color: #fff;		padding: 20px;		border: 1px solid #888;		border-left: 0; border-right: 0;}
.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;}


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

.helpButton	{
	display: block;
		padding: 4px 0px 7px;
	width: 100%;
	background-color: #ddd;
	border: 1px solid #aaa;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	}
	.helpButton:hover	{background-color: #dd8800;}

.event	{	margin-top: 10px;	}


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

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

#nav	{ background-color: #20699a; margin: 20px 0;}
#nav ul	{	list-style-type: none; padding: 5px 0; overflow:auto;}
#nav li	{	float: left; width: 60%;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	}
	
#nav li:nth-child(2n+1)	{	width: 40%!important:	background-color: #a00;	}

#nav li:hover	{ 	background-color: #2c8fd2;	color: #fff;	}
#nav li a		{	color: #fff;	display: inline-block; height: 100%;	padding: 4px 0 6px 16px; text-decoration: none;}	
#nav li a:hover	{	background-color: #2c8fd2; color: #fff;	}


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


#slider		{	display: none;	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:100%;	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: 100px;	-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				{	margin-left: 15px;	}
#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		{	width: 100%;	display: block;}
#adoptablePets #aap-pets .pet .imgwrapper img	{	max-width:100%;	}
#adoptablePets #aap-pets .aap-sex				{	text-transform: lowercase;}

#adoptablePets #aap-pets .pet					{	display: inline-block;	 width: 30%;		margin: 1%;	position: relative;  overflow:hidden;	vertical-align: top !important;}
#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			{	font-size: 11px;	color: #888;}
#adoptablePets #aap-pets .pet .aap-description	{	font-size: 11px;	color: #333;	}

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


#subsectionHeader	{display: none;	}

#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;}


/* ==================================================================
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		{}

.donateBox h2	{	background-color: #dd8800;	}
.donateBox		{}

.newsBox h2		{	background-color: #883333; 	}
.newsBox		{}
.newsletterBox h2		{	background-color: #8dc63f; 	}
.newsletterBox	{ display: none;}


.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;}

#specialEventsHeadBox	{	display: none; }

#contact input { color: #a00;	}


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

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

#footer h2	{	font-size: 18px; font-weight:bold; color: #20699a;	}
#footer .aboutHST		{	}
#footer .locations		{	font-size: 0.8em;	line-height: 1.2!important;
	-moz-column-width: 8em;	-webkit-column-width: 8em;
	-moz-column-gap: 0.5em;	-webkit-column-gap: 0.5em;
	
	
	}
	#footer .locations strong	{	font-size: 1.1em;	}
	#footer .locations address	{	padding: 0; margin: 0; padding-bottom:10px;	}
#footer .connectLinks	{	display: none;	}
.dsgnblyline			{	display: none;	margin-top: 50px;	border-top: 1px solid #888; padding-top: 10px;	font-size: 10px; font-family: Verdana, Geneva, sans-serif;	}