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

body { margin: 0; background: #E6A565 url(../images/bg.gif) 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 0; }

h1	{ margin-bottom: 20px; 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; }

li		{ margin-left: 20px; }

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; }	

	
#nav { position: relative; top: 0px; left: -20px; height: 25px; width: 760px; z-index: 50; }
	#nav li { position: relative; float: left; height: 25px; color: #fff; font-family: Book Antiqua; font-size: 16px; list-style: none; }
	#nav li a, #nav li div 	{ position: relative; height: 25px; padding-right: 16px; 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; }

#nav li ul li a:link, #nav li ul li a:visited	{ padding: 5px 0 5px 10px; width: 163px; display: block;  height: 100%; background: #AEBD59; border-left: 10px solid #6F9A0D; border-bottom: 1px solid #6F9A0D; color: #000; text-decoration: none; font: 11px arial, helvetica, sans-serif; text-align: left;}
* html #nav li ul li a:link, #nav li ul li a:visited { width: 153px; w\idth: 143px;}
#nav li ul li { position: relative; left: -40px; width: auto; height: auto;  }

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

#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 */
#header	{ height: 158px; width: 760px; background: #000 url(../images/masthead.jpg) no-repeat top left; border-right: 1px solid #C2A180; }

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

.adopt		{ float: left; height: 420px; width: 150px; margin: 10px 20px 10px 0; padding: 1px; background: #fff; border: 1px solid #333; color: #fff; font-size: 14px; font-weight: bold; }
.adopt2		{ float: left; margin: 10px 10px 10px 0; background: #f7f7f7; border: 1px solid #d3d3d3 }
	.adopt div.status	{ width: 150px; background: #858585; padding: 2px 0; color: #fff; font-weight: bold; font-size: 12px; text-align: center; }
	.adopt h1	{ background: #333; margin: 0; height: 25px; width: 150px; color: #fff; text-align: center; }
	.adopt h2	{ color: #666; font-size: 11px; }
	.adopt .icons		{ height: 30px; width: 150px; background: #333; }
	.adopt .icons img	{ float: left; margin: 4px 4px 0 0;}		

	.adopt2 .adopt				{ height: auto; }
	.adopt2 div.status	{ margin-top: 10px; background: #858585; padding: 2px 0; color: #990033; font-weight: bold; font-size: 14px; text-align: center; }
	#content .adopt2 p		{  margin: 10px; float: left; color: #000; font-size: 11px; font-weight: normal; }	

	.adopt .sponsor, .adopt2 .sponsor		{ width: 150px; padding: 10px 0; color: #000; }
	.adopt .sponsor img, .adopt2 .sponsor img	{ margin: 2px; border: 1px solid #000; border-top: 0px; border-left: 0px; }
	.adopt ul li, .adopt2 ul li				{ list-style-image: url(../images/bullet_paw.gif); font-size: 10px; }	
	.adopt a:link, .adopt a:active, .adopt2 a:link, .adopt2 a:active  { color: #EBB986; text-decoration: none; }
	.adopt a:hover, .adopt a:visited, .adopt2 a:hover, .adopt2 a:visited { color: #E6A565; text-decoration: none; }

#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; height: 380px; width: 200px; margin: 10px; padding: 10px; background: #fff; border: 1px solid #333; color: #000; font-size: 11px; }
.rainbow p		{ width: 180px }

#sidebar	{ float: right; width: 185px; margin: 0 0 10px 20px; padding: 15px 0 100px 0; background: #000 url(../images/sidebar_bg.jpg) no-repeat bottom right; color: #FBEEE1; line-height: 1.5; }
	
	#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; }	
	
	#sidebar .stats	{ width: 200px; margin: 20px 20px 10px 20px; padding: 5px; border: 1px solid #333; }

#subnav		{ width: 185px; margin: 0 0 10px; font-weight: bold; }
	#subnav ul	{ margin-left: 1px; background: #333; 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: #EFC69C; text-decoration: underline; }
	#subnav .tert	{ font-weight: normal; }

	
#footer		{ float: right; height: 25px; width: 100%; margin-top: 0px; padding: 0 20px 0 20px; background: #66900C url(../images/textnav.gif) repeat-x right; border-top: 1px solid #777; color: #fff; font-family: Book Antiqua; 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; }

#footer2	{ clear: both; height: 25px; width: 100%; background: url(../images/footer_bg.gif) repeat-x; }	


/* section specific styles */

#home .box	{ float: left; width: 240px; margin: 5px 0; background: #F3DCBE; border: 1px solid #F0D8BD; }
	#home .box h1, #home #welcome h1	{ padding: 2px 5px; margin: 0; background: #333; border-bottom: 2px solid #E6A565; color: #83B70B; }
	#home .box p, #home #welcome p	{ margin: 5px 10px; }
	
#home #welcome	{ float: left; width: 505px; margin: 0 10px 10px 0; background: #fff;  }	

#home #col		{ width: 230px; }


.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; }	

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

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

.banner		{ width: 130px; height: 50px; margin: 5px 10px; padding: 7px 5px; border: 1px solid #313131; background: #151515; font-size: 12px; font-weight: bold; text-align: center; }

#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: #68920C; border: #000; color: #fff;  }
#foster-update .checkbox, #foster-update .radio	{ margin-left: 30px;  }	
table#foster-update textarea	{ width: 500px;  }
	
/*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; }