/*

	Table of Contents

	I. GENERAL
	II. NAVIGATION MENUS
	III. STRUCTURE & TYPOGRAPHY
	IV. FORM ELEMENTS
	V. HEADINGS
	VI. LOG-IN / JOIN
	VII. ONE-OFF & MISC

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	background: #fff url('../images/bg.gif') center top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	height: 100%;
	width: 100%;
}

body#home { background-image: url('../images/bg-home.gif'); }

body#checkout { background-image: none; }

a {
	color: #a05a09;
	text-decoration: none;
		/* get rid of link outlines in firefox */
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}

.red, .tribal-red h1, tribal gatherings h1, .tribal-red h2, .tribal-gatherings h2 { color: #b32317; }
.blue, .big-thoughts h1, .big-thoughts h2 { color: #2c88b5; }
.yellow, .find-your-roots h1, .find-your-roots h2 { color: #d59f0f; }
.green, .natural-vs-not h1, .natural-vs-not h2 { color: #788e1d; }
.brown {color: #a54e00;}

a:hover {
	color: #666;
	text-decoration: underline;
}

a img { border: 0; }

.small { font-size: 90%; }

p, ul, ol { padding: 5px 0 10px 0; }
ul, ol { margin-left: 30px; }
#home ol { margin-left: 25px; }
#home ol li {
	margin: 0;
	padding: 0 0 5px 0;
	text-indent: 0;
}
#mainContent li { padding: 5px 0; }

.alignLeft {
	float: left;
	padding: 1px 7px 0 0;
}

.alignRight {
	float: right;
	padding: 1px 0 0 7px;
}

#mainContent table {
	margin: 5px 0 10px 0;
}

#mainContent table td {
	vertical-align: top;
	padding: 3px 5px;
}

/* -----------------------------------------------------------
		II. NAVIGATION MENUS
----------------------------------------------------------- */


#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

	#nav ul#topLevel {
		position: absolute;
		top: 18px;
		left: 125px;
	}

#nav a {
	display: block;
	width: 123px;
}

	#nav a.main {
		height: 119px;
		text-indent: -4440px;
	}

	#nav a.roots { background: url('../images/bg-nav_roots.gif') top no-repeat; }
	#nav a.natural { background: url('../images/bg-nav_natural.gif') top no-repeat; }
	#nav a.tribal { background: url('../images/play-the-game.gif') top no-repeat; }
	#nav a.thoughts { background: url('../images/bg-nav_thoughts.jpg') top no-repeat; }
	#nav a.store { background: url('../images/bg-nav_store.gif') top no-repeat; }

	#nav a.main:hover, 
	#roots #nav a.roots, 
	#natural #nav a.natural, 
	#tribal #nav a.tribal, 
	#thoughts #nav a.thoughts, 
	#store #nav a.store, 
	#amazon #nav a.store, 
	#forum #nav a.store { background-position: bottom; }

	#nav li li a, #nav li li li a {
		display: inline;
		padding: 0 12px;
		font-size: 11px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}

	#nav li li a:hover, #nav li li li a:hover { 
		color: #000; 
	}
	
	#nav li.selected a {
		color: #000000;
	}


#nav li { /* all list items */
	float: left;
	width: 123px; /* width needed or else Opera goes nuts */
	margin-right: 8px;
}

	#nav li li {
		margin-right: 0;
		width: auto;
	}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 901px;
	height: 30px;
	line-height: 30px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0;
}

	#nav li.roots ul { background: #d59f0f; }
	#nav li.natural ul { background: #778e1e; }
	#nav li.tribal ul { background: #b32317; }
	#nav li.thoughts ul { background: #2d88b5; }
	#nav li.store ul { background: #636467; }

#find-your-roots #nav li.roots ul, 
#natural-vs-not #nav li.natural ul, #blog #nav li.natural ul, 
#tribal-gatherings #nav li.tribal ul, 
#big-thoughts #nav li.thoughts ul, 
#store #nav li.store ul, 
#forum #nav li.store ul, 
#amazon #nav li.store ul, 
#cart #nav li.store ul, 
#checkout #nav li.store ul, 
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: -124px; }

#nav li:hover, #nav li.hover { position: static; } /* fixes IE7 sticky issue */

/* sidebarNav */

#sidebarNav ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px #ccc solid;
	width: 226px;
	line-height: 1;
}

	#sidebarNav ul li ul {
		margin: 0;
		padding: 5px 0 0 0;
		list-style: none;
		border-bottom: 0;
		width: 100%;
	}

#sidebarNav ul li {
	background: url('../images/arrowSmall.gif') 0 4px no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

	#sidebarNav ul li ul li {
		background: url('../images/bg-dots.gif') 0 3px no-repeat;
		padding: 0 0 5px 11px;
		font-size: 11px;
		font-weight: normal;
	}

#sidebarNav li a {
	color: #000;
	font-style: italic;
	font-weight: bold;
	font-size: 90%;
}

#footer ul {
	margin: 0;
	padding: 0 0 0 170px;
	list-style: none;
	height: 10px;
}

#footer li {
	float: left;
	height: 10px;
}

#footer li a {
	padding-left: 9px;
	padding-right: 8px;
	border-right: 1px #888 solid;
	color: #666;
	text-decoration: none;
}

#footer li a:hover {
	color: #000;
	text-decoration: underline;
}

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap {
	margin: 0 auto;
	width: 902px;
}

	#header {
		padding-top: 20px;
		height: 112px;
	}

	#nav {
		position: relative;
		padding-top: 18px;
		padding-bottom: 8px;
		height: 144px;
	}

		#nav #join-login {
			position: absolute;
			top: 18px;
			right: 0;
			width: 118px;
			height: 115px;
			background: /*#d6d6cf*/ #c58752;
			border: 2px #a54e00 solid;
		}

			#join-login #links { height: 86px; }

				#join-login #links a.join, #join-login #links a.log-in {
					display: block;
					width: 58px;
					height: 86px;
					color: /*#636467*/ #000;
					border-bottom: 1px #fff solid;
					text-align: center;
					line-height: 86px;
					text-decoration: none;
				}

				#join-login #links a.join {
					float: left;
					width: 58px;
				}

				#join-login #links a.log-in {
					float: right;
					width: 59px;
					border-left: 1px #fff solid;
				}

				#join-login #links a.join:hover, #join-login #links a.log-in:hover {
					background: #a05a09;
					color: #fff;
				}

			#join-login #search {
				padding: 7px 0 0 6px;
				width: 115px;
			}

	#subHeader {
		background: url('../images/bg-subHeader_ancient-roots.jpg') no-repeat;
		height: 260px;
	}

	#content { min-height: 300px; }
	#home #content { min-height: 100px; }

		#thisweek {
			padding: 10px;
			font-size: 11px;
			width: 164px;
			height: 198px;
			overflow: auto;
		}

			#thisweek p {
				padding: 0 0 8px 0;
				margin-bottom: 7px;
				border-bottom: 1px #dbd9d5 solid;
				max-width: 164px;
			}

			#thisweek p.last {
				padding: 0 0 8px 0;
				margin-bottom: 0;
				border-bottom: 0;
			}

			#thisweek a {
				color: #000;
				text-decoration: none;
			}

			#thisweek a:hover { text-decoration: underline; }

		#adColumn {
			float: left;
			margin: 8px 8px 0 0;
			width: 120px;
		}

		#mainContent {
			float: left;
			padding: 0 20px 0 2px;
			width: 485px;
			font-size: 12px;
		}

			#checkout #content #mainContent, #cart #content #mainContent {
				width: 100%;
			}

			#store #content #mainContent {
				width: 692px;
			}

			#amazon #content #mainContent {
				width: 100%;
			}

			#landing-page #mainContent, #blog #mainContent, #content #mainContent {
				float: left;
				padding: 0 0 0 2px;
				width: 890px;
			}
			
				#content #mainContent #rightRail, #landing-page #mainContent #rightRail, #blog #mainContent #rightRail {
					background: transparent url(../images/bg-sidebar.gif) no-repeat scroll left top;
					display: inline;
					float: right;
					padding: 0 0 20px 27px;
					width: 250px;
				}

			.one-column #mainContent {
				float: right;
				width: 745px;
				margin: 0;
			}

			#no-ads #mainContent {
				width: 621px;
				
			}

			#forums #mainContent {
				width: 100%;
			}
			
			#content #mainContent .breadcrumbs {
				clear: both;
				padding-top: 20px;
				font-size: 90%;
			}

			#content #mainContent .breadcrumbs a {
				color: #000;
				text-decoration: none;
			}

			#content #mainContent .breadcrumbs a:hover { text-decoration: underline; }

		#sidebar {
			float: right;
			margin-top: 40px;
			padding: 0 0 20px 27px;
			width: 226px;
			background: url('../images/bg-sidebar.gif') top left no-repeat;
			min-height: 631px;
			font-size: 90%;
		}

			#store #content #sidebar {
				width: 150px;
				margin-top: 60px;
			}

			.quote {
				font-family: Georgia, serif;
				font-size: 12px;
				color: #333;
				background: #cdcdcd;
				border: 1px #bbb solid;
				padding: 0px;
				width: 250px;
			}
			
			.quote p {
				background: url(/images/quotes-grey.jpg) no-repeat 6px 10px;
				padding: 15px 20px;
			}


			.quote img {
				padding: 15px;
			}
			#content #sidebar #sidebarNav {
				padding-top: 30px;
			}

		#content .homeColumn {
			float: left;
			padding: 10px 5px 0 10px;
			width: 209px;
			border-top: 1px #dbd9d5 solid;
			border-right: 1px #dbd9d5 solid;
			font-size: 85%;
		}

			#content .homeColumn a {
				text-decoration: none;
				font-style: italic;
				font-size: 90%;
			}

			#content .homeColumn a:hover { text-decoration: underline; }

		#content .last {
			border-right: none;
			padding-right: 0;
			width: 217px;
		}

	#footer {
		clear: both;
		margin-top: 8px;
		padding: 20px 0 20px 0;
		background: url('../images/bg-footer.gif') top no-repeat;
		color: #666;
		font-size: 10px;
	}

#footerAd {
	text-align: center;
	padding: 10px 0;
}

/* -----------------------------------------------------------
		IV. FORM ELEMENTS
----------------------------------------------------------- */

#join-login #search .search {
	border: 1px #999 solid;
	margin: 0;
	padding: 0 26px 3px 2px;
	width: 76px;
	height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#join-login #search .go {
	position: absolute;
	top: 96px;
	left: 86px;
}

/* ajt 12/19/08 join form on tribal page */

form#join-form {
	display: inline;
	float: left;
}	

#join-form table td {
	padding-right: 0px;
	text-align: right;
}	

#join-form p, #join-form td.label  {
	text-align: right;
}

#join-form input {
	display: inline;
	width: 180px;
}	

#join-form #catwebformbutton {
	border: 0 none;
	background: transparent url(/images/join-now-button.png) no-repeat scroll;
	color: #eee;
	cursor: pointer;
	font-weight: bold;
	height: 22px;
	margin: 0;
	padding: 0 0 4px 0;
	width: 70px;
}

#join-reasons {
	display: inline;
	float: right;
	margin: 0 10px;
	padding: 0 15px;
	width: 200px;
}

#join-reasons ul {
	margin: 0;
}	

#join-reasons li {
	list-style-type: none;
}

/*end ajt 12/19/08 */
/* ajt shopping cart 12/22/08 */

div.cart-summary {
	background: #FFF none repeat scroll 0 0;
	border: 1px solid #DDD;
	margin-bottom: 10px;
	width: 150px;
}

div.cart-summary img.cart {
	display:inline;
	vertical-align: sub;
}

div.cart-summary h3 {
	display: inline;
	margin-top: 3px;
	padding: 3px;
}

table.cartSummaryTable { background: #FFF none repeat scroll 0 0; }

td.cartSummaryItem { padding: 10px; }

#checkout table.cartSummaryTable { background-color: transparent; }

#checkout td.cartSummaryItem { padding: 0 !important; }

div.charity {
	background: #FFF none repeat scroll 0 0;
	border: 1px solid #DDD;
	margin-bottom: 10px;
	width: 150px;
}

div.charity img {
	display: block;
	margin: 10px auto;
}

div.charity p {
	font-size: 11px;
	padding: 0 10px 10px;
}

/* end ajt 12/22/08 */

/* -----------------------------------------------------------
		V. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 5px 0 10px 0;
	margin: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

/* Use px on font sizes for headings to ensure cross-browser compatibility, especially with IE */

h1 { font-size: 26px; }

h2 { font-size: 25px; }

	#content .homeColumn h2 {
		background: url('../images/bg-h2.gif') 0 1px no-repeat;
		font-size: 14px;
		padding: 0 0 5px 18px;
	}

	#content .homeColumn h2 { font-weight: bold; }

	#thisweek h2 {
		width: 164px;
		font-size: 11px;
		padding: 0 0 5px 0;
		color: #61615d;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
	}

	#thisweek h2 a { color: #61615d; }

h3 { font-size: 16px; }

	#content #mainContent h3 {
		font-family: Georgia, "Times New Roman", Times, serif;
		padding-top: 0;
		font-weight: normal;
	}

h4 { font-size: 100%; }

	#checkout h4 {
		font-size: 16px;
	}


/* -----------------------------------------------------------
		VI. LOG-IN / JOIN
----------------------------------------------------------- */

.login div.secure-login, .login div.secure-lost-password {
	float: left;
	display: inline;
	padding: 0;
	width: 100%;
}

.login div.secure-lost-password h3, .login div.secure-login h2, .login div.secure-lost-password p {
	padding: 5px 0 0 9px;
}

.login div#join-now {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #F2F2F2;
	display: inline;
	float: right;
	margin: 10px 10px 0 0;
	padding: 15px;
}

#mainContent .login #join-now a, #mainContent .login #join-now a:hover {
	border: 0 none;
	background: transparent url(/images/join-now-button.png) no-repeat scroll;
	color: #eee;
	cursor: pointer;
	display: block;
	font-weight: bold;
	height: 22px;
	margin: 10px 0 0 0;
	padding: 2px 0 4px 0;
	text-align: center;
	width: 70px;
}



/* -----------------------------------------------------------
		VII. ONE-OFFs & MISC
---------------------------------------------------------- */

#mainContent table.guardian-tree, #mainContent table.find-your-roots, #mainContent table.us-state-trees {
	float: left;
	margin: 0px 0 10px;
	padding: 0px;
	width: 250px;
}

#mainContent table.guardian-tree td, #mainContent table.find-your-roots td, #mainContent table.us-state-trees td {
	padding: 0px;
	width: 250px;
}

#mainContent table.guardian-tree caption, #mainContent table.find-your-roots caption, #mainContent table.us-state-trees caption {
	font-size: 12px;
	text-align: left;
}

table.guardian-tree a img {
	border: 1px solid #fff;
	cursor: pointer; 
}

table.guardian-tree a img:hover {
	border: 1px solid;
}	


table.find-your-roots a img, table.us-state-trees a img {
	border: 1px solid #fff;
	cursor: pointer; 
}

table.find-your-roots a img:hover, table.us-state-trees a img:hover{
	border: 1px solid;
}	

/* -----------------------------------------------------------
		Recycling Table
----------------------------------------------------------- */

#at_recyc {
	font-size: 12px;
	text-align: left;
}

table#at_recyc {
	background: #f8f5f2;
	border: 1px solid #222;
	padding: 0px;
}

table#at_recyc thead tr td#title {
	background: url('/images/bg-table-header.gif') repeat-x;
	border-top: none;
	padding: 7px;
	text-align: center;
}

table#at_recyc thead tr td#title img.logo {
	float: left;
}

table#at_recyc thead tr td#title h4 {
	font-size: 16px;
	padding: 30px 0 0 0;
	margin: auto;
}

table#at_recyc thead tr td#title h3 {
	font-size: 26px;
	padding: 5px 0 0 0;
	margin: auto;
}

table#at_recyc th {
	font-family: Georgia, serif;
	padding: 5px 5px 5px 7px;
	vertical-align: top;
}

table#at_recyc tfoot tr td {
	font-size: 10px;
}

table#at_recyc td {
	border-top: 1px solid #333;
	padding: 7px 1px 7px 7px;
}

table#at_recyc tr.top-row th {
	background: url('/images/drop-shadow.gif') repeat-x;
	border-top: 1px solid #333;
	padding: 13px 1px 7px 7px;
}

table#at_recyc td.percent {
	padding-right: 5px;
	text-align: left;
}

#at_recyc ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#at_recyc li {
	margin: 0;
	padding: 0;
}

table#at_recyc td img.at_flag {
	float: left;
	height: 18px;
	margin: -2px 5px 0 0;
	padding: 0;
	width: 18px;
	vertical-align: middle;
}

/* -----------------------------------------------------------
		Blog
----------------------------------------------------------- */

#blog #mainContent .blog-container {
	display: inline;
	width: 600px;
}

#blog #mainContent .blog-container .post-list {
	position: relative;
	width: 590px;
}


#blog #mainContent .blog-container .post-list img.blog-header {
	float: right;
	/* margin: -55px 0 10px 0; */
	padding-bottom: 0px;
	position: absolute;
	top: -57px;
	right: 10px;

}

#blog #mainContent .blog-container .post-list p.blog-tagline {
}

#blog #mainContent .blog-container h1 {
	font-size: 26px;
	line-height: inherit;
	margin: 0;
	padding-top: 15px;
}	

#blog #mainContent  .blog-container p.description {
	margin: 0;
	font-style: italic;
}	

#blog #mainContent  .blog-container div.blog-excerpt p {
	width: 400px;
}

#blog #mainContent  .blog-container div.blog-excerpt img {
	background: #fff;
	border: 1px solid #bbb;
	display: inline;
	float: right;
	margin-left: 35px;
	margin-top: -36px; 
	padding: 1px;
}

#blog #mainContent  .blog-container div.links {
	clear: both;
	height: 0;
}

#blog #mainContent .blog-post {
	margin: 10px 0;
	padding: 7px 7px 7px 15px;
}

#mainContent  ul, #mainContent ol {
	margin: 0;
	list-style-position: outside;
}

#mainContent ul li, #mainContent ol li {
		margin-left: 15px;
}


#blog #mainContent.tribal-red .blog-post {
	background: #fff0ec;
	border: 2px solid #b32317;
}

#blog #mainContent.natural-vs-not .blog-post {
	background: #eef3d6;
	border: 2px solid #788e1d;
}

#blog #mainContent.find-your-roots .blog-post {
	background: #ffffdd;
	border: 2px solid #d59f0f;
}

#blog #mainContent.big-thoughts .blog-post {
	background: #e5eef6;
	border: 2px solid #2c88b5;;
}

.blog-post .post-body {
	margin: 0;
}

#blog #mainContent .blog-post h2.post-title {
	border-bottom: none;
	padding: 5px 0 10px 0;
	width: 420px;
}

#blog #mainContent .blog-post .post-body span.more {
	clear: both;
	color: #000;
	font-weight: bold;
	margin-top: 15px;
}

#blog #mainContent .blog-post .post-body span.more:hover {
	text-decoration: underline;
}

/* -----------------------------------------------------------
		Section Landing Pages
----------------------------------------------------------- */
.container {
	display: inline;
	float: left;	
	width: 600px;
}

#landing-page #mainContent div.overview {
	float: left;
	margin: 0 0 20px 0;
	width: 600px;
}

#landing-page #mainContent.natural-vs-not div.overview {
	background: url(/images/corn-gasoline.jpg) no-repeat bottom right;
}

#landing-page #mainContent div.overview h2 {
	clear: right;
	float: left;
	width: 400px;
}

#landing-page #mainContent div.overview p {
	float: left;
	padding: 0px 0 10px 0;
	width: 510px;
}

#landing-page #mainContent div.overview img {
	padding: 0;
	margin: 0;
}

#landing-page #mainContent hr {
	clear: both;
	float: left;
	height: 1px;
	padding: 0;
	width: 100%;
}

#landing-page #mainContent.natural-vs-not hr {
	background-color: #788e1d;
	border: #788e1d;
	color: #788e1d;
}

#landing-page #mainContent.find-your-roots hr {
	background-color: #D59F0F;
	border: #D59F0F;
	color: #D59F0F;
}

#landing-page #mainContent.big-thoughts hr {
	background-color: #2c88b5;
	border: #2c88b5;
	color: #2c88b5;
}

#landing-page #mainContent.tribal-gatherings hr {
	background-color: #b32317;
	border: #b32317;
	color: #b32317;
}

#landing-page #mainContent div.section {
	clear: both;
	float: left;
	margin: 0 0 15px 0;
	width: 550px;
}

#landing-page #mainContent div.section img.section-thumbnail {
	border: 1px solid;
	clear: left;
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}

#landing-page #mainContent div.section h3.section-title {
	font-weight: bold;
}

#landing-page #mainContent.natural-vs-not div.section h3.section-title {
	padding: 7px 0 0 0;
}

#landing-page #mainContent.find-your-roots div.section h3.section-title,
#landing-page #mainContent.big-thoughts div.section h3.section-title,
#landing-page #mainContent.tribal-gatherings div.section h3.section-title {
	padding: 10px 0 0 0;
}

#landing-page #mainContent div.section p.section-description {
	float: left;
}

#landing-page #mainContent.natural-vs-not div.section p.section-description {
		width: 430px;
}

#landing-page #mainContent.find-your-roots div.section p.section-description, 
#landing-page #mainContent.big-thoughts div.section p.section-description,
#landing-page #mainContent.tribal-gatherings div.section p.section-description {
		width: 350px;
}



#mainContent  div.tips-library {
	border: 1px solid #788e1d;
	background: #788e1d;
	clear: both;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
}

#mainContent  div.tips-library h3 {
	border-bottom: 1px solid;
	color: #fff;
	font-weight: bold;
	padding: 5px 0 2px;
}

#mainContent div.tips-library a {
	color: #fff;
	font-size: 12px;
}

#mainContent div.tips-library table {
	margin: 0 auto;
	padding: 15px;
}

#mainContent div.tips-library table td {
	padding: 5px 10px;
}

#mainContent #rightRail div.tips-library table {
	padding: 0;
}

/* -----------------------------------------------------------
		STORE POPUP
----------------------------------------------------------- */

#ibox span#msg {
}

.ibox_wrapper {
	background: #f6f4ef;
	padding: 30px 20px 0;
	margin: 0;
	border: 2px solid #666;
	text-align: center;
	font-size: 14px;
	color: #888;
	width: 400px !important;
}

.ibox_wrapper p { padding: 10px 0 15px; }

.ibox_wrapper img { vertical-align: middle; }

/* -----------------------------------------------------------
		STORE
----------------------------------------------------------- */

div.shippingCountryDiv {
	margin-bottom: 10px;
}

div.shippingDiv {
	margin-bottom: 10px;
}

div.shippingPostcodeDiv {
	margin-bottom: 10px;
}

div.shippingCalc input {
	margin: 5px;

}

#ShippingInstructions {
	height: 60px;
}

/* -----------------------------------------------------------
		CONTENT SLIDER
		
		http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
----------------------------------------------------------- */

span#prevBtn, span#nextBtn {
	background: #aaa url(/images/light-grey-gradient-40px.jpg) repeat scroll 0 0;
	border: 1px #898989 solid;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 5px;
}

span#prevBtn {
	float: left;
}

span#nextBtn {
	float: right;
}		

span#prevBtn a, span#nextBtn a {
	color: #fff;
}

#mainContent #slider {
	margin: 15px auto;
}

#blog #mainContent #slider ul, #blog #mainContent  #slider li {
	padding:0;
	list-style:none;
	margin: 0;
}

#slider, #slider li { 
	width: 550px;
	overflow: hidden; 
	}

#slider li img {
	float: left;
}

#slider li div.slide-content {
	float: left;
	padding-left: 10px;
	position: relative;
	width: 160px;
}

#slider li div.slide-content div.month {
	background: #444 url(/images/grey-gradient-80px.jpg);	
	border: 1px solid #999;
	padding: 5px 0;
	width: 158px;
}

#slider li div.slide-content div.ogham {
	position: relative;
}

#slider li div.slide-content div.month  p {
	color: #fff;
	font-size: 10px;
	text-align: center;
	width: 100%;
}

#content #slider li div.slide-content h3 {
	clear: left;
	float: left;
	font-family: Arial, sans-serif;
	padding: 0;
}

#content #slider li div.slide-content div.month h3.month {
	clear: none;
	color: #fff;
	font-size: 15px;
	text-align: center;
	width: 100%;
}

#content #slider li div.slide-content h3.tree {
	color: #aa4402;
	font-size: 26px;
	font-weight: bold;	
	padding-top: 15px;
	text-align: center;
	width: 100%;
}

#slider li div.slide-content p {
	clear: left;
	float: left;
	padding: 3px 0;
}

#slider div.slide-content p.tree-meaning {
	color: #444;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

#slider div.slide-content p.blurb {
	padding-top: 10px;
}

#slider div.slide-content img.ogham {
	position: absolute;
	right: 0px;
	top: 5px;
}

#mainContent #slider table  {
	border-spacing: 0px;
	margin: 0;
	padding: 0;
}

#mainContent  #slider table td {
	margin: 0;
	padding: 0 1px 0 0;
	width: 180px;
}

#mainContent  #slider table td p {
	font-size: 11px;
	padding: 5px 7px 0 0;
}

/* -----------------------------------------------------------
		TOUR GUIDE SLIDER
		
		http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
----------------------------------------------------------- */


#slider #tour li {
	background: transparent;
	padding: 0;
	margin: 0 0 0;
}

#slider #tour li img {
	float: none;
}

#slider #tour li p {
	margin: 0;
	padding: 0;
}

#slider #tour li td {
	width: auto;
}

#slider #tour li div.border {
	background: #fff;
	border: 1px solid #888;
	margin: 10px 20px;
	padding: 10px;
}

/* -----------------------------------------------------------
	Meet Boris / Meet Buzz divs
----------------------------------------------------------- */

#meet {
	border: 1px solid #888; 
	padding: 10px; 
	background: #fff none repeat scroll 0% 0%;
}

#meet img {
	float: right;
	margin: 5px; 
}

/* -----------------------------------------------------------
	FORUMS
----------------------------------------------------------- */
.forum-container h1 a {
	color: #b32317;
}

#mainContent table.forum {
	margin: 0;
}

#mainContent table.forum td {
	padding: 9px;
}

#content #mainContent table.forum td.name {
	width: 275px;
}

#content #mainContent table.forum td div.forum-name h3 {
	padding: 5px 0;
}

#mainContent table.forum td div.forum-name h3 a {
	color: #b32317;
	display: block;
	margin-left: 60px;
}

mainContent table.forum td div.forum-name h3 a:hover {
	text-decoration: underline;
}

#mainContent table.forum td div.forum {
	margin: 0;
}


#mainContent table.forum div.forum img {
/*	border: 1px solid #b32317;  */
	float: left;
	height: 50px;
	margin-right: 10px;
	margin-top: -25px;
	width: 50px;
}

#mainContent table.forum div.forum p {
	margin-left: 60px;
	padding: 0;
}
/* -----------------------------------------------------------
		CLEARFIX
----------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
