div#container {
	background: #000;
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0;
	}
	
div#navigation {
	background: url(/img/banner.gif) -1px top no-repeat ;
	width: 940px;
	margin: 0;
	padding: 0;
	height: 68px;
	font-size: .95em;
	color: #606;
	font-weight: bold;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	}
	
div#navigation ul {
	margin: 8px 0 0 0;
	padding: 0;
	}
	
div#navigation li {
	display: inline;
	padding: 0 25px 0 25px;
	margin: 0;
	font-size: 10pt;
	}
	
div#navigation li.section {
	margin: 0;
	padding: 0 70px;
	font-size: 18pt;
	line-height: 1.2em;
	position: relative;
	top: 22px;
	color: #fff;
	}

div#navigation li.section a {
	text-decoration: none;
	color: #fff;
	}

div#navigation a {
	text-decoration: none;
	padding: 20px 0 20px 0;
	margin: 0;
	color: #606;
	}
	
div#navigation a:link {

	}
	
div#navigation a:hover {
	background: url(/img/chevron_hover.gif) left center no-repeat;

	}


	
h1 {
	margin: 0 0 15px 0;
	padding: 0;
	color: #660066;
	font-size: 1.3em;
	line-height: 1.2em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}
	
div#content {
	background: #fff;
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	position: relative;
	}
	
h2 {
	margin: 25px 0 -7px 0;
	padding: 0 0 0 0;
	color: #606;
	font-size: 1.2em;
	line-height: 1.2em;
	}
	
h3 {
	margin: 10px 0 0 0;
	padding: 0;
	color: #606;
	font-size: .9em;
	line-height: 1.2em;
	}	
	
h4 {
	margin: 0;
	padding: 0;
	font-size: .9em;
	line-height: 1.2em;
	font-weight: normal;
	}

.bi-line {
	margin: 0 0 20px 0;
	}

.bi-line h1 {
	margin: 5px 0 5px 0;
	}
	
.bi-line h2 {
	margin: 5px 0 5px 0;
	font-style: italic;
	font-weight: normal;
	}
	
.bi-line h3 {
	margin: 5px 0 5px 0;
	}	
	
.bi-line h4 {
	margin: 0;
	}
	
.separate {
	border-bottom: #fc0 1px double;
	}





.box {
	background: #fff url(/img/box_notes.gif) top center no-repeat;
	width: auto; height: 353px;
	margin: 5px 0 5px 0;
	padding: 0;
	position: relative;
	}
	
.boxExpand {
	background: #fff;
	width: auto; height: auto;
	margin: 5px 0 5px 0;
	padding: 0;
	position: relative;
	}

.boxContent {
	width: auto; height: 315px;
	margin: 0;
	padding: 0;
	position: relative;
	border-left: #606 2px solid;
	border-right: #606 2px solid;
	}

img#chevron {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 340px;
	left: 5px;
	z-index: 300;
	}

div#openingText {
	width: 390px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 420px;
	padding-top: 60px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
	
.boxContent h3 {
	margin: 10px 0;
	padding: 0;
	font-size: 1.1em;
	color: #606;
}

.boxContent p {
	margin: 10px 0;
	padding: 0;
}
	
.boxTop {
	width: auto;
	height: 19px;
	margin: 0;
	padding: 0;
	background-image: url(tRwT.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
		
.boxBottom {
	width: auto;
	height: 19px;
	margin: 0;
	padding: 0;
	clear: both;
	background-image: url(../img/bRwT.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

img.floatL {
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
	}
	
img.floatR {
	border: 0;
	margin: 0;
	padding: 0;
	float: right;
	}	



.boxSM1 h2, .boxSM2 h2, .boxSM3 h2 {
	margin: 0;
	padding: 0;
	position: relative;
	top: -22px;
	font-size: .9em;
	text-align: center;
	}
	
h2.lt {
	color: #fff;
	}

h2.dk {
	color: #606;
	}
	
.boxSM1 {
	width: 280px; height: 192px;
	margin: 0;
	padding: 0;
	background: #fff;
	position: relative;
	float: none;
	}
	
.boxSM2 {
	width: 306px; height: 192px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #fff;
	position: relative;
	}
	
.boxSM3 {
	width: 306px; height: 192px;
	margin: 0;
	padding: 0;
	background: #fff;
	position: relative;
	float: right;
	}
	
.boxSMContent {
	width: 302px; height: 143px;
	margin: 0;
	padding: 0;
	position: relative;
	border-left: #606 2px solid;
	border-right: #606 2px solid;
	}

.boxSMContent p {
	margin: 5px 0 0 150px;
	padding: 0;
	position: relative;
	top: -12px;
	width: 130px;
}

.boxSMContent p.temp {
	margin: 5px 0 0 110px;
	width: 190px;
}

a.more {
	margin: 5px;
	padding: 0 20px 0 0;
	position: absolute;
	bottom: -35px;
	right: 0;
	color: #606;
	font-weight: bold;
	background-image: url(more-icon.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

a.more2 {
	padding: 0 20px 0 0;
	background-image: url(more-icon.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

a.back {
	margin: 5px;
	padding: 0 0 0 20px;
	color: #606;
	font-weight: bold;
	background-image: url(back-to.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

p.back {
	margin: 20px 0 20px 0;
	padding: 20px 0 0 0;
}

p.moreList {
	margin: 5px 5px 0 5px;
	padding: 0 0 10px 0;
	position: relative;
	width: auto;
}

.moreList a {
	margin: 5px;
	padding: 0  0 0 20px;
	font-weight: bold;
	background: url(../img/chevron-bullet.gif) left center no-repeat;
}


.boxSMContent li a {
	margin: 0;
	padding: 5px;
	font-weight: bold;
}

.boxSMTop {
	background: #606 url(/img/tRwT.gif) no-repeat right top;
	width: 306px; height: 30px;
	margin: 0;
	padding: 0;
	}
	
.boxSM2 .boxSMTop {
	background: #fc0 url(/img/tRwT.gif) right top no-repeat;
	width: 306px; height: 30px;
	margin: 0;
	padding: 0;
	}	
		
.boxSMBottom {
	background: #fff url(/img/bRwT.gif) right bottom no-repeat;
	width: 306px; height: 19px;
	margin: 0;
	padding: 0;
	}

.boxSM3 .boxSMBottom {
	background: #fc0 url(/img/bRwT.gif) right bottom no-repeat;
	width: 306px; height: 19px;
	margin: 0;
	padding: 0;
	}
	
div#newsletter {
	background: #fc0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 282px; height: 65px;
	margin: 0;
	padding: 5px 10px 5px 10px;
	}	
	
div#newsletter form {
	margin: 0;
	padding: 0;
	display: compact;
	}
	
div#newsletter label {
	margin: 3px 0 3px 0;
	padding: 0;
	display: block;
	}
	
div#newsletter h3 {
	color: #606;
	font-size: .85em;
	}
	
div#newsletter input {
	border: 1px #606 solid;
	background: #fff;
	color: #606;
	margin: 0;
	padding: 0;
	width: 160px;
	}
	
div#newsletter input.submit {
	border: 1px #fff solid;
	background: #606;
	color: #fff;
	margin: 0 0 0 5px;
	padding: 0;
	width: 80px;
	}
	
div#newsletter p {
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
	top: 0;
	left: 0;
	font-weight: bold;
	}	
	
div#logo {
	text-align: center;
	}
	
div#logo img {
	background: #000;
	border: 0;
	margin: 0;
	padding: 5px 0;
	}
	
img.inBox {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px #606 solid;
	margin: 5px 5px 0 5px;
	padding: 3px;
	}
	
img.articlePhoto {
	position: static;
	border: 1px solid #800080;
	float: right;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	left: -5px;
	}

.clear {
	clear: both;
	}
	
img.stats {
	position: relative;
	border: 1px #606 solid;
	background: #fff;
	margin: 10px 10px 5px 10px;
	padding: 7px;
	float: left;
	}
	
img.connee {
	border: 1px #606 solid;
	margin: 10px 10px 30px 30px;
	padding: 7px;
	}
	
img.thumb  {
	border: 1px #606 solid;
	margin: 10px;
	padding: 3px;
	}
	
#article {
	width: auto;
	font-size: 0.9em;
	position: relative;
	text-align: left;
	top: -6px;
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: none;
	clear: none;
	}
	
#articleWider {
	margin: 0 200px 0 240px;
	padding: 10px 5px 5px 0;
	width: auto;
	position: relative;
	font-size: .9em;
	text-align: left;
	}
	
#articleWidestNoLinks {
	margin: 0 20px 0 20px;
	padding: 10px 0 5px 0;
	width: auto;
	}
	
#articleWidest {
	width: auto;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	float: none;
	position: relative;
	text-align: left;
	top: -7px;
	font-size: .9em;
	}
	
#articleWidest h3 {
	margin: 30px 0 0 0;
	}
	
#articleWidest p {
	margin: 5px 0 10px 0;
	}

strong {
	color: #606;
	font-weight: bold;
	}

ul {
	list-style: url(../img/chevron-bullet.gif) square outside;
	}
	
li {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	}

h3.recipe {
	background: url(/img/tab.gif) top left no-repeat;
	margin: 0;
	padding: 10px;
	}
	
.recipe {
	background: #ff9;
	margin: 0;
	padding: 5px 10px 10px 10px;
	}
	
.recipe p {
	margin: 10px 0;
	padding: 0;
	}
	
.recipe li {
	list-style: none;
	list-style-image: none;
	margin: 2px 0 0 10px;
	padding: 0;
	}
	
.stats {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 20;
	padding-bottom: 10px;
	padding-left: 200px;
	}
	
.stats li {
	list-style: none;
	list-style-image: none;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990099;
	}

div.buysListing {
	margin: 10px 0 20px 5px;
	padding: 0;
	vertical-align: top;
	position: relative;
	min-height: 125px;
	clear: both;
	}
	
.buysList h2 {
	border-bottom: #606 1px solid;
	}
	
.buysListing h3 {
	margin: 0;
	padding: 0 0 0 140px;
	}
	
.buysListing p {
	margin: 0;
	padding: 0 0 0 140px;
	}
	
.buysListing ul {
	margin: 2px 0 20px 140px;
	padding: 0;
	}
	
.buysListing ul li {
	list-style: none;
	list-style-image: none;
	margin: 2px 0 0 0;
	padding: 0;
	}
	
.buysListing img {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px #606 solid;
	margin: 0 10px 20px 0;
	padding: 3px;
	}
/*
div.List {
	padding: 0;
	vertical-align: top;
	position: relative;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 5px;
	clear: both;
	width: 100%;
	}
	*/

div.List {
	margin: 10px 0 20px 5px;
	padding: 0;
	vertical-align: top;
	position: relative;
	clear: both;
	}

div.ListText {
	margin: 0;
	padding: 0 0 0 140px;
	position: relative;
	top: 0;
	left: 0;
	}

.ListText h3 {
	margin: 0;
	padding: 0;
	}

.ListText h2 {
	margin: 0;
	padding: 0;
	}
	
.List img {
	border: 1px #606 solid;
	padding: 3px;
	float:left;
	position:relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	}
	
blockquote {
	margin: 15px 0 15px 60px;
	padding: 0;
	font-style: italic;
	}	
	
blockquote.quote {
	background: url(/img/quoteTop.gif) 3px 5px no-repeat;
	font-size: 1em;
	color: #564E47;
	font-style: italic;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
	
blockquote.quoteArticle {
	font-size: 1em;
	color: #564E47;
	font-style: italic;
	margin: 0 0 15px 30px;
	padding: 5px 10px 5px 18px;
	background-image: url(quoteTop.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	}

p.quote {
	padding: 0 0 0 65px;
	}
	
div#timeline {
	padding: 20px 0 0 0;
	}
	
#footer {
	color: #fff;
	background: #000;
	margin: 0 auto 0 auto;
	padding: 3px 0;
	width: 840px;
	position: relative;
	text-align: center;
	}
	
#footer p {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: .9em;
	}

#footer a {
	color: #fff;
	}

