/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }

body { margin: 0; background: #ccc url(../images/site_bg.jpg) repeat-x top left; font: 12px arial, helvetica, sans-serif; color: #000; line-height: 1.5; }
table, th, td { font: 11px trebuchet ms, arial, helvetica, sans-serif; color: #000; }

p	{ padding: 3px 20px; }

h1	{ margin: 20px 0; color: #58762E; font-size: 16px; }
h2	{ margin-top: 10px; color: #58762E; font-size: 14px; }
h3	{ margin-top: 10px; color: #666; font-size: 12px; }

a img, :link img, :visited img { border: none; }

a:link { color: #339; text-decoration: underline; }
a:visited { color: #339; text-decoration: underline; }
a:hover, a:active { color: #339; text-decoration: none; }

hr		{ height: 1px; margin: 5px 0 10px 0; border-bottom: 1px dashed #cccccc; }

#subnav li, #nav li	{ margin-left: 20px; }

li	{ margin-left: 40px;  }

blockquote		{ margin: 20px 0 20px 20px; padding: 10px; background: #FDF9F4; border: 1px solid #F0D8BD; }

input, textarea	{ border: 1px solid #333; background: #FDF7EE; }
	input.radio, input.checkbox  { border-width: 0; background: #fff; }
	textarea	{ width: 600px; }	

	
#nav { position: relative; top: 0px; height: 25px; width: 960px; padding: 0 0 0 250px; z-index: 50; background: url(../images/nav.gif) no-repeat; }
#ie_specific #nav { width: 960px; }
	#nav li { position: relative; float: left; height: 25px; width: 120px; color: #fff; font-family: arial; font-size: 14px; font-weight: bold;  list-style: none; }
	#nav li a, #nav li div 	{ position: relative; height: 25px; padding-right: 6px; text-decoration: none; }
	#nav li a:link, #nav li a:visited, #nav li a:active	{ color: #fff; }
	#nav li a:hover	{ color: #EFC69C; }
	#nav li a, #header a { cursor: pointer; }

/*drop downs*/
#nav li ul li a:link, #nav li ul li a:visited	{ padding: 5px 0 5px 10px; width: 120px; display: block;  height: 100%; background: #E9C298; border-left: 10px solid #E5A564; border-bottom: 1px solid #E5A564; color: #000; text-decoration: none; font: 11px arial, helvetica, sans-serif; text-align: left;}
#ie_specific #nav li ul li a:link, #ie_specific #nav li ul li a:visited { width: 143px; }
#nav li ul li { position: relative; left: -20px; width: auto; height: auto;  }

#nav li ul li a:hover { color: #fff; background: #E5A564; }

#nav ul { list-style: none; } /* all lists */
#nav li ul { display: none; position: absolute; top: 25px; left: 0px; z-index: 500; } /* second-level lists */
#nav li>ul { top: 25px; left: 0px; z-index: 500; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.over ul { display: block; padding: 0px; opacity: .95; filter: alpha(opacity=95); }

#nav  li a.on	{ color: #bccbb6; }

/* primary sections */
#hdr	{ display: block; height: 150px; width: 960px; background: #ccc url(../images/site_masthead_bg2.jpg) no-repeat top left; }  /**/
#logo	{ float: left; }
#hdr_news { float: left; display: inline; width: 375px; margin: 100px 0 0 20px; padding: 10px; background: #fff; font-size: 14px; color: #000; opacity: .50; filter: alpha(opacity=50); }
#hdr_social	{ display: block; float: right; width: 175px; height: 130px; padding: 10px; text-align: right; }
	#hdr_social #social	{ margin: 0 10px 0; }

#container	{ width: 960px; margin-top: 0; padding: 0; background: #fff url(../images/shadow.gif) repeat-x top; border-right: 1px solid #C2A180; text-align: left;  }
#container2	{ margin: 0 20px 0 0; }
	#container2 p	{ margin: 5px 40px 5px 0; }

#content	{ width: 730px; float: right; }
#hp_content	{ width: 920px; float: right; }

#hp_image	{ float: right; width: 300px; margin: 15px 0 0 0; background: #333; border: 1px solid #999; }
	#hp_image h1	{ height: 40px; margin: 0; padding: 5px 10px 0 10px; color: #fff; font-size: 14px; }
	#hp_image p		{ width: 280px; padding: 7px; color: #fff; }

.col		{ width: 290px; margin-right: 10px; float: left; }
.col3	{ width: 200px; margin-right: 30px; float: left; }


.box	{ float: left; width: 290px; margin: 15px 0; background: #efefef; border: 1px solid #F0D8BD; }
	.box h1	{ padding: 2px 5px; margin: 0; background: #39C025; border-bottom: 2px solid #333; color: #fff; }
	.box h2 { width: 200px; padding: 5px; background: #fff; font-size: 14px; }
	.box p	{ width: 270px; margin: 0; padding: 10px; }
	









.box_250	{ float: right; width: 250px; margin: 0 0 10px 10px; background: #efefef; }
.box_250 p	{ padding: 10px 0 10px 10px; margin: 0; }

.adoptable		{ float: right; height: 420px; width: 250px; margin: 20px 0 10px 20px; padding: 1px; background: #fff; border: 1px solid #333; color: #fff; font-size: 14px; font-weight: bold; }
	.adoptable h1	{ background: #333; margin: 0; height: 25px; width: 250px; text-align: center; }
	.adoptable h2	{ color: #666; font-size: 11px; }
	.adoptable .stats { width: 230px; padding: 10px; color: #000; font-size: 10px; }
	
	.adoptable .ss	{ width: 250px; background: #666; text-align: center; color: #fff; }
		.adoptable .ss a:link, .adoptable .ss a:active  { color: #fff; text-decoration: none; }
		.adoptable .ss a:hover, .adoptable .ss a:visited { color: #fff; text-decoration: none; }
	
	.adoptable .icons		{ display: block; height: 33px; width: 250px; background: #000; }
	.adoptable .icons img	{ float: left; margin: 4px 4px 0 0;}	 	



.courtesy	{ height: 180px; margin: 10px 5px 10px 0; }
.courtesy .icons	{ height: 25px; background: #999; }
.courtesy .icons img	{ float: left; margin: 0 5px 0 0; }

#foster-needed .adopt	{ height: 235px; }

#b_courtesy .adopt, #home .adopt  { height: 185px; }
#b_courtesy .adopt .icons { height: 35px; width: 150px; background: #333; }

.rainbow		{ float: left; width: 200px; margin: 10px; padding: 10px; background: #fff; border: 1px solid #333; color: #000; font-size: 11px; }
.rainbow p		{ width: 180px }

#sidebar	{ float: left; height: 500px; width: 185px; margin: 20px 20px 10px 0; padding: 15px 0 100px 0; background: #fff; line-height: 1.5; }
	#sidebar p	{ margin: 0; color: #000; font-size: 95%; }
	#sidebar ul	{ margin: 0; color: #000; font-size: 95%; }
		
	#sidebar h1		{ width: 170px; margin: 0 0 10px 15px; }
/*	#sidebar .adopt	{ margin-left: 15px; background: #000; }
	#sidebar a:link, #sidebar .adopt a:active	{ color: #ECC29A; }
	#sidebar .adopt a:visited	{ color: #efefef; }
	#sidebar .adopt a:hover	{ color: #EFC69C; }
	#sidebar a:link, #sidebar a:active  { color: #EBB986; text-decoration: none; }
	#sidebar a:hover, #sidebar a:visited { color: #E6A565; text-decoration: none; }	*/
	
#subnav		{ width: 185px; margin: 0 0 10px; font-weight: bold; }
	#subnav ul	{ margin-left: 1px; background: #999; list-style-type: none; }
	#subnav li	{ margin: 0 0 1px 0; padding: 3px; border-left: 10px solid #666; border-bottom: 1px solid #666; }
	#subnav a:link,	#subnav a:visited, #subnav a:active { color: #fff; text-decoration: none; }
	#subnav a:hover	{ color: #E5A564; text-decoration: underline; }
	#subnav .tert	{ font-weight: normal; }

	.box_185 { width: 183px; border: 1px solid #ccc; }
	.box_185 p { width: 175px; padding: 5px; color: #000; font-size: 95%; }
	.box_185 li	{ margin: 5px 5px 0 20px; color: #000; font-size: 95%; }

	
#footer		{ position: relative; top: 0px; height: 25px; width: 920px; margin-top: 0px; padding: 0 20px 0 20px; background: #E5A564; border-top: 1px solid #777; color: #fff; font-family: arial; letter-spacing: 1.5; text-align: center; }	
	#footer a:link, #footer a:visited	{ color: #fff; text-decoration: none; }
	#footer a:hover		{ color: #EFC69C; text-decoration: underline; }



/* section specific styles */

.adopt, .courtesy		{ float: left; height: 370px; width: 165px; margin: 10px 5px 10px 0px; padding: 1px; background: #efefef; border: 1px solid #333; color: #fff; font-size: 14px; font-weight: bold; }
	.adopt div.status, .courtesy div.status	{ width: 165px; background: #333; padding: 2px 0; color: #fff; font-weight: bold; font-size: 12px; text-align: center; }
	.adopt h1, .courtesy h1	{ background: #68D956; margin: 0; height: 25px; width: 165px; color: #fff; text-align: center; }
	.adopt h2, .courtesy h2	{ color: #ccc; font-size: 11px; }
	.adopt .stats, .courtesy .stats { width: 130px; padding: 10px; color: #000; font-size: 10px; }
	
	.adopt .icons, .courtesy .icons		{ height: 27px; width: 165px; margin: 0; background: #333; }
	.adopt .icons img { margin: 2px 0; }
	.adopt .sponsor, .courtesy .sponsor		{ width: 165px; padding: 5px 0; color: #000; }
	.adopt .sponsor img, .courtesy .sponsor img	{ margin: 2px; border: 1px solid #000; border-top: 0px; border-left: 0px; }
	.adopt ul li, .courtesy ul li		{ margin: 0 10px; list-style-image: url(../images/bullet_paw.gif); font-size: 10px; }	
	.adopt a:link, .adopt a:active, .courtesy a:active, .courtesy a:link  { color: #EBB986; text-decoration: none; }
	.adopt a:hover, .adopt a:visited, .courtesy a:hover, .courtesy a:visited { color: #E6A565; text-decoration: none; }

.more	{ text-align: right; }

#adoptable h1	{ padding-top: 20px; }
#adoptable #sidebar	{ width: 250px; }



.s_core		{ cursor: hand; float: left; margin: 0px 0px 0px 2px; width: 45px; height: 15px; background: #efefef; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #fff; border-left: 1px solid #fff; color:#006600; font-size: 9px; text-align: center; }	
.s_special 	{ cursor: hand; float: left; margin: 0px 0px 0px 2px; width: 45px; height: 15px; background: #efefef; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #fff; border-left: 1px solid #fff; color:#990000; font-size: 9px; text-align: center; }	
	
	
.date		{ color:#666666; display:block; float:left; padding-top:1px; width:70px; }

	
	
.testimonial, .membership		{ width: 510px; margin: 10px 10px 0 0; padding: 10px; background: #FDF9F4; border: 1px solid #F0D8BD; }

.need a:link, .need a:visited, .need a:active				{ color: #c33; text-decoration: none; }
	.need a:hover		{ color: #F3DCBE; }

.membership			{ height: 80px; }
	.membership a img	{ float: left; margin-right: 20px; }
	.membership h2		{ margin-top: 0; font-size: 14px; }
	.membership p		{ font-size: 11px; }	
	
.donation	{ float: left; width: 50px; height: 50px; margin: 5px; padding: 10px; background: #415D06; border: 1px solid #ccc; color: #fff; font-size: 18px; font-weight: bold; }	
	a:link.donation, a:visited.donation, a:active.donation	{ color: #fff; text-decoration: none; }
	a:hover.donation	{ color: #E6A565; }
	
.toy, .volunteer		{ float: left; height: 180px; width: 110px; margin: 5px; padding: 5px; border: 1px solid #ccc; font-size: 10px; }	
	.toy h1, .volunteer h1		{ margin-bottom: 5px; font-size: 12px;  }
	
#calendar				{ background: #f6f6f6; }
	#calendar th		{ padding: 5px; background: #666; border-bottom: 1px solid #ccc; color: #efefef; font-size: 12px; font-weight: bold; }
	#calendar td		{ vertical-align: top; padding: 5px; border-bottom: 1px dashed #000; }
#home #calendar			{ background: #F7E8D5 }
		
	
	
#popup					{ background: #E6A565; margin: 20px 0; }
	#popup #container	{ border-top: 10px solid #68920C; border-bottom: 10px solid #68920C; border-left: 1px solid #666;  }	
	#popup #container h1	{ margin-top: 20px; }
	#popup #sidebar		{ width: 250px; margin-top: -10px; }
	
#form					{  }
	#form table th		{ border-bottom: 1px solid #58762E; text-align: left; }
	#form table td		{ padding: 5px 0; }	

	
.left	{ float: left; margin: 5px 10px 5px 0; }
.right	{ float: right; margin: 5px 0 5px 10px; }	



.shelters, .happy, .team	{ margin: 10px 10px 10px 0; padding: 10px 0; border-top: 1px solid #ccc; clear: both; }
	.happy img		{ width: 150px; }
	.team			{ height: 200px; clear: right; }
	
.caption	{ color: #666; font-size: 9px; }	

.banner		{ width: 130px; height: 50px; margin: 5px 10px; padding: 7px 5px; border: 1px solid #313131; background: #ccc url(../images/site_masthead_bg2.jpg) no-repeat top; color: #990000; font-size: 12px; font-weight: bold; text-align: center; }
	.banner a	{ color: #990000; }

#donate		{ margin: 15px 0; }

table#news 	{  }
	table#news td	{ vertical-align: top; padding: 7px 5px; }
	
#disclaimer	{ font-size: 10px; }	

.apply		{ height: 30px; padding: 10px; color: #fff; font-weight: bold; text-align: center; }

#sidebar .slideshow	{ margin: 40px 0; background: #1D1D1D; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
	#sidebar .slideshow h1	{ background: #1D1D1D; margin-top: 0; }
	
table#foster-update td	{ padding: 10px 0; }	
table#foster-update th	{ padding: 5px; background: #297922; border: #000; color: #fff;  }
#foster-update .checkbox, #foster-update .radio	{ margin-left: 30px;  }	
table#foster-update textarea	{ width: 600px;  }
table#courtesy textarea	{ width: 500px;  }
table#adoption .textarea	{ width: 600px;  }
	
/*cafe press store*/
#container #container	{ width: 480px; margin-top: 2px; padding: 0; background: #fff; text-align: left; border-width: 0;  }
	
	
.paw			{ font-size: 11px; list-style-image: url('../images/bullet_paw.gif'); margin: 5px;  }
	.paw li		{ margin-left: -10px; }	
	
.snip, .shots, .shelter	{ float: left; margin: 0px 0px 0px 2px; width: 45px; height: 15px; background: #efefef; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #fff; border-left: 1px solid #fff; color: #000; font-size: 9px; }	

	.archive	{ height: 180px; width: 150px; font-size: 10px; float: left; margin: 5px 10px 5px 0; border: 1px solid #efefef; }
	.archive img	{ height: 150px; width: 150px; }


/*lightbox styles*/		
#lightbox		{ position: absolute; top: 20px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; color:#151410; }

#lightbox a, #lightbox a:hover	{ border-bottom:none; color:#151410; text-decoration:underline; }

#lightbox a img	{ border: none; }

#outerImageContainer	{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer	{ padding: 10px; }

#loading		{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#loadingLink 	{ display:block; margin:0 auto; padding:0; width:32px; height:32px; background:url(../images/loading.gif) center center no-repeat; text-indent:-9999px; }

#hoverNav		{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav	{ left: 0;}
#hoverNav a		{ outline: none;}

#prevLinkImg, #nextLinkImg { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; text-indent:-9999px; }
#prevLinkImg 	{ left: 0; float: left;}
#nextLinkImg 	{ right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer	{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }

#imageData		{ padding:0 10px; }
#imageDetails	{ width: 70%; float: left; text-align: left; }	
#caption		{ font-weight: bold;	}
#numberDisplay	{ display: block; clear: left; }			
#detailsNav		{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetails { margin:0 8px 0 0; }		
#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink 		{ display:block; margin:0; padding:0 0 10px 0; text-decoration:none; float:right; width:66px; height:28px; background:url(../images/closelabel.gif) no-repeat; text-indent:-9999px; overflow:hidden; }	
	
#overlay		{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #151410; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
	
.clearfix:after { content: ".";  display: block;  height: 0; clear: both;  visibility: hidden; }

* html>body .clearfix { display: inline-block; width: 100%; }

* html .clearfix 	{ /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */}	



/* Pet adoption toolkit */
table.grid			{ border: 1px solid #fff; }  
.grid .rgPetTableHeadSearch td { border: 0 solid; }
.rgPetTableHeadSearch table { float: right; margin: 0 25px;  }
	#ie_specific .rgPetTableHeadSearch table { float: right; margin: 0 15px; border: 0px;  }
	.rgPetTableHeadSearch table input	{ background: #efefef; border: 1px solid #999; font-size: 12px; }
	#rgPetsSearchTextrgPets 	{ padding: 5px; background: #efefef; }
	#rgSearchButtonrgPets, #rgSearchClearButtonrgPets 		{ padding: 4px; background: #90E881; }
	.grid .rgPetTableHeadSearch  { background: #ccc; border-bottom: 1px solid #666; }
.grid tbody td { border: 1px solid #fff; } 
.gridCell 	{ height: 120px; width: 110px; margin: 0 10px; padding: 10px; background: #cccccc; overflow: hidden; align: center; }
	#ie_specific .gridCell	{ padding: 20px; height: 120px; width: 100px; margin: 0; background: #cccccc; overflow: hidden; align: center; }
.petname	{ height: 20px; width: 130px; margin: 1px 20px; padding: 5px 0 3px; background: #39C025; font-family: arial; font-size: 14px; font-weight: bold; color: #fff; }
		#ie_specific .petname	{ width: 140px; height: 20px; margin: 1px; padding: 5px 0 3px; background: #39C025; font-family: arial; font-size: 14px; font-weight: bold; color: #fff;}
.petbreed	{ height: 50px; width: 118px; margin: 1px 20px; padding: 5px; background: #fff; border: 1px solid #ccc; font-family: arial; color: #000; }
		#ie_specific .petbreed	{ width: 130px; height: 50px; margin: 1px; padding: 5px; background: #fff; border: 1px solid #ccc; font-family: arial; color: #000; }