/* ---------->>> GLOBAL <<<-----------*/

* { margin: 0; padding: 0;}
html, body { margin: 0; padding: 0;}

body {
	background-color: #999; margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C69635;
	font-size: 13px;
}

h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, li, ol, dl, fieldset, address { 
	padding:0;
	margin:0; 
	}
li, dd { margin-left:5%; padding: 0; }
fieldset { padding: .5em; }

img { border: 0; }

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

/* ---------->>> DIVS <<<-----------*/


#wrapper {
	width: 759px;
	background-color: #fff;
	margin: 0 auto;
	padding: 18px;
	}

#header { 
	margin: 0 auto;
	height: 76px;
	margin-bottom: 10px;
	background: url(banners/banner.jpg) top right;
	}	

#container { 
	width: 760px;
	margin: 0 auto;
   /*Min-Height Hack*/
 	min-height:408px;
 	height: auto !important;
 	height: 408px;
	}	

	
#photo {
	display: inline;
	width: 390px;
	float: left;
	margin-top: 10px;
	}

#content{
	width: 311px;
	float: left;
	padding-left: 20px;
	padding-right: 38px;
	}	

#nocol { 
width: 711px;
margin: 0 auto;
}	
	
#footer {

	}

/* ---------->>> STYLE <<<-----------*/

h1 { }

	#header h1 {
	height:76px; /* height of logo */
	width:164px; /* width of logo */
	background: url(wt_logo.gif) top left no-repeat;
	text-indent:-9000px;
	float: left;
	}
	
	#content h2, #nocol h2 { 
	font-family: "Georgia", Georgia, serif;
	font-size: 20px;
	color: #583A32;
	font-weight: normal;
	padding-bottom: 20px;
	}
	
	
	/* graphical page headers using css image replace */
	h1.about { height:48px; width:311px; background: url(headers/about2.gif) top left no-repeat; text-indent:-9000px; }
	h1.team { height:48px; width:311px; background: url(headers/team.gif) top left no-repeat; text-indent:-9000px; }
	h1.faq { height:48px; width:311px; background: url(headers/faq.gif) top left no-repeat; text-indent:-9000px; }
	h1.products { height:48px; width:311px; background: url(headers/products.gif) top left no-repeat; text-indent:-9000px; }
	h1.product1 { height:48px; width:456px; background: url(headers/product1.gif) top left no-repeat; text-indent:-9000px; }
	h1.product2 { height:48px; width:456px; background: url(headers/product2.gif) top left no-repeat; text-indent:-9000px; }
	h1.product3 { height:48px; width:456px; background: url(headers/product3.gif) top left no-repeat; text-indent:-9000px; }
	h1.product4 { height:48px; width:456px; background: url(headers/product4.gif) top left no-repeat; text-indent:-9000px; }
	h1.product5 { height:48px; width:456px; background: url(headers/product5.gif) top left no-repeat; text-indent:-9000px; }
	h1.product6 { height:48px; width:456px; background: url(headers/product6.gif) top left no-repeat; text-indent:-9000px; }
	h1.product7 { height:48px; width:456px; background: url(headers/product7.gif) top left no-repeat; text-indent:-9000px; }
	h1.product8 { height:48px; width:456px; background: url(headers/product8.gif) top left no-repeat; text-indent:-9000px; }
	h1.product9 { height:48px; width:456px; background: url(headers/product9.gif) top left no-repeat; text-indent:-9000px; }
	h1.product10 { height:48px; width:456px; background: url(headers/product10.gif) top left no-repeat; text-indent:-9000px; }
	h1.product11 { height:48px; width:456px; background: url(headers/product11.gif) top left no-repeat; text-indent:-9000px; }
	h1.product12 { height:48px; width:456px; background: url(headers/product12.gif) top left no-repeat; text-indent:-9000px; }
	h1.product13 { height:48px; width:456px; background: url(headers/product13.gif) top left no-repeat; text-indent:-9000px; }
	h1.product14 { height:48px; width:456px; background: url(headers/product14.gif) top left no-repeat; text-indent:-9000px; }
	h1.community { height:48px; width:311px; background: url(headers/posse.gif) top left no-repeat; text-indent:-9000px; }
	h1.vet { height:48px; width:311px; background: url(headers/askthevet.gif) top left no-repeat; text-indent:-9000px; }
	h1.testimonials { height:48px; width:311px; background: url(headers/testimonials.gif) top left no-repeat; text-indent:-9000px; }
	h1.news { height:48px; width:311px; background: url(headers/news.gif) top left no-repeat; text-indent:-9000px; }
	h1.events { height:48px; width:311px; background: url(headers/events.gif) top left no-repeat; text-indent:-9000px; }
	h1.photos { height:48px; width:311px; background: url(headers/photos.gif) top left no-repeat; text-indent:-9000px; }
	h1.store { height:48px; width:311px; background: url(headers/stores.gif) top left no-repeat; text-indent:-9000px; }
	h1.resources { height:48px; width:311px; background: url(headers/resources.gif) top left no-repeat; text-indent:-9000px; }
	h1.contact { height:48px; width:311px; background: url(headers/contact.gif) top left no-repeat; text-indent:-9000px; }
	h1.join { height:48px; width:311px; background: url(headers/join.gif) top left no-repeat; text-indent:-9000px; }
	h1.thanks { height:48px; width:311px; background: url(headers/thanks.gif) top left no-repeat; text-indent:-9000px; }
	h1.unsub { height:48px; width:311px; background: url(headers/unsubscribe.gif) top left no-repeat; text-indent:-9000px; }
	
p { }
	#content p, #nocol p { 
	line-height: 22px;
	padding-bottom: 20px;
	}
	
	p#to_top {
	margin: 0; padding: 0;
	background: url(top_icon.gif) center left no-repeat;
	font-size: .8em;
	text-align: left;
	padding-left: 20px;
	margin-bottom: 5px;
	margin-right: 70px;
	}
	
	p.joinhome { text-align: left; margin-top: 10px; color: #666; font-size: 14px;}
	.joinhome a { color: #A23128; }
	.joinhome a:hover { color: #666; }
ul { }
	#content ul, #nocol ul { 
	line-height: 22px;
	padding-bottom: 20px;
	}	


a { }
	#header h1 a {
	display:block;
	width:100%;
	height:98%;
	outline:none;
	}
	
	#to_top a { color: #A23128; text-decoration: none; }

img { }
	img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto 
    }	
    
    #photo img { margin-bottom: 30px;}
    
    #nocol img { margin-bottom: 20px;}
    
    img.burst { float: left; margin-top: -30px;}
    #contact img.burst { margin-top: -30px; margin-left: -10px;}
    #faq img.burst { float: right; margin-left: -20px; margin-top: -30px;}
   
hr { }
	#nocol hr { display: block; border: 1px solid #B2AEAB; margin: 20px 0; clear: both;}

/* ---------->>> Right Column Images <<<-----------*/


#about #photo, #team #photo, #faq #photo, #community #photo, #news #photo, #store #photo, #resources #photo, #contact #photo, #join #photo, #thanks #photo  { 
	background: url(../images/placeholder.jpg) top left no-repeat;
	width: 390px; 
	height: 385px;
	}
	
#about #photo {
	background: url(../images/about.jpg) top left no-repeat;
	}
	
#team #photo, #join #photo, #thanks #photo {
	background: url(../images/team.jpg) top left no-repeat;
	}
	
#faq #photo {
	background: url(../images/faq.jpg) top left no-repeat;
	}
	
#community #photo {
	background: url(../images/community.jpg) top left no-repeat;
	}

#news #photo {
	background: url(../images/news.jpg) top left no-repeat;
	}
	
#store #photo {
	background: url(../images/store.jpg) top left no-repeat;
	}	
	
#resources #photo {
	background: url(../images/meadow.jpg) top left no-repeat;
	}
	
#contact #photo {
	background: url(../images/contact.jpg) top left no-repeat;
	}
	
#testimonials #photo {
	background: url(../images/testimonials.jpg) top left no-repeat;
	}

/* ---------->>> TABLE TAGS <<<-----------*/

table.data, table.subscribe  {
	border-collapse: collapse;
	background-color: #F8EFC5;
	width: 100%;
	margin-bottom: 20px;
	color: #C69635;
}
 
table.subscribe  {
	background-color: #fff;
	width: 311px;
}
table.data th, , table.subscribe th {
	background-color: #FFE882;
	color: #000;
	text-align: left;
	padding: 5px;
	font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 8px 12px 4px 12px;
        /* background: #CAE8EA url(bg_header.jpg) no-repeat; */
        vertical-align:middle;
}

table.data th.title, table.subscribe th.title { background-color: #A13629; 
	color: #C69635;}

table.data tr, table.subscribe tr {
vertical-align: top;
}

table.data td, table.subscribe td {
	padding: 5px;
	border-top: 1px solid #fff;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 12px 6px 12px;
	color: #333;
}

table.subscribe td {
	padding: 5px;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

.event td { color: #A13629 !important;}


.tablebg { 
background: url(table_bg.jpg) top left no-repeat; 
height: 346px; width: 445px; 
}

.tablebg h2 { font-size: 16px !important; width: 350px; padding: 0; margin: 0; text-align: center; margin: 0 auto; padding-top: 30px; padding-bottom: 10px !important; }

table.feedchart { 
width: 345px;
margin: 0 auto;
border: 1px solid #B19A60;
border-collapse: collapse;
border: 4px dotted black;
}
	
table.feedchart td {
	padding: 3px 5px;
	font: normal 11px "Georgia", Georgia, serif;
	color: #333;
	}

td.first { }
td.second { }
td.third { background-color: #682800; text-align: center; color: #fff !important;}

.tablefooter { 
width: 350px; text-align: center; color: #682800;
font: normal 10px "Georgia", Georgia, sans-serif;
line-height: 12px !important;
margin: 0 auto;
margin-top: 10px;
}

/* ---------------MISC ELEMENTS ---------------*/

#prods {
	float: left;
	margin-top: 10px;
	width: 413px;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
}

#prods img { border: 0;}

#prods .item { float: left; width: 135px; margin-bottom: 10px; } 

.reg { height: 195px }
.tall { height: 215px; }

#preview{
	position:absolute;
	border:3px solid #583A32;
	background:#fff;
	padding:5px;
	display:none;
	text-align: center;
	color: #583A32;
	}


.title { color: #9B6E13; font-weight: bold; }

.clear { clear: both; background: none; }

.bio { width: 311px; }
.question { color: #9B6E13 !important; font-weight: bold; margin-bottom: 0 !important; }
.answer { margin-bottom: 0 !important; }
.a { font-weight: bold;}
.q { font-weight: bold;}