/* ------------------------------------ Reset ------------------------------------ */

* {
	margin:0;
	padding:0;
	border:0;
	}
	
/* ------------------------------------ Basics ------------------------------------ */

a {
	outline:none;
	}
a img {
	border:0;
	}
p {
	margin-bottom:20px;
	}
.clear {
	clear:both;
	height:1px;
	}
#content ul,
#content ol {
	margin:0 0 20px 15px;
	}
#content ul ul,
#content ol ol {
	margin:0 0 0 15px;
	}
.hide {
	position:absolute;
	left:-9999px;
	}
#content input,
#content textarea,
#content hr {
	margin:7px 0;
	}		
	
/* --------------------- Master Container & Header --------------------- */

	#masterContainer {
		width:980px;
		margin:0 auto;
		}
		
		#header {
			height:123px;
			}
		
			#logo {
				float:left;
				padding:22px 0 0 25px;
				}

/* -------------- Quicklinks -------------- */
		
		#quicklinks {
			list-style:none;
			float:right;
			padding-right:21px;
			height:31px;		
			}
			#quicklinks li {
				display:inline;
				}
				#quicklinks li a {
					display:block;
					float:right;
					text-indent:-9999px;
					font-size:1px;
					line-height:1px;
					text-decoration:none;
					width:128px;
					height:31px;
					padding:0 4px;
					}
				#quicklinks li #adopt {
					background-position:0 0;
					}
				#quicklinks li #donate {
					background-position:-135px 0;
					}
				#quicklinks li #adopt:hover {
					background-position:0 -31px;
					}
				#quicklinks li #donate:hover {
					background-position:-135px -31px;
					}				
					
					
/* --------------------- Primary Navigation --------------------- */
		#nav {
			position:absolute;
			width:560px;
			height:36px;
			top:76px;
			left:50%;
			margin-left:-99px;
			list-style:none;
			padding-left:27px;
			clear:both; /* IE6 bug fix */
			overflow:hidden;
		  	}
		  	#nav li {
		  		display:block;
		  		float:left;
		  		position:relative;
		  		}
				#nav a {
					display:block;
					font: bold 1.13em/1.2em 'Lucida Grande', helvetica, arial, sans-serif;
					color:#eca813;
					text-decoration:none;
					padding:10px 23px; 
					float:left;
					}
				#nav a:hover {
					color:#000;
					}
					
/* --------------------- Spotlight & Masthead --------------------- */


	#spotlightContainer {
		width:926px;
		padding:0 28px 0 26px;
		position:relative;
		}
		
		#spotlightPush {
			float:left;
			height:297px;
			width:1px;
			}

		#spotlightCaptions {
			list-style:none;
			padding:33px 0 0 0;
			margin:0;
			}
			#spotlightCaptions li a {
				text-decoration:none;
				display:block;
				width:384px;
				color:#e6ffae;
				padding: 10px 20px 13px 11px;
				font: normal 0.94em/1em 'RockwellStdRegular', 'Rockwell','Rockwell Std','Lucida Grande', helvetica, arial, sans-serif;
				}
			#spotlightCaptions li a.last {
				background:none;
				}
				
			#spotlightCaptions a strong {
				font: normal 1.69em/1em 'RockwellStdRegular','Rockwell','Rockwell Std','Lucida Grande', helvetica, arial, sans-serif;
				color:#000;
				}
			#spotlightCaptions a.activeSlide strong {
				color:#fff;
				}
				
		#spotlightPhotosContainer {
			position:absolute;
			right:28px;
			top:0;
			padding:34px 0 0 25px;
			width:527px;
			height:268px;
			overflow:hidden;
			}
			
			#spotlightPhotosContainer div *,
			#mastheadContainer * {
				margin:0;
				padding:0;
				border:0;
				background:transparent;
				outline:0;
				}
			
			
			
	#mastheadContainer {
		width:897px;
		padding:0 83px 0 0;
		}
		
		#mastheadPhoto {
			float:right;
			padding:36px 0 28px 25px;
			width:527px;			
			}
		#mastheadBlurb {
			text-align:center;
			padding:42px 0 44px 0;
			margin-left:46px;
			width:272px;
			font: normal 1.13em/1.2em 'RockwellStdRegular','Rockwell','Rockwell Std','Lucida Grande', helvetica, arial, sans-serif;
			}
			
			.pets #mastheadBlurb {
				color:#c1e577;
				}
			
			.events #mastheadBlurb {
				color:#86dcd7;
				}			
			
			.programs #mastheadBlurb {
				color:#ffd881;
				}
			.about #mastheadBlurb {
				color:#e1747f;
				}
			
			#mastheadContainer #mastheadBlurb h3 {
				color:#fff;
				text-transform:uppercase;
				padding-bottom:11px;
				margin:0 0 12px 0;
				font: normal 1em/1.2em 'RockwellStdRegular','Rockwell','Rockwell Std','Lucida Grande', helvetica, arial, sans-serif;
				}
				
				
/* ----------------- Content Containers, Columns & Sidebar ----------------- */

		#contentContainerHome,
		#contentContainerInterior {
			float:left;
			}

		#contentContainerHome #sidebar {
			float:left;
			width:365px;
			padding:27px 0 40px 29px;
			}
		#contentContainerHome #content {
			padding:27px 40px 0 420px;
			}			
			

		#contentContainerInterior #content {
			padding:27px 40px 0 340px;
			}
			
		#contentContainerInterior #sidebar {
			float:left;
			width:282px;
			padding:27px 0 0 37px;
			font: 0.88em/1.5em 'lucida grande', arial, helvetica, verdana, sans-serif;
			}
			
		#sidebar h3 {
			font: normal 1.5em/1em 'RockwellStdRegular','Rockwell','Rockwell Std','Lucida Grande', helvetica, arial, sans-serif;
			}			
			
/* ---------- Homepage News ----------*/			
		
		.news_articles ul {
			list-style:none;
			margin-bottom:22px;
			width:352px;
			font: 0.81em/1.2em 'lucida grande', arial, helvetica, verdana, sans-serif;
			color:#424242;
			float:left;
			}
			.news_articles ul li {
				padding:6px 0;
				}
			.news_articles ul li a {
				color:#be0012;
				text-decoration:none;
				}
			.news_articles ul li a:hover {
				text-decoration:underline;
				}				
				
				
			.news_archives a {
				float:right;
				font: 0.81em/1.2em 'lucida grande', arial, helvetica, verdana, sans-serif;
				color:#be0012;
				text-decoration:none;
				}
			.news_archives a:hover {
				text-decoration:underline;
				}				
				

/* ----------------- Subnav ----------------- */
	
		.subnav {
				list-style:none;
				border-bottom:1px solid #eee;
				width:250px;
				margin:2px 0 30px;
				}
				.subnav li a {
					display:block;
					font: 1.2em/1.3em 'lucida grande', arial, helvetica, verdana, sans-serif;
					color:#7da90a;
					padding: 10px 30px 10px 2px;
					text-decoration:none;
					border-top:1px solid #eee;
					}
				.subnav li a:hover, .subnav li a.current_page {
					background-position:225px 11px;
					}
					
					.subnav li ul {
						list-style:none;
						border:none;
						margin:-5px 0 8px 0 !important;
						}
							.subnav li ul li a {
								display:block;
								color:#446d0f;
								font: normal 1em/1.3em 'lucida grande', arial, helvetica, verdana, sans-serif;
								padding: 3px 20px 3px 24px;
								text-decoration:none;
								border:none;
								background:none;
								}
							.subnav li ul li a:hover {
								background:none;
								color:#222;
								}
							.subnav li ul li a.current_page {
								color:#111;
								text-decoration:none;
								cursor:default;
								background:none;
								}				
			
			
/* ------------------------------- Content ------------------------------- */			
					
		#content {
			font: 0.88em/1.5em 'lucida grande', arial, helvetica, verdana, sans-serif;
			color:#3e3e45;
			}			
		
		h2 {
			margin-bottom:8px;
			font: normal 2.36em/1em 'RockwellStdRegular','Rockwell','Rockwell Std','Lucida Grande', helvetica, arial, sans-serif;
			color:#000;
			}
			
		h3 {
			margin-bottom:5px;
			font: normal 1.5em/1em 'RockwellStdRegular','Rockwell','Rockwell Std','Lucida Grande', helvetica, arial, sans-serif;
			color:#000;
			}			
		h4 {
			margin-bottom:5px;
			font: normal 1.3em/1em 'RockwellStdRegular','Rockwell','Rockwell Std','Lucida Grande', helvetica, arial, sans-serif;
			color:#000;
			}
			
		h5 {
			margin-bottom:5px;
			font: bold 1.2em/1em 'Lucida Grande', helvetica, arial, sans-serif;
			color:#3cb0a9;
			}
		h6 {
			margin-bottom:5px;
			font: bold 1.1em/1em 'Lucida Grande', helvetica, arial, sans-serif;
			color:#eba917;
			}				
					
		#content a:link,
		#content a:active,
		#contet a:visited {
			color:#3cb0a9;
			}
		#content a:visited {
			color:#88b526;
			}
		#content a:hover {
			color:#000;
			text-decoration:none;
			background-color:#eee;
			}

						
/* ------------------------------------ Footer ------------------------------------ */


#footerContainer {
	clear:both;
	width:100%;
	height:179px;
	background:#000;
	border-top:2px solid #fbb416;
	}


	#footer {
		width:926px;
		margin:0 auto;
		padding:35px 0 0 0;
		color:#fff;
		font: 0.94em/1.27em 'Lucida Grande', helvetica, arial, sans-serif;
		}
		
		#footer h4 {
			font: bold 1em/1.4em 'Lucida Grande', helvetica, arial, sans-serif;
			margin-bottom:2px;
			color:#fff;
			}
		
		#contactInfo {
			float:left;
			width:392px;
			}
			
			#contactInfo h3 {
				color:#eca813;
				font: bold 1.2em/1em 'Lucida Grande', helvetica, arial, sans-serif;
				margin-bottom:8px;
				}
			#contactInfo p {
				margin:0 0 5px 0;
				}
				
			#contactInfo #phone {
				font: bold 1.2em/1.22em 'Lucida Grande', helvetica, arial, sans-serif;
				}
			
			
		#hours, #siteMap {
			float:left;
			width:155px;
			padding-right:6px;
			}
			
			#hours p {
				line-height:1.4em;
				}
			
			#siteMap ul {
				list-style:none;
				}
				#siteMap ul li a {
					color:#eca813;
					font: normal 0.93em/1.29em 'Lucida Grande', helvetica, arial, sans-serif;
					text-decoration:none;
					}
				#siteMap ul li a:hover {
					text-decoration:underline;
					}
		#mission {
			float:left;
			width:210px;
			}
			
			#mission p {
				font: bold 0.87em/1.22em 'Lucida Grande', helvetica, arial, sans-serif;
				}
			
		
		.push {
			clear:both;
			height:1px;
			}