@charset "utf-8";
/* CSS coded by Edward Godbois. Email ed@projectrockhopper.com with questions or comments regarding this code. Please not alter without first consulting as site may become inoperable or experience severe malfunctions. */


/* Whole Document Styling */
	* { margin: 0px 0px 0px 0px; padding: 0px; }
	
	body { background: #e5e6e1; margin: 10px 0px 0px 0px; font-family: Verdana, Geneva, sans-serif; }

	#wrapper { width: 774px; margin: 0 auto 0px auto; background: url(img/bg.png) repeat-y; border-left: 1px solid #acaca8; }
	
	img { border-style: none; }
/* Whole Document Styling*/


/* Header Styling */
	#header { width: 773px; height: 154px; background-image: url(img/headerbg.png); background-repeat: repeat-x; border-top: 1px solid #acaca8; border-right: 1px solid #acaca8; border-left: 1px solid #acaca8; margin: 10px auto 0px auto; position: relative; font-family: Baskerville, Georgia, serif; font-size: 16px; padding-bottom: 0px; }
	
	.header { float: left; padding-top: 8px; padding-left: 13px; }
	
	#header ul { color: #000; padding: 20px 20px 0px 225px; list-style: none; }
		
	#quicklinks { position: absolute; top: 115px; left:264px; font-family: Verdana, Geneva, sans-serif; text-transform: uppercase; margin-right: -30px; }
		#quicklinks li { display: inline; list-style-type: none; float: right; font-size: 10px; font-weight: bold; padding: 0px 8px 0px 8px; border-left: 2px solid #a2343f; }
			#quicklinks li a:link { color: #a2343f; text-decoration: none; }
			#quicklinks li a:visited { color: #a2343f; text-decoration: none; }
			#quicklinks li a:hover { color: #7c2830; text-decoration: none; }
			#quicklinks li a:active { color: #a2343f; text-decoration: none; }
			
	.contactheader { margin-left: 30px; margin-bottom: -7px; margin-top: 10px; font-weight: bold; }
		.contactheader li { color: #fff; }
	.addressheader { margin-left: 30px; margin-bottom: -7px;  }
	.oohheader { margin-left: 30px; padding-bottom: 5px; }
/* End Header Styling */


/* Search Styling */
	#search { position: absolute; top: 65px; left: 550px; width: 350px;} 
/* End Search Styling */


/* Navigation Styling */
	#navigation { padding: 0px; margin: 0 auto 0 auto; width: 775px; height: 24px; background: url(img/nav.png); background-repeat: repeat-x; text-align: center; font-weight: bold; font-size: 11px; text-transform: uppercase; }
	
	#navigation ul { }
		#navigation li {  } 
		#navigation ul li { display: block; position: relative; float: left; }
		#navigation li ul { display: none; } 
		#navigation ul li a { display: block; text-decoration: none; color: #ffffff; padding: 5px 15px 5px 15px; margin-left: 0px; white-space: nowrap; }
		#navigation ul li a:hover { background: #8d242f; }
		#navigation li:hover ul { display: block; position: absolute; } 
		#navigation li:hover li { float: none; font-size: 9px; background: #ad2d3b; border-left: 1px solid #942a35; border-right: 1px solid #942a35; border-bottom: 1px solid #942a35; } /* Drop Down Controls */
			.dropadoptions { width: 131px; } /* Controls Width of Adoptions Drop Down Menu */
			.droplinks { width: 106px; } /* Controls Width of Links Drop Down Menu */
			.drophelp { width: 128px; } /* Controls Width of Help Drop Down Menu */
		#navigation li:hover a { background: none; margin-left: 0px; } /* Hover Over Drop Down Items */
		#navigation li:hover li a:hover { margin-left: 0px;  } /* Hover Over Drop Down Items */
		
		.navadoptions { width: 132px; border-right: 1px solid #942a35; }
		.navcats { width: 135px;  border-right: 1px solid #942a35; }
		.navdogs { width: 137px; border-right: 1px solid #942a35; }
		.navlinks { width: 107px; border-right: 1px solid #942a35; }
		.navanimals { width: 129px; border-right: 1px solid #942a35;}
		.navhelp { width: 130px; }
/* End Navigation Styling */


/* Sidebar Styling */
	#sidebar { float: right; width: 260px; font-size: 10px; }
		#sidebar p { margin: 0px auto 10px auto; }
			#sidebar p a:link { color: #3a7bfa; text-decoration: underline; display: inline; }
			#sidebar p a:visited { color: #3a7bfa; text-decoration: underline; display: inline; }
			#sidebar p a:hover { color: #3a7bfa; text-decoration: underline; display: inline; }
			#sidebar p a:active { color: #3a7bfa; text-decoration: underline; display: inline; }

		#sidebar h1 { font-family: Helvetica, sans-serif; font-weight: bold; color: white; font-size: 18px; background: url(img/h1.png); background-repeat: no-repeat; padding: 5px 0 5px 10px; height: 51px; width: 300px; margin: 18px 0px 18px -2px;}
		
		#donatebg { background: #fff; border: 1px solid #acaca8; margin: 19px 11px 11px 11px; padding: 5px; }
			#donate { background: url(img/donate.png) no-repeat; border: 1px solid #acaca8; width: 223px; height: 83px; }
				.donatebutton { margin: 55px 0px 0px 40px; }
	
	.sidebarpictures { display: block; margin: -26px auto 10px 11px; border: 1px solid #acaca8; padding: 5px; background: #fff; }
	
	.potw { display: block; margin: -26px auto 10px auto; border: 1px solid #acaca8; padding: 5px; background: #fff; }
	
	.videos { margin: -28px auto 10px auto; text-decoration: none; }
	
	.side { font-size: 10px; padding: 0px 0px 0px 10px; }
	
	#social { float: left; margin: 5px 10px 0px 10px; }
		.socialicon { float: left; margin: 7px 5px 3px 3px;   }
		.socialtext { font-size: 9px; padding: 7px 0px 0px 10px; line-height: 13px;  }
/* End Sidebar Styling */


/* Content Styling */
	#content { margin-right: 249px; max-width: 510px;  min-height: 900px; padding-top: 10px; font-size: 10px; }
			#content h1 { font-size: 100%; margin: 10px 10px 10px 18px; }
				#content .secondary-page-header { font-size: 120%; margin: 10px 10px 10px 25px; } /* Secondary Page h1 class */
				#content h2 { font-size: 110%; margin: 15px 10px 10px 25px; }
			#content ul { }
			#content li { font-size: 11px; line-height: 16px; margin: 15px 25px 15px 45px; margin-bottom: 12px; }
			#content a:link { color: #a2343f; text-decoration: none; }
			#content a:visited { color: #a2343f; text-decoration: none; }
			#content a:hover { color: #7c2830; text-decoration: none; }
			#content a:active { color: #a2343f; text-decoration: none; }
	
	p { margin: 10px 25px 10px 25px; font-size: 11px; line-height: 16px; } /* Controls all content p tags except for index */
		.index { font-size: 10px; margin: 10px 10px 10px 18px; line-height: 14px; }
	
	.leader { display: block; margin: 7px auto 0px auto; border: 1px solid #acaca8; }
	
	.interact { margin: 0px 12px 0px auto; background: #e1e1e1; padding: 0px 10px 10px 10px; width: 90%; height: 250px; border: 1px solid #cccccc; text-align: center; color: #a23440; font-weight: bold; }
		.success { float: left; }
			.success img { background: #fff; padding: 5px; border: 1px solid #cccccc; }
		.merchandise { float: right; }
			.merchandise img { background: #fff; padding: 5px; border: 1px solid #cccccc; }
			.successp { margin: 9px 2px 9px auto; font-size: 15px; }
			.merchandisep { margin: 9px 2px 9px auto; font-size: 15px; }
			
		.interact a:link { color: #a23440; text-decoration: none; }
		.interact a:visited { color: #a23440; text-decoration: none; }
		.interact a:hover { color: #a23440; text-decoration: none; }
		.interact a:active { color: #a23440; text-decoration: none; }
		
		.success-stories-inset { float: left; border: 1px solid black; margin-right: 5px; }
		.success-stories-offset { float: right; border: 1px solid black; margin-left: 5px; }
		hr { width: 75%; text-align: center; margin: 10px auto 15px auto; }
		
		.youtube { margin: 0px 0px 5px 25px }
/* End Content Styling */


/* Footer Styling */
	#footer { width: 765px;; height: 70px; line-height: 10px; color: #fff; background: #a2343f; margin: 0 auto 10px auto; border: 1px solid #acaca8; padding: 5px;  }
		.footer { font-size: 10px; margin: 10px 10px 10px 18px; line-height: 10px; }
		#footer a:link { color: #fff; }
		#footer a:visited { color: #fff; }
		#footer a:hover { color: #fff; }
		#footer a:active { color: #fff; }
	
	.copyright { float: left; }
	
	.contact { float: right; }
/* End Footer Styling */