body {
		margin: 0; /* to remove all default margins */
		padding: 0; /* to remove all default padding */
		background: #000000; /* page background color - see #header for a more detailed explanation */
		color: #b7b7b7; /* default text color */
		font: normal normal normal 100%/1.2 Tahoma, Arial, Verdana, sans-serif;
		/*  here's what they all mean: the 3 normals, in order are font-style, font-variant, font-weight, next is font size. 100% establishes the default font size to which all others are scaled against. line-height is a relative measure and therefore requires no units of measure.last is a list of fonts to use  */
	}
a:link, a:visited {
	background-color: transparent;
	color: #eab01e;
	text-decoration: none;
}
a:hover {
	background-color: transparent;
	color: #fff8fb;
}
h2 {
	font: bold 1.15em  "Trebuchet MS", sans-serif;
	/*padding-top: 0px;
	margin-top: 1em;*/
}
#main p {
	margin-right: 1.5%;
	margin-left: 1.5%;
	font-size: 0.95em;
}
#main ul {
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}
#main li {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
}
#header {
	height: 133px;
	margin-top: 0;
	padding-top: 0;
	/*padding-left: 200px;*/
	/*background-image: url(images/CV-logo2005-s.jpg);
	background-position: center;
	background-repeat: no-repeat;	*/
}
#content {
	/*position: absolute;
	width: 100%;
	top: 90px;
	height: 100%;*/
	float: left; width: 85%; position: relative;
}
/*#articles {
	width: 100%;
	height: 800px;
   overflow: auto;
	clear: both;
}
#articles ul {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}*/
#main {
	/*float: right;*/
	/*width: 50%;
	margin-left: auto;
	margin-right: auto;*/
	/*border: thin solid #ff00ff;*/
	margin-top: 1em;
	float: right; width: 74%;
}

#site-nav {
	/*float: left;*/
	/*position: absolute;
	width: 20%;
	left: 0px;
	top: 90px;*/
	float: left; width: 18%;
	/*border-right: 1px solid #e71e18;*/
	}
#right_toc {
	/*position: absolute;
	width: 20%;
	right: 0px;
	top: 90px;*/
	float: right; width: 18%; position: relative;
   /*border-left: 1px solid #e71e18;*/
}
#haunted_news {
	width: 95%;
	height: 250px;
	overflow: auto;
	padding-right: 5px;
	/* border: 1px solid #e71e18; */
	border-left: none;
}
/*#featured_articles {
	width: 95%;
	height: 600px;
	overflow: auto;
	padding-right: 5px;
}*/
#site-nav ul {
	margin: 0;
	padding-left: 0;	
	margin-left: 5px;
}

#site-nav ul li {
	/*background: url(images/rollover-img.jpg) no-repeat 0 0;*/
	list-style: none;
	/*height: 15px;*/
	/*width: 150px;*/
	text-align: left;
	 padding-bottom: 7px;
}

/*#site-nav a:link,  #site-nav a:visited {
background-color: transparent;
        color:    #e20002;
        text-decoration: none;
        display: block;
       font: normal small-caps bold 0.8em/1.10 Arial, Helvetica, sans-serif;*/
   /*background: transparent url(images/rollover-img.jpg) no-repeat 0 0;*/
	/*display: block;
	color: #990000;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom:0;
	font: bold 11px Arial, Helvetica, sans-serif;	*/
}
#site-nav a:hover, #site-nav a:active{
	/*background: url(images/rollover-img.jpg) no-repeat 0 -25px;*/
	background-color: transparent;
	color: #fff8fb;
}
#right_toc  ul {
	margin: 0;
	padding-right: 0;	
	margin-right: 7px;
}

#right_toc  ul li {
	/*background: url(images/rollover-img.jpg) no-repeat 0 0;*/
	list-style: none;
	/*height: 20px;*/
	/*width: 150px;*/
	text-align: right;
	padding-bottom: 7px;
}

#right_toc  a:link,  #right_toc  a:visited {
background-color: transparent;
        color: #eab01e;
        text-decoration: none;
        display: block;
        font: normal small-caps bold 0.8em/1.10 Arial, Helvetica, sans-serif;
	/*background: transparent url(images/rollover-img.jpg) no-repeat 0 0;*/
	/*display: block;
	color: #990000;
	text-decoration: none;*/
	/*padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom:0;*/
	/*font: bold 11px Arial, Helvetica, sans-serif;	*/
}
#right_toc  a:hover, #right_toc  a:active{
	/*background: url(images/rollover-img.jpg) no-repeat 0 -25px;*/
	background-color: transparent;
	color:#fff8fb;
}
#right_toc h2 {
	text-align: right;
	margin-right: 5px;
}
#footer {
	clear: both;
	text-align: center;
	font: normal normal 0.8em/1.5 Arial, Helvetica, sans-serif;
	/*border-top: 4px double #c0c0c0;*/
	/*border-bottom: 4px double #c0c0c0;*/
	height: 1em;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
#footer img {
	position: relative;
	top: 111px;
	left: 0;
}
#footer p span {
	font: normal normal 0.8em/1.5 Arial, Helvetica, sans-serif;
	width: 45%;
	text-align: center;
}
#footer-left {
	float: left;
	width: 49%;
	text-align: center;
	}
#footer-right {
	float: right;
	width: 49%;
	text-align: center;
}

#main h1 {
	background-color: transparent;
	color:#fff8fb;
	font-size: 1.75em;
	font-family: "Trebuchet MS", sans-serif;
	margin-top: 0;
	/*padding-top: 131px;*/
	text-align: center;
}
#main h2 {
	background-color: transparent;
	color: #fff8fb;
	font-size: 1.5em;
	font-family: "Trebuchet MS", sans-serif;
	margin-top: 0;
	clear: both;
	text-align: center;
}
#main h3 {
	background-color: transparent;
	color: #fff8fb;
	font-size: 1.25em;
	font-family: "Trebuchet MS", sans-serif;
	margin-top: 0;
}
#ad_one {
	width: 130px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
#ad_one img {
	padding-bottom: 10px;
}
#ad_two {
	width: 130px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
}
#ad_two img {
	padding-bottom: 10px;
}

.clear {
	clear: both;
}
.right {
	float: right;
}
.left {
	float: left;
	padding-right: 5px;
}
.interview {
	/*background-color: transparent;
	color: #9268d3;*/
	font-weight: bold;
}
/* start halloween-style-2005*/

	
	p {
		padding-left: 2em;
		padding-right: 2em;
	}
	
	h1 {
		padding-left: 2em;
		padding-right: 2em;
		text-align: center;
		font-family: "Times New Roman", Times, serif;
		font-variant: small-caps;
	}

	#wrapper {
		position: relative;  /* this is the <.div> that holds it all together. */
		width: 99%;   /* to help compensate for rounding errors and to bind everything together */
		margin-left: auto;   /* auto margins centers the < div> horizontally. */
		margin-right: auto;
	}

	#header {
		background: transparent url(http://www.halloween.com/images/header.jpg) no-repeat scroll top center;
		/* background: is the shorthand for: transparent is the background-color, url(....) is the url of the bg image, no-repeat is one of the values for background-repeat: repeat-x, repeat-y, repeat, scroll is the value for background-attachment, can be scroll or fixed [IE only respects background-attachment: fixed; when it 		is on the body element]. top and center represent background-position: they are 2 of the key word positions. */
		height: 165px;  /* the actual height of the header image */
	}

	#content {
		float: left; width: 79%; position: relative;
		/*width: 50%;*/   /* how much of 'wrapper' will content take up */
		/*margin-left: 20%; */
		/*float:right; */ /* this is the width of the left margin with 1% to spare for 'site-nav' */
	}
	/*#main {
		margin-top: 1em;
		float: right; width: 50%;
		
	}*/
	
		/*float: left; width: 20%;
		padding: 0;
		margin: 0;*/
		/*border-right: 1px solid #3a6f99;*/
		/*postion: absolute;
		top: 235px;
		left: 0;
		width: 19%;*/ /* the width of the 'site-nav' out of 'wrapper' */
	/* this is similar to the align left  for images. when an element is floated it is taken out of the flow of the document. this allows 'site-nav' to float next to 'content'. */

	#site-nav  {
		background-image: url(images/toc.jpg);
		width: 143px;
		height: 358px;
		position: relative;
		/*background: no-repeat*/;
	}
	#nav {
		background-image: url(images/toc.jpg);
		width: 143px;
		height: 358px;
		background: no-repeat;
		position: relative;
	}
	#nav a {
		text-decoration: none;
		position: absolute;
		top: 30px;
		height: 40px;
		width: 143px;
		display: block;
			}
	#nav a span { visibility: hidden; }
a#history 		{ top: 30px; }
a#search 	{ top: 47px; }
a#safety 	{ top: 87px; }
a#suppliers 	{ top: 124px; }
a#findhh 	{ top: 163px; }
a#costumes 	{top: 202px; }
a#about 	{ top: 240px; }
a#contact 	{ top: 280px; }

	a#history:hover {
		background: url(images/toc.jpg)  no-repeat -143px -30px;
	}
	a#search:hover {
		background: url(images/toc.jpg) no-repeat -143px  -47px;
	}
	a#safety:hover {
		background: url(images/toc.jpg) no-repeat -143px -87px;
	}
	a#suppliers:hover {
		background: url(images/toc.jpg) no-repeat -143px -124px;
	}
	a#findhh:hover {
		background: url(images/toc.jpg) no-repeat -143px -163px;
	}
	a#costumes:hover {
		background: url(images/toc.jpg) no-repeat -143px -202px;
	}
	a#about:hover {
		background: url(images/toc.jpg) no-repeat -143px -240px;
	}
	a#contact:hover {
		background: url(images/toc.jpg) no-repeat -143px -280px;
	}

	a#history:hover, a#search:hover, a#safety:hover, a#suppliers:hover, a#findhh:hover, a#costumes:hover, a#about:hover, a#contact:hover {
		border: none;
	}
	#footer {
		clear: both;   /* whenever you float an element you have to clear it or else you'll get a really screwy layout.   */
		width: 100%;  /* that is 100% of 'wrapper' */
		height: 200px;   /* 'em' is a unit of measure. it is a relative unit. it is the default distance between baselines in the font in use. */
		background: transparent url(http://www.halloween.com/images/footer.jpg) no-repeat top center;
		background-attachment: scroll;
	}
	#linklist {
		height: 20px;		
		padding-top: 186px;
		
	}
	#linklist ul {
	border-top: 1px solid #a6907f;
	margin: 0;
	padding: 0;
	}
	#linklist li {
	list-style-type: none;
	background: transparent url(images/bullet.jpg) no-repeat left center;
	display: inline;
	padding: 8px 6px 8px 9px;
}
#linklist a:link, #linklist a:visited {
	font: normal small-caps normal 0.8em Tahoma, Arial, Verdana, sans-serif;
	text-decoration: none;
	background: transparent;
	color: #a6907f;
}
#linklist a:hover, #linklist a:active {
	font: normal small-caps normal 0.8em Tahoma, Arial, Verdana, sans-serif;
	text-decoration: none;
	background: transparent;
	color: #c0c0c0;
}
#banners {
	width: 468px;
	margin: 5px auto;
}
#banners img {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border: thin inset #eab01e;
	/*display: block;*/
}