body

{

	background: url(../images/tile-body-bkgnd2.jpg) repeat-x top left #fff;

	margin: 0;

	padding: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



img

{

	border: none;

	margin: 0;

	padding: 0;

	line-height: 1px;

}

p { 

    text-align:justify;
    

}

h2 { color: #844029; }



h3

{

    color: #337D88;
	
	font-size:medium;
	
	border-bottom: dotted 2px #66CCCC;
	
	

}

h4 {
    font-size:small;
	color: #844029;
	border-bottom: inset 1px #844029;
}



a 

{

    color: #A14E30;
	text-decoration: none;
	
    
	
}



a:hover

{

    color: #337D88;
	
	text-decoration: underline;

}



/*.paw-li

{

    list-style-image:url(../images/paw.gif);
	
	font-size: smaller;
	
	margin-bottom: 5px;
	
}*/

ul {
 list-style-type: none;
 padding-left:0;
 margin-left:15px;
 margin-right:15px;
 margin-bottom:0px;
 margin-top:24px;
}

li.paw-li {
	color:#000000;
	font-family:arial;
	font-size:9pt;
	padding-top:0px;
	padding-left:25px;
	padding-bottom:10px;
	background-image: url(../images/paw.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
}

ul.paw-ul {
	color:#000000;
	font-family:arial;
	font-size:9pt;
	padding-top:0px;
	padding-left:25px;
	padding-bottom:10px;
	background-image: url(../images/paw.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
}



li.empty {
	color:#000000;
	font-family:arial;
	font-size:9pt;
	padding-top:0px;
	padding-left:25px;
	padding-bottom:10px;
	background-image: none;
}





#container

{

	background: url(../images/tile-body-bkgnd.jpg) repeat-x top left #fff;

	width: 940px;

	margin: 0 auto;

}



/*===== coding for left column =====*/

#info

{

	width: 240px;

	margin: 0 0 0 11px;

	padding: 0;

	float: left;

	display: inline; /* IE margin fix */

}



#info p

{

	background: url(../images/address-bckgrnd-img.jpg) no-repeat top center;

	text-align: center;

	margin: 0;

	padding: 10px 0 10px 0;

	font-size: 13px;

}

/*===== end coding for left column =====*/





/*===== coding for right column =====*/

#content

{

	width: 689px;

	margin: 0;

	padding: 0;

	float: right;

}



/* main nav coding */



#content #main-nav

{

	width: 689px;

	height: 42px;

	margin: 0 0 6px 0;

	padding: 0;

}



#content #main-nav ul

{

	margin: 0;

	padding: 0;

	list-style: none;

	width: 689px;

	float: left;

}



#content #main-nav ul li

{

	float:left;

}



#content #main-nav a

{	

	display: block;

	font-size: 11px;

	height: 26px;

	padding-top: 16px;

	color: #fff;

	text-decoration: none;

	text-align: center;

}



#content #main-nav ul .about a

{

	width: 148px; 

	background: url(../images/aboutShelter-nav-img.jpg) no-repeat top left;

}




#content #main-nav ul .adoption a

{

	width: 92px; 

	background: url(../images/adoption-nav-img.jpg) no-repeat top left;

}



#content #main-nav ul .education a

{

	width: 102px; 

	background: url(../images/education-nav-img.jpg) no-repeat top left;

}



#content #main-nav ul .resources a

{

	width: 105px; 

	background: url(../images/resources-nav-img.jpg) no-repeat top left;

}



#content #main-nav ul .success-stories a

{

	width: 142px; 

	background: url(../images/successStories-nav-img.jpg) no-repeat top left;

}



#content #main-nav ul .contact a

{

	width: 100px; 

	background: url(../images/contact-us-img.jpg) no-repeat top left;

}



#content #main-nav ul a:hover

{

	background-position: bottom left;

}



/* =============== */



#content #banner-img

{

	width: 689px;

	height: 250px;

	margin: 0 0 7px 0;

}



/* sub nav coding */



#content #sub-nav

{

	width: 689px;

	height: 80px;

	margin: 0;

	padding: 0;	

}



#content #sub-nav ul

{

	margin: 0;

	padding: 0;

	list-style: none;

	width: 689px;

	float: left;

	

}



#content #sub-nav ul li

{

	float:left;

	margin-left: 0;

	display: inline;

}



#content #sub-nav a

{

	display: block;

	height: 60px;

	padding:20px 0 0 70px;

	color: #fff;

	text-decoration: none;

	font-size: 13px;

}



#content #sub-nav ul .donate a

{

	width: 88px; /* orig 158px */

	background: url(../images/make-donation-btn.jpg) no-repeat top left;

}



#content #sub-nav ul .emergency a

{

	width: 110px; /* orig 180px */

	background: url(../images/emergency-info-btn.jpg) no-repeat top left;

}



#content #sub-nav ul .volunteer a

{

	width: 120px; /* orig 190px */

	background: url(../images/volunteer-ops-btn.jpg) no-repeat top left;

}



#content #sub-nav ul .calendar a

{

	width: 88px; /* orig 158px */

	background: url(../images/homepage-btn.jpg) no-repeat top left;

}



#content #sub-nav ul a:hover

{

	background-position: bottom left;

}



/* ============== */



#content #main-content

{

	width: 659px;

	margin: 0;

	padding: 18px 15px 15px 15px;

}



#content #main-content h2

{

	margin: 8px 0 0 0;

	padding: 0;

	font-size: 16px;

}



#content #main-content p

{

	font-size: 13px;

	line-height: 18px;

}



#content #main-content #monthly-pet

{

	margin: 0 0 0 5px;

	padding: 0;

	float: right;

}







/*===== end coding for right column =====*/





/*===== coding for footer =====*/

#footer

{

	width: inherit;

	height: 50px;

	clear: both;

	text-align: center;

	background: url(../images/footer-bckgrnd-image.jpg) no-repeat top center;

	padding-top: 50px;

	font-size: 11px;

}

/*===== end coding for footer =====*/


/*====== float image to the left ====== */

.floatLeft {
    float:left;
    padding-right: 5px;
	padding-bottom: 5px;
}

.floatRight {
    float:right;
    padding-left: 15px;
}

#homeImgText {
    width:300px;
    font-size: x-small;
    float:right;	
}

.pdf-icon {
    vertical-align: bottom;
	padding-right:6px;
}