body {
	margin: 0px;
 	text-align: center;
	color: #000;
	background: #eee url("/_img/bg/bg_new.gif") fixed top center repeat-y; 
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.5;
}


/* TYPOGRAPHY, thanks to www.alistapart.com/articles/elastic and 
	www.htmldog.com/articles/elasticdesign/demo for showing me the light */

p, li, blockquote {
	font-size: .9em;
}

p.copy, ol.copy, ul.copy, li.copy, blockquote.copy {
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

h1 {
	font-size: 1.5em;
/* replaces font-size: 1.3em; */
	font-weight: normal;
}
   
h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #633;
}

h3 {
	font-size: .9em;
	font-weight: normal;
	color: #633;
}

h4 {
	font-size: 1.1em;
	font-weight: normal;
	color: #633;
}

div.small, p.small {
	font-size: .8em;
}

p.where_when {
	font-size: 1em;
	color: #666;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

a { 
	color: #009;
	text-decoration:underline;
}	  

a:visited {
	color: #909;
}
a:active { 
	color: inherit;
}

a img {
	border: none;
}

INPUT {
	margin: 2px;
}
	
div#subscribe_form {
	width: 200px;
}


/* LAYOUT, adapted from Alex Robinson's One True Layout, 
	http://www.positioniseverything.net/articles/onetruelayout/ */

#banner {
	text-align: left;
	width: 835px; 
	background-color: #FFF; 
	margin: 5px auto 5px auto; 
	padding: 10px; 
	border-right: 15px solid #FFF;
	border-left: 15px solid #FFF;
}
#footer {
	width: 835px; 
	background-color: #BCD; 
	margin-left: auto;
	margin-right: auto; 
	padding-top: 20px;
	padding-bottom: 10px;
	border-top: 25px solid #FFF;
	border-right: 25px solid #FFF;
	border-bottom: 0px solid #FFF;
	border-left: 25px solid #FFF;
}
#footer {
	clear: both;
	}

#footer2 {
	width: 835px; 
	background-color: #EEE; 
	margin-left: auto;
	margin-right: auto; 
	padding-top: 20px;
	padding-bottom: 10px;
	border-top: 25px solid #FFF;
	border-right: 25px solid #FFF;
	border-bottom: 0px solid #FFF;
	border-left: 25px solid #FFF;
}
#footer2 {
	clear: both;
	}

#content_wrapper {
	background: #fff;
	width: 885px;
	\width: 835px;
	w\idth: 885px;
	margin-left: auto;
	margin-right: auto; 
}

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
	necessary height (unless fixed, this problem becomes even more acute 
	weirdness as the method is enhanced */
#content_wrapper {
	/* Normally a Holly-style hack height: 1% would suffice but that causes 
	IE 5.01 to completely collapse the wrapper - instead we float it */
	float: none;
	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
	(I saw it happen many moons ago) makes the width of wrapper too small 
	the float: none with the comment is ignored by 5.01,
	5.5 and above see it and carry on about their business
	It's probably fine to just remove it, but it's left here 
	just in case that many moons ago problem rears its head again */
	float/**/: none;
}


/* easy clearing */
#content_wrapper:after	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#content_wrapper	{
	display: inline-block;
	text-align: left;
}
/*\*/
#content_wrapper	{
	display: block;
}
/* end easy clearing */


/* TOP NAVIGATION, with help from Listamatic, 
	http://css.maxdesign.com.au/listamatic/ */ 

#navtop_wrapper {
	text-align: left;
	width: 834px; 
	background-color: #456;
	margin-left: auto;
	margin-right: auto; 
	padding: 0; 
	border-top: 0px solid #FFF;
	border-right: 26px solid #FFF;
	border-bottom: 25px solid #FFF;
	border-left: 25px solid #FFF;
}
#navtop_container ul li a {
	width: 130px;
	height: 18px;
	border-left: 1px solid #BCD;
	background-color: #456;
	background-image: url("/_img/bg/nav-inactive.png"); 
	padding: 4px;
	margin: 0 0 0 0;
	color: #BCD;
	text-decoration: none;
	display: block;
	text-align: center;
	text-transform: capitalize;
	font: bold .9em verdana, sans-serif;
}
#navtop_container ul li a:hover {
	color: #456;
	background-image: url("/_img/bg/nav-active.png"); 
	background-color: #bcd;
}
#navtop_container a:active {
	background-image: url("/_img/bg/nav-active.png"); 
	background-color: #BCD;
	color: #456;
}
#navtop_container li.active a {
	background-image: url("/_img/bg/nav-active.png"); 
	background-color: #BCD;
	border-left: 1px solid #BCD;
	color: #456;
}
#navtop_container {
	margin: 0;
	padding: 0;
	height: 20px;
}
#navtop_container ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#navtop_container ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}


/* BOTTOM NAVIGATION, with help from http://css.maxdesign.com.au/listamatic/horizontal01.htm */

#navbottom_container {
	width: 885px;
	padding-top: 40px;
	padding-bottom: 10px;
	background: #fff;
	margin-left: auto;
	margin-right: auto; 
}
#navbottom_list li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	text-transform: capitalize;
	/* this is to get spacing right with copyright notice */
}