/********************* Tweed Valley Wildlife Carers Style Sheet created by 2Creative ****************************/

* {	margin: 0; padding: 0; }
body { font: 80%/1.4em Arial, Helvetica, sans-serif; background: #FFF url(images/tile.jpg) repeat-x left top; color: #3e281c;}
h1, h2, h3 { font: normal 28px Georgia, "Times New Roman", Times, serif; color: #3e281c; 
	font-style: italic; margin-bottom: 20px; }
h3 { font-size: 22px; margin-bottom: 10px; color: #A3BC60; }
h4 { font-size: 16px; margin-bottom: 5px; }
p { padding-bottom: 15px; }
img { border: none; }
a { color: #3e281c; text-decoration: underline; }
a:hover { text-decoration: none; }
ul { padding-left: 15px; margin-bottom: 15px; }

#wrapper { width: 970px; margin: 0 auto; }
	#header { height: 175px; background: url(images/header.jpg) no-repeat left top; }
	#content { }
		#leftContent { float: left; width: 285px; min-height: 325px; background: url(images/menu-bg.jpg) no-repeat left top; }
			#menu { font: normal 14px Georgia, "Times New Roman", Times, serif; }
				#menu ul { list-style: none; padding: 40px 0 0; }
				#menu li { display: block; width: 170px; border-bottom: 1px dotted #3E281C; padding: 0 0 7px 20px; background: url(images/bullet.jpg) no-repeat left top; margin-bottom: 8px; }
				#menu li a { color: #3E281C; text-decoration: none; }
				#menu li a:hover { color: #990000; text-decoration: none; }	
				#menu li a.thispage { color: #990000; }
				/* #menu li.submenu { font-size: 12px; margin-left: 37px; padding-left: 0; width: 152px; background: none; } */
				#menu li.submenu { font-size: 12px; width: 153px; padding-left: 37px; background: none; } 
				
			#enews { width: 211px; height: 143px; margin-top: 30px; background: url(images/enews-bg.jpg) no-repeat left top; padding: 15px 0 15px 30px; }	
				#enews p.heading { font: normal 22px Georgia, "Times New Roman", Times, serif; 
					color: #3e281c; margin-bottom: 15px; padding-bottom: 0; }	
				#enews p { width: 160px; color: #FFF; padding-bottom: 10px; }
				#enews p.pdflink { padding-left: 10px;  }
				#enews a { color: #FFF; } 			
				
		#mainContent { float: left; width: 438px; margin: 40px 30px 20px 0; }
		#mainContent li { list-style: square; padding-bottom: 5px; }
			.link-listing { margin-bottom: 20px; }
				.link-image { float: left; width: 200px; margin-right: 15px; }
				.link-text { float: left; width: 220px; }
			
			.animal-listing { margin-bottom: 20px; }
				.animal-image { float: left; width: 120px; margin-right: 15px; }
				.animal-image img { width: 120px; margin-bottom: 15px; } 
				.animal-text { float: left; width: 300px; }
				.animal-text h3 { font: 16px Arial, Helvetica, sans-serif; margin-bottom: 5px; font-weight: bold; font-style: normal;  } 
				.animal-text p { padding-bottom: 10px; } 
			
			#area-map p { padding-bottom: 5px; }
			#area-map img { padding-bottom: 20px; }
			
			#paypal { text-align: center; margin-bottom: 20px; } 
				
		
		#rightContent { float: left; width: 217px; margin-top: 40px; }
			#page-images img { margin-bottom: 10px; }
			#sidemenu { border-top: 1px dotted #666; padding-top: 10px; }
			.listing { padding-top: 10px; padding-bottom: 10px; }
			.listing p { font: normal 21px Georgia, "Times New Roman", Times, serif !important; 
				font: normal 20px Georgia, "Times New Roman", Times, serif;
				padding-bottom: 0; line-height: 1em; font-style: italic; }
				.listing-image { float: left; width: 84px; margin-right: 10px !important; margin-right: 5px; }
				.listing-text { float: left; width: 123px !important; width: 128px; }
				.learn-more { width: 123px !important; width: 128px; height: 45px; background: url(images/btn-bg-s.jpg) no-repeat left top; }
				.learn-more img { margin: 13px; } 
				
				
#footer { width: 100%; height: 83px; background: url(images/footer.jpg) repeat-x left top; padding-top: 30px; }
	#footer p { font: normal 28px Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #FFF; text-align: center; padding-bottom: 8px; }
	#footer a { color: #FFF; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }

/********************* MISC ****************************/	
.clearFloat { clear: both; height: 0; }
.separator { padding-top: 10px; border-bottom: 1px dotted #777; margin-bottom: 20px; }
.textBrown, .textBrownBold { color: #3e281c; }
.textGreen, .textGreenBold { color: #A3BC60; }
.textBrownBold, .textGreenBold, .textDarkGreenBold { font-weight: bold; }
.textRed { color: #990000; }
.textDarkGreen, .textDarkGreenBold { color: #006633; }
.hotline { font-size: 16px; }
.invisibleHeading {	display: none; }
.notice { font-size: 11px; font-style: italic; padding-bottom: 5px; }
.italic { font-style: italic; }
.warning { color: #990000; font-weight: bold; padding-bottom: 5px; }
.hidden { visibility: collapse; }
.comment-by { padding-bottom: 5px; font-weight: bold; color: #006633; }
.comment-date { font-style: italic; font-size: 11px; color: #A3BC60; }
.imageFloatedLeft { float: left; width: 120px; margin-right: 10px; margin-bottom: 10px; }
.imageFloatedRight { float: right; width: 120px; margin: 5px 0 10px 10px; border: 2px solid #777; }
#pagination { text-align: center; }
#comments { text-align: center; margin-bottom: 20px; }

/********************* FORMS ****************************/
#formContact {}
#formContact label { border: none; width: 150px; color: #666; }
#formContact input, #formContact textarea { 
	font: small Arial, Helvetica, sans-serif;
	font-size: 85%;	margin-bottom: 5px;	border: 1px solid #000;	padding: 2px; width: 180px;	color: #333; 
	border: 1px solid #CCC; }
#formContact .submitButton { height: 30px; cursor: pointer; color: #FFF; font-weight: bold; border: none; float: left;
	display: block;	margin-top: 10px; background: #9C0259; width: 70px; font-size: 12px; }
#formContact label, #formContact input, #formContact select, #formContact textarea { color: #000; 
	display: block;	width: 250px; float: left; margin-bottom: 10px;	border: 1px solid #666;	font-size: 100%; padding: 2px; }
#formContact input, #formContact select, #formContact textarea { border: 1px solid #666; }
#formContact label { text-align: left; width: 160px; padding-right: 5px; border: none; }
#formContact p { padding-top: 10px; padding-bottom: 5px; }
#formContact br { clear: left; }
#formContact .sendButton {	
	height: 30px; cursor: pointer; color: #FFF; font-weight: bold; border: none; float: left;
	display: block;	margin-top: 10px; background: #3e281c; width: 120px; }
#formContact .tinyInput { width: 30px; }
#formContact .smallInput { width: 100px; }
#formContact .mediumInput { width: 200px; }
#formContact .wideLabel { width: 280px; }
#formContact input.hidden {	display: none; }
#contactForm input.checkBox { width: 12px; height: 15px; padding: 0 5px 10px 0; border: none; }
#contactForm label.checkboxLabel { text-align: left; width: 100px; padding-left: 10px; }
#formContact input.radioButton { float: left; width: 15px; margin: 0 5px 0 0; border: none; }
#formContact .radioLabel { float: left; text-align: left; width: 200px; }
#formContact .radioYesNoLabel {	float: left; text-align: left; width: 50px;	padding-top: 5px; }
.calendar {	margin-top: -2px;	margin-right: 10px; }
.clickcal { font-size: 11px; }
.processButton { border: 1px solid #006633;	background: #006633; font-size: 12px; color: #FFF; width: 160px; cursor: pointer; }

/********************* TABLES ****************************/
.listTable { width: 100%; border: none; text-align: left; margin-bottom: 15px; }
td { padding: 2px; vertical-align: top; }
th { font-weight: normal; color: #CCFFFF; }