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

* {
	margin:0;
	padding: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;
	}	
	
.clearfix {
    display: inline-block;
	}

.calendar_section {
	width: 605px;
	margin: 0 0 3em;
	}	
	
/* --------------------- 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 {
				    background: url("http://cdn.firespring.com/designs/003001_2720/graphics/quicklinks_new.jpg") no-repeat scroll -323px 0 transparent;
				    display: block;
				    float: right;
				    font-size: 1px;
				    height: 31px;
				    line-height: 1px;
				    padding: 0 4px;
				    text-decoration: none;
				    text-indent: -9999px;
				    width: 138px;
					}

				#quicklinks li a:hover {
					background-position: -323px -31px;
					}
}
				#quicklinks li #adopt {
    				background-position: -178px 0;
    				width: 136px;
					}
				#quicklinks li #donate {
					background-position: -323px 0;
					width: 138px;
					}
				#quicklinks li #celebrate {
					background-position: 9px 0;
    				width: 179px;
					}	
				#quicklinks li #adopt:hover {
					background-position:-178px -31px;
					}
				#quicklinks li #donate:hover {
					background-position:-323px -31px;
					}
				#quicklinks li #celebrate:hover {
					background-position: 9px -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 360px;
			}			
			

		#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:320px;
			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_articles ul li:first-child {
    			padding-top: 2em;
    			border-top: 1px solid #000;
				}
				
				
			.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;
			width:600px;
			}			
		
		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: 210px;
	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;
			}
	
/* ------------------------------------ Celebrate Me Home Section ------------------------------------ */

		
		#mastheadContainer_celebrate {
			padding: 0 83px 0 0;
			width: 897px;
			background: url("http://cdn.firespring.com/designs/003001_2720/graphics/masthead_bg_celebrate.jpg") no-repeat scroll 0 0 transparent;
			}
	
		#mastheadPhoto_celebrate {
			padding: 10px 10px 0;
			width: 959px;
			}
		
		#celebrate_content {
			margin: 1.5em -39px 2.5em 0;
			position: relative;
			}

		#celebrate_content	ul {
			list-style: none;
			margin: 0;
			}
		
		#celebrate_content p {
			font-style: normal;
			max-width: 430px;
    		padding: 0;
			}
		
		#celebrate_content img {
			background: 0 none;
			border: 0 none;
			padding: 0;
			margin: 0;
			}	
		
		.content_image_box {
			border: 0 none;
			background: 0 none;
			padding: 0;
			margin:0;
			}	
			
		.content_image img {
			margin:0;
			}
			


		#contentContainerCelebrate {
		    background: url("../graphics/content_celebrate_bg.png") no-repeat scroll left top transparent;
		    float: left;
			}

		#contentContainerCelebrate #sidebar {
			float: left;
			font: 0.88em/1.5em 'lucida grande',arial,helvetica,verdana,sans-serif;
			padding: 27px 0 0 37px;
			width: 282px;
			background: url("../graphics/subnav_line.gif") no-repeat scroll right bottom transparent;
			}

		#contentContainerCelebrate #content {
			color: #3E3E45;
		    font: 0.88em/1.5em 'lucida grande',arial,helvetica,verdana,sans-serif;
		    width: 600px;
			padding: 27px 40px 0 340px;
			}

.content_image img {
margin:0;
}	

#quicklinks {
			list-style:none;
			float:right;
			padding-right:21px;
			height:31px;		
			}
			#quicklinks li {
				display:inline;
				}
				#quicklinks li a {
    background: url("http://cdn.firespring.com/designs/003001_2720/graphics/quicklinks_new.jpg") no-repeat scroll -323px 0 transparent;
    display: block;
    float: right;
    font-size: 1px;
    height: 31px;
    line-height: 1px;
    padding: 0 4px;
    text-decoration: none;
    text-indent: -9999px;
    width: 138px;
}

#quicklinks li a:hover {
background-position: -323px -31px;
}
				#quicklinks li #adopt {
    				background-position: -178px 0;
    				width: 136px;
					}
				#quicklinks li #donate {
					background-position: -323px 0;
					width: 138px;
					}
				#quicklinks li #celebrate {
					background-position: 9px 0;
    				width: 179px;
					}	
				#quicklinks li #adopt:hover {
					background-position:-178px -31px;
					}
				#quicklinks li #donate:hover {
					background-position:-323px -31px;
					}
				#quicklinks li #celebrate:hover {
					background-position: 9px -31px;
					}

#contentContainerHome,
#contentContainerInterior {
position:relative;
}

#contentContainerHome #sidebar,
#contentContainerInterior #sidebar {
position:absolute;
}

#contentContainerInterior #sidebar .content_image_box  {
clear:both;
}


#celebrate_content p {
    font-style: normal;
    max-width: 430px;
    padding: 0;
}

#celebrate_content {
    margin: 1.5em -39px 2.5em 0;
    position: relative;
}

#contentContainerCelebrate {
    background: url("../graphics/content_celebrate_bg.png") no-repeat scroll left top transparent;
    float: left;
}

#contentContainerCelebrate #sidebar {
float: left;
    font: 0.88em/1.5em 'lucida grande',arial,helvetica,verdana,sans-serif;
    padding: 27px 0 0 37px;
    width: 282px;
background: url("../graphics/subnav_line.gif") no-repeat scroll right bottom transparent;
}

#contentContainerCelebrate #content {
color: #3E3E45;
    font: 0.88em/1.5em 'lucida grande',arial,helvetica,verdana,sans-serif;
    width: 600px;
padding: 27px 40px 0 340px;
}

.subnav ul {
    list-style: none;
}

.subnav ul li ul {
    list-style: disc outside none;
}

.subnav li ul {
    padding-left: 30px;
}

.subnav li ul li a {
    padding: 3px 20px 3px 5px;
}

#contentContainerHome #sidebar, #contentContainerInterior #sidebar {
    position: static;
}

ul.subnav {
    border-bottom: none;
}

#mastheadContainer {
    height: 300px;
}

#contentContainerHome #content {
    padding: 27px 40px 0 360px;
}

div.news_articles ul li:first-child {
    padding-top: 2em;
    border-top: 1px solid #000;
}

.news_articles ul {
    width: 320px;
}