body{
	font-size: 65%;
	font-family: Arial, sans-serif;
	background: #cc9966;
}

h1{
	font-size: 2.4em;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
}

h2{
	font-size: 2em;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #003366;
}

h3{
	font-size: 1.5em;
	margin-bottom: 5px;
}

h4{
	font-size: 1.2em;
	font-weight: bold;

}

h5{
	font-size: 1.1em;
	font-weight: bold;
}


p{
	color: #663300;
	font-size: 1.2em;
	line-height: 15px;
	margin-bottom: 10px;
}

a{
	color: #003366;
}

a:hover{
	color: #cc9966;
}

.tan{
	color: #ffcc99;
}

.lightbrown{
	color: #cc9966;
}

.brown{
	color: #996633;
}
.white{
	color: #fff;
}

.lightblue{	
	color: #99ccff;
}

.blue{
	color: #003366;
}
.section_content{
	background: #f7e1b7;
	padding: 10px;
}


.alignright{
	float: right;
}

.alignleft{
	float: left;
}

.center{
	text-align: center;
}

.clear{
	clear: both;
}

.bold{
	font-weight: bold;
}

/*------------ Donate -------------*/
#donate{
	background: #003366;
	text-align: right;
}
#donate-text{
	margin: 5px;
}

#donate a{
	text-decoration: underline;
	color: #fff;
}

/*------------- Header -------------*/
#header{
	background:url('../images/header-bg.jpg') #663300;
	border-bottom: 8px #003366 solid;
	margin-bottom: 15px;
	text-align: center;
}

#hr-logo{
	float: left;
	margin: 20px;
}

#header-text{
	margin-top: 20px;
	width: 600px;
	float: left;
}

#header h2{
	margin-top: 15px;
}

#header h4{
	margin-top: 5px;
}
/*------------ Navigation ------------*/


#navcontainer{
background: #996633;
}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 7px;
font-size: 1.2em;
}

#navcontainer a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #003366;
color: #fff;
}



/*------------ Index Page --------------*/

#featured_hound-name{
	font-size: 1.5em;
	color: #003366;
}
#featured_hound-img{
	margin: 10px 0;
}

#news_image{
	float: left;
	margin: 0 10px 5px 0;
}

#available-header{
	margin: -10px 0 20px 0;
}
#available_dogs img{
margin-top: -10px;

}

#hr_updates{
	margin-top: 10px;
}

#help{
	margin-top: 10px;
	height: 100px;
}
#help_links{
	margin-bottom: 15px;
}

#follow{
	margin-top: 10px;
	height: 130px;
}

#social_icon{
	margin: 0 15px 10px 0;
}
#twitter_div li {
	color: #663300;
	font-size: 1.2em;
	line-height: 15px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#twitter_div li a{
	color: #003366;
}

#twitter_div li a:hover{
	color: #cc9966;
}

/*-------------- Available Dogs ---------------*/
#available_dog-introduction{
	margin-bottom: 10px;
}

.available_doggy{
	margin-bottom: 10px;
	
}

.available_doggy-images{
	width: 200px;
	min-height: 200px;
	margin:0 20px 0 10px;
	float: left;
	overflow: hidden;
}
.available_doggy-information{
	width: 500px;
	float: left;
	margin-bottom: 20px;
}

#vitals{
	font-size: 1.2em;
	
}

.vital{
	text-transform: uppercase;
	color: #996633;
	padding: 0 10px 10px 0;
}

.vital-info{
	padding: 0 30px 0 0;
	color: #663300;
}


/*-------------- Adopt Page ---------------*/
ol{
	list-style-type: decimal;
	margin-left: 20px;
	line-height: 16px;
	color: #663300;
	list-style-position: outside;
}

ol li{
	margin-bottom: 20px;
}


/*-------------- Newsletter Page ---------------*/

#newsletters li{
	margin-bottom: 10px;
	margin-left: 20px;
}

/*-------------- Spay and Neuter Page ---------------*/

#spay_stats li{
	font-size: 1.5em;
	color: #003366;
	margin-bottom: 10px;
	margin-left: 20px;
}

/*-------------- Success Stories Page ---------------*/
.success-doggy{
	float: left;
	margin: 0 20px 20px 0;
}

.success-doggy-intro{
	float: left;
	width: 400px;
}

#success_archives{
	font-size: 1.2em;
	text-align: center;
}

.year{
	color: #cc9966;
	padding: 0 25px;
	border-bottom: solid 2px #663300;
	margin-bottom: 20px;
}

.success-dog{
	padding-top: 10px;
}


/*-------------- Hound Links Page ---------------*/

.hound_links li{
	margin: 0 0 15px 15px;
	font-size: 1.2em;
	color: #663300;
}


/*-------------- Footer ---------------*/
#footer{
	background:url('../images/footer-bg.jpg') repeat-x #330000;
	border-top: #003366 8px solid;
	margin-top: 10px;
	text-align: center;
	padding:10px 0;
	color: #ffcc99
}
.privacy{
	color: #996633;
}
.privacy:hover{
 	color: #ffcc99;
}

#our_mission{
	float: left;
	margin-top: -70px;
	z-index: 100;
}

#our_mission-bullets{
	margin-top: -20px;
	margin-left: 160px;
	text-align: left;
}

#our_mission-paragraph{
	margin-top: -20px;
	text-align: left;
}


