@charset "UTF-8";
/* 
CSS Document 

Basic Style Sheet (for version 4 browsers)
version: 1.1
author: Kyle Gallant
email: gallant.kyle@gmail.com
website: http://www.kylegallant.com/

*/

/* the basics */

html, body, #wrapper { 
	height: 100%; 
}


body > #wrapper { 
	height: auto; min-height: 100%; 
}

body {
	margin: 0px;
	padding: 0px;
	background: url(../_images/top_pattern3.jpg) left top repeat-x #d1ebc8;
	font-family: 'Bookman Old Style', Georgia, serif;
	font-size: 11pt;
	line-height: 16pt;

}

.certified {
	margin-top: 60px;
}


#mainContent {
	padding-bottom: 200px;

}

#content {
	clear:both;
}

#titleBand {
	height: 52px;
	margin-bottom: 30px;
}


/* sweet wonderful typography */

h1 {
	font-size: 36px;
	text-indent: -9999px;
}

h2 {
	font-size: 22px;
	margin-bottom: 15px;
}

h3 {
	text-align: left;
        padding-bottom: 5px;
        color: #0b4411
}

.nutrition {
	height: 33px;
	width: 267px;
	background: url(../_images/nutrition.png) no-repeat;
	display: block;
	text-indent: -9999px;
}

.behaviour {
	height: 33px;
	width: 236px;
	background: url(../_images/behaviour.png) no-repeat;
	display: block;
	text-indent: -9999px;
}

.events {
	height: 33px;
	width: 264px;
	background: url(../_images/events.png) no-repeat;
	display: block;
	text-indent: -9999px;
}


.allerg {
	height: 43px;
	width: 345px;
	background: url(../_images/allergyheader.png) no-repeat;
	display: block;
	text-indent: -9999px;
	margin-bottom: 20px;
}


#postitOne, #postitTwo {
	font-size: 10pt;
}

#postitOne h3 {
	font-size: 16px;
	margin-bottom: 15px;
	padding-left: 20px;
	padding-right: 25px;
}

#postitTwo h3 {
	font-size: 16px;
	margin-bottom: 15px;
	padding-left: 20px;
	padding-right: 25px;

}

#postitOne p {
	padding: 0 20px 0 20px;

}

#postitTwo p {
	padding: 0 20px 0 20px;
}

#tipLong h3 {
	font-size: 16px;
	margin: 25px 0 5px 0;
	padding-left: 18px;
	padding-right: 25px;
}

#tipLong p {
	padding: 0 20px 0 20px;

}

h4 {
	font-size: 20px;
	margin: 40px 0 10px 0;
}

p { 
	 padding-right: 10px;
	 margin-bottom: 15px;
	 text-align: left;

}
	

a { 
	text-decoration: none;
	color: #006666;
}

a:visited {
	color: #007a00; 
}

a:hover {
	text-decoration: underline;
	color: #003300; 

}



ul {
	text-align: left;
	padding-left: 35px;
	padding-right: 35px;
	margin-bottom: 15px;
	list-style-type: disc;
}

li {
	margin-bottom: 2px;
}

ol {
	text-align: left;
	padding-left: 20px;
	margin-bottom: 15px;
	list-style-type: decimal;
}

.train {
	text-indent: -9999px;
	background: url(../_images/training.png) no-repeat top left;
	display: block;
	height: 51px;
	width: 400px;
	margin-bottom: 20px;
}

.about {
	text-indent: -9999px;
	background: url(../_images/about.png) no-repeat top left;
	display: block;
	height: 51px;
	width: 394px;
	margin-bottom: 20px;
}

.customers {
	text-indent: -9999px;
	background: url(../_images/ref.png) no-repeat top left;
	display: block;
	height: 51px;
	width: 461px;
	margin-bottom: 20px;
}

.tips {
	text-indent: -9999px;
	background: url(../_images/tips.png) no-repeat top left;
	display: block;
	height: 45px;
	width: 291px;
	margin-bottom: 20px;
}

.rescue {
	text-indent: -9999px;
	background: url(../_images/rescue.png) no-repeat top left;
	display: block;
	height: 51px;
	width: 402px;
	margin-bottom: 20px;

}

.counselling {
	text-indent: -9999px;
	background: url(../_images/counselling.png) no-repeat top left;
	display: block;
	height: 43px;
	width: 436px;
	margin-bottom: 20px;

}

.event {
	text-indent: -9999px;
	background: url(../_images/event.png) no-repeat top left;
	display: block;
	height: 43px;
	width: 337px;
	margin-bottom: 20px;
}

.contact {
	text-indent: -9999px;
	background: url(../_images/contact.png) no-repeat top left;
	display: block;
	height: 42px;
	width: 435px;
	margin-bottom: 20px;
}

#alergyList li {
	padding-bottom: 25px;
	margin-left: 0;
	padding-left: 0;
}

/*current page link stuff*/

body#home a#homenav,
body#aboutus a#aboutus,
body#tidbits a#tidbits,
body#rescueLinks a#rescueLinks,
body#allergies a#allergies,
body#behave a#behave,
body#nutri a#nutri,
body#events a#events,
body#contactUs a#contactUs {

	border-top: 2px solid #006666;
	border-bottom: 2px solid #006666;
	color: #006666;
	text-decoration: none:


}

.eventBox { 
border: 1px solid #0b4411; 
margin-bottom: 40px; 
padding: 15px;
}



/* header stuff */

#header {
	background: url(../_images/header_4.png) no-repeat;	
	height: 260px;
	margin-top: 30px;
	position: relative;
	z-index: 2;
}

#social {
	text-align: right;
	margin: 150px 40px 0 0; 
}	

#social a {
	margin-right: 10px;
	
}



/* Column Stuff */

#firstColumn {
	margin-bottom: 60px;
}

#secondColumn {
	margin-bottom: 80px;
	text-align: center;


}

#thirdColumn {
	margin-bottom: 80px;

}

#postitOne, #postitTwo  {
	position: relative;
	text-align:center;
	background: #fff9c0;
	padding-bottom: 20px;
}



#contact {
	padding: 20px 90px 40px 90px;	
	position: relative;
	background: #fff9c0;
	text-align: center;
}

#tipLong {
	padding: 40px;	
	position: relative;
	background: #fff9c0;
	text-align: center;

}


/* navigation */

#mainNav {
	background: url(../_images/nav_2.png) no-repeat;
	padding: 12px 0 0 0;
	margin: -1px 0 40px 0;
	width: 960px;
	height: 62px;
	position: relative;
	z-index: 1;
	text-align: center;
		
}

#mainNav ul { 
	text-align: center;
	padding: 0;
 
	
	}

#mainNav li { 	
	margin-right: 25px;
	display:inline; 
} 

#mainNav a {
	font-size: 12px;
	font-weight: bold;
	color: black;
	display: inline;
	text-decoration: none;
	letter-spacing: .07em;

}

#mainNav a:hover {
	border-top: 2px solid #003300;
	border-bottom: 2px solid #003300;
	color: #003300;
	text-decoration: none:

}


/* the footer */

#footerMain {
	height: 205px;
	margin-top: -205px;
	clear: both;
	position: relative;
	z-index:10;
	background: url(../_images/footer2.jpg) repeat-x top;
}



#footWrapper {
	text-align: center;
}

#footerWrapper ul { 
	text-align: center;
	padding: 50px 0 0 0;
	margin-bottom: 10px; 
	
	}

#footerWrapper li { 	
	margin-left: 20px;
	display:inline; 
} 

#footerWrapper a {	
	font-size: 13px;
	font-weight: bold; 
	color: black; 
	text-decoration:none 
}

#footerWrapper a:hover { 
	border-top: 2px solid #003300;
	border-bottom: 2px solid #003300;
	color: #003300;
	text-decoration: none:
}

#footerWrapper p {
	text-align: center;
	font-size: 14px;
	margin-bottom: 2px;
 
}

/* for imgs */

.main {
	margin: 35px 0 15px 0;
}

#postitOne img {
	margin: 20px 50px 20px 0;
	}

#postitTwo img {
	margin: 20px 50px 20px 0;
	}
	
#contact img {
	margin: 20px 50px 20px 0;
	}




/* The Rest  */

#refShadow1 {
	background: url(../_images/shadow.png) no-repeat bottom;
	padding-bottom: 19px;
	margin-bottom: 80px;
}

#refShadow2 {
	background: url(../_images/shadow.png) no-repeat bottom;
	padding-bottom: 19px;
	margin-bottom: 80px;
}


#shadowLong {
	background: url(../_images/shadowlong.png) no-repeat bottom;
	padding-bottom: 19px;
	margin-bottom: 80px;
}

#shadowNested {
	width: 460px;
	background: url(../_images/shadow.png) no-repeat bottom;
	padding-bottom: 19px;
	margin: 50px 0 40px 0;
}

#shadowShort {
	background: url(../_images/shadowshort.png) no-repeat bottom;
	padding-bottom: 19px;
	margin-bottom: 80px;

}


.info {
	text-align: right;
	font-size: 14pt;
	line-height: 20pt;
}

#itch {
	margin-left: 20px;
	margin-bottom: 40px;
}

#adspace {
	margin-bottom: 40px;
}

hr   {
    margin-top: 10px;
}