/*  Thanksgiving Coffee Co.  */


body {
	background: rgb(0,0,0);
	margin: 0;
	padding: 0 0 20px 0;
	font: normal 80% Times, serif;
	text-align: center;
}




h1 { display: none; }
h2 {
	width: 700px;
	height: 227px;
	margin: 0;
	border: 0;
	padding: 0;
	background: url(images/title.gif) no-repeat 0 0;
	}
h2 span { display: none; }
h3 {
	color: rgb(0,0,0);
	font: 24px/1.2em Times, serif;
	text-align: left;
	margin: 0 0 5px 0;
	border: 0;
	padding: 10px 0 0 0;
	}
h4 {
	color: rgb(0,0,0);
	font: 19px Times, serif;
	text-align: left;
	margin: 10px 0 7px 0;
	border-bottom: 0;
	padding: 0 0 0 0;
	}
h5 {
	color: rgb(0,0,0);
	font: 19px Times, serif;
	text-align: center;
	font-weight: normal;
	margin: 10px 0 10px 0;
	border: 0;
	padding: 0;
	}



a:link, a:visited { color: rgb(255,0,0); text-decoration: none; }
a:hover, a:active { border-bottom: 1px solid rgb(255,0,0); }

p { text-indent: 10px; margin: 0 0 8px 0; border: 0; padding: 0; }



/*  layouts  */

#containingdiv {
	position: relative;
	background: rgb(255,248,205);
	width: 700px;
	margin: 0 auto;
	border: 5px solid rgb(236,189,0);
	border-top: 0;
	padding: 0;
	text-align: left;
	}
#content {
	position: relative;
	background: rgb(255,248,205);
	width: 700px;
	margin: 0;
	border: 0;
	padding: 0;
	}
#leftbox {
	position: absolute;
	top: 10px;
	left: 9px;
	background: url(images/leftbox_top.jpg) no-repeat 0 0;
	float: left;
	width: 220px;
	margin: 0;
	border: 0;
	padding: 0;
	}
#rightbox {
	position: relative;
	width: 420px;
	margin: 0 0 40px 260px;
	border: 0;
	padding: 0;
	font: 1em/1.2em Times, serif;
	text-align: justify;
	}
#contentfooter {
	font: normal 1em/1.3em Times, serif;
	text-align: center;
	width: 100%;
	display: block;
	clear: left;
	margin: 0;
	border-top: 1px solid rgb(194,97,44);
	padding: 5px 0 0 0;
	}

#buybutton {
	position: absolute;
	top: 6px;
	right: 0px;
	margin: 0;
	border: 0;
	padding: 0;
	}


/*  top tcc site navigation bar  */

#topnavcontainer {
	width: 710px;
	background: url(images/topnav_background.gif) no-repeat bottom left;
	margin: 5px auto 0 auto;
	border: 0px solid white;
	padding: 15px 0 0 0;
	}
#topnav {
	margin: 0 0 0 30px;
	border: 0;
	padding: 3px 0 8px 0;
	font: bold .9em sans-serif;
	}
#topnav li {
	list-style: none;
	margin: 0;
	display: inline;
	}
#topnav li a {
	padding: 3px 0.5em;
	margin-left: 5px;
	border: 1px solid rgb(236,189,0);
	border-bottom: none;
	background: rgb(0,0,0);
	text-decoration: none;
	}
#topnav li a:link, #topnav li a:visited { color: rgb(236,189,0); }
#topnav li a:hover, #topnav li a:active { color: rgb(255,248,205); }



/*  left index:  */

#m_index {
	list-style-type: none;
	margin: 0 0 25px 4px;
	border: 0;
	padding: 12px 0 185px 20px;
	background: url(images/leftbox_bottom.gif) no-repeat bottom left;
	}
#m_index li {
	display: block;
	font: normal 16px/1em Times, serif;
	margin: 0 0 5px 0;
	border: 0;
	padding: 0;
	}
#m_index li#current { color: rgb(194,97,44); padding: 0 0 0 1px; }
#m_index li a:link, #m_index li a:visited { color: rgb(0,0,0); border: 1px solid rgb(255,248,205); }
#m_index li a:hover, #m_index li a:active { color: rgb(255,0,0); border-bottom: 1px solid rgb(255,0,0); }




img.pictureleft {
	float: left;
	clear: left;
	margin: 5px 10px 5px 2px;
	border: 1px solid rgb(255,0,0);
	padding: 0;
	}

img.pictureright {
	float: right;
	clear: right;
	margin: 5px 0 5px 10px;
	border: 1px solid rgb(255,0,0);
	padding: 0;
	}

img.floatright {
	float: right;
	clear: right;
	margin: 0 0 10px 10px;
	border: 0;
	padding: 0;
	}

.rightfloat {
	width: 150px;
	float: right;
	clear: right;
	margin: 5px 0 5px 10px;
	border: 1px solid rgb(255,0,0);
	padding: 5px 10px;
	line-height: 1.3em;
	}

.leftfloat {
	width: 150px;
	float: left;
	clear: left;
	margin: 5px 10px 5px 0;
	border: 1px solid rgb(255,0,0);
	padding: 0 10px;
	}

.datestamp {
	text-align: right;
	text-indent: 0;
	margin: 30px 0 0 0;
	border: 0;
	padding: 0;
	}

.datestamp span {
	width: 9em;
	color: rgb(194,97,44);
	font: .8em Helvetica, sans-serif;
	text-align: center;
	text-indent: 0;
	margin: 0;
	border-top: 1px dotted rgb(194,97,44);
	padding: 1px;
	}

.emph { font-weight: bold; }
.emph2 { font-style: italic; }
.emph3 { font-style: italic; font-weight: bold; }

.quote {
	text-align: justify;
	margin: 20px 0 20px 0;
	border: 0;
	padding: 0 20px 0 20px;
	}
.quote span.byline {
	display: block;
	text-align: right;
	margin: 5px 0 0 0;
	border: 0;
	padding: 0;
	}

.defaultpagelists {
	margin: 30px 0 0 0;
	border: 1px solid rgb(194,97,44);
	padding: 0 10px 10px 25px;
	}
.defaultpagelists ol {
	list-style: decimal outside;
	margin: 0;
	border: 0;
	padding: 0;
	}
.defaultpagelists ol li {
	text-indent: 0;
	margin: 5px 0 0 0;
	border-top: 1px dotted rgb(194,97,44);
	padding: 5px 0 0 0;
	}

#timelinebox {
	margin: 0;
	border: 1px solid rgb(194,97,44);
	padding: 0;
	}
table#timeline {
	margin: 0px 10px 20px 10px;
	border-collapse: separate;
	border: 0px solid rgb(194,97,44);
	padding: 15px 0 0 0;
	}
td.date {
	width: 5em;
	font: bold 1em Helvetica, sans-serif;
	color: rgb(194,97,44);
	vertical-align: top;
	text-align: right;
	margin: 0;
	border-top: 1px dotted rgb(194,97,44);
	padding: 0;
	}
td.info {
	border: 0;
	padding: 0 0 10px 10px;
	}


/*  photogallery  */

#gallery {
	text-align: center;
	margin: 15px 0 0 0;
	border: 0;
	padding: 0;
	}
#thumbnails { list-style-type: none; margin: 0; border: 0; padding: 0; }
#thumbnails li { display: inline; margin: 0; border: 0; padding: 0; }
#thumbnails li a:link, #thumbnails li a:visited, #thumbnails li a:hover, #thumbnails li a:active {
	margin: 0;
	border: 0;
	padding: 0;
	}
#thumbnails li a:link img, #thumbnails li a:visited img {
	margin: 0 7px 10px 0;
	border: 1px solid rgb(255,0,0);
	padding: 0;
	}
#thumbnails li a:hover img, #thumbnails li a:active img { border: 1px solid rgb(0,0,0); }
#enlargednavigation {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 10px 0;
	border: 0;
	padding: 2px 0 2px 0;
	}
#enlarged { border: 1px solid rgb(0,0,0); }

#photospacer { display: block; height: 100px; }



.links { list-style-type: none; margin: 0 0 0 10px; border: 0; padding: 0 0 10px 0; }
.links li { display: block; margin: 0; border: 0; padding: 0 0 3px 0; }
.links li a:visited { color: rgb(194,97,44); }


a:link#leftitem, a:visited#leftitem { border: 0px; }
a:hover#leftitem, a:active#leftitem { border-bottom: 0px; }

a#leftitem img { border: 0px; }

#epostcardbox {
	width: 300px;
	text-align: center;
	margin: 0 0 100px 0;
	border: 1px dotted rgb(194,97,44);
	padding: 5px 0 0 0;
	}
#spacer { width: 300px; height: 250px; display: block; margin: 0; border: 0; padding: 0; }