/* global formatting styles */
	
	body
	{ 
		color: #fff; 
		background-color: white; 
		padding: 10px; 
		margin: 0px; 
		}
	
	p 
	{ 
		color: #000; 
		background-color: transparent; 
		font-family: "Gill Sans", Arial, Helvetica, sans-serif; 
		font-size: .85em; 
		}
		
	h1,h2,h3,h4,h5,h6		
	{ 
		color: red; 
		background-color: transparent; 
		font-family: Arial, Helvetica, sans-serif; 
		}
	
	ul,dl,ol		
	{ 
		color: #000; 
		background-color: transparent; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 85%; 
		}
		
	a:link		
	{ 
		color: #669; 
		background-color: transparent; 
		text-decoration: underline; 
		font-weight: bold; 
		}
		
	a:visited		
	{ 
		color: #669; 
		background-color: transparent; 
		text-decoration: underline; 
		font-weight: bold; 
		}
		
	a:hover		
	{ 
		color: #663; 
		background-color: transparent; 
		text-decoration: underline; 
		font-weight: bold; 
		}
		
	a:active		
	{ 
		color: #663; 
		background-color: transparent; 
		text-decoration: underline; 
		font-weight: bold; 
		}
	
	
/* divisional formatting */
#middle h1 
	{ 
		text-align: center; 
		font-size: 2em; 
		}
		
	#middle h2 
	{ 
		text-align: center; 
		font-size: 1.75em; 
		}
		
	#middle h3 
	{ 
		text-align: center; 
		font-size: 1.5em; 
		}
		
	#middle h4
	 { 
	 	font-size: 1.25em; 
	 	text-align: center; 
	 	text-transform: uppercase; 
	 	}
	 	
	#middle h5 
	{ 
		text-align: center; 
		font-size: 1em; 
		}
		
	#middle h6 
	{ 
		text-align: left; 
		font-size: .85em; 
		}
	
	
/* class formatting */

	.breadcrumb  
	  { 
	  font-size: 0.75em; 
	  font-family: Arial, Helvetica, sans-serif; 
	  }
		
	.heading  
	  { 
	  	color: red; 
	  	font-size: 1.2em; 
	  	font-variant: small-caps; 
	  	font-weight: bold; 
	  	text-align: left; 
	  	margin: 20px 0 0;
	  	}
	 
	.important 
	{ 
		border: 2px solid #000;
		padding: 3px; 
		background-color: #0000C8; 
		color: FFF;
		font-weight: bold;
		}
		
	.tight 
	{ 
		margin-top: 0px; 
		margin-bottom: 10px; 
		padding-top: 0px; 
		padding-bottom: 10px;
		}
	
	.final
	{
		padding-bottom: 300px;
		}

/* positioning styles */
	
	#top	
	{
		color: #000;
		width: 98%;
		height: 100px;
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
	}
		
	#middle {
		color: #000;
		background: #fff;
		width: 90%;
		min-height: 350px;
		margin: 0px;
		padding: 10px 1px 30px 0;
		}
		
	#middle p, ul, dl, ol, h1, h2, h3, h4, h5, h6 
	{ 
		padding-left: 185px; 
		padding-right: 10px; 
		}

	#tableft p
	{
		padding-left: 10px;
	}
	
	#left {
		float: left; 
		margin: 0px;
		padding-top: 10px;
		background: transparent;
		width: 150px;
		min-height: 350px;
		text-align: left;
		}
		
	#bottom  
	{ 
		color: #000; 
		background: #ccc no-repeat; 
		margin: 10px 0 0 0; 
		padding: 10px 0 0 0; 
		border-top: 1px solid #aaa; 
		width: 800px; 
		height: 60px;
		}
		
	#bottom p, ul, dl, ol, h1, h2, h3, h4, h5, h6 
	{ 
		padding-left: 20px; 
		padding-right: 20px; 
		text-align: right; 
		font-size: 11px;
		}

	#navlist
	{
		width: 150px;
		padding: 0px;
		margin-bottom: 5px;
		text-align: left !important; 
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		border-right: 1px solid #aaa;
	}
	
	#navlist ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}
	
	#navlist li
	{
		border-top: 1px solid #83005e;
		border-bottom: 1px solid #83005e;
		margin: -1px 0 0;
	}
	
	#navlist li a
	{
		display: block;
		padding: 4px 4px 4px 15px;
		background-color: #139678;
		color: #000;
		text-decoration: none;
		width: 100%;
	}
	
	html>body #navlist li a 
	{ 
		width: auto; 
		}
	
	#navlist li a:hover
	{
		background-color: #83005e;
		color: #fff;
	}

#prodfloats {
	margin: 0 0px 0px 170px;
	}

#prodfloats a {text-decoration: none;}

.moonlight {float: left; width: 162px; height: 182px; text-align: center}
a.moonlight:link, a.moonlight:visited, a.moonlight:active {background: url(../px/past/moonlight.jpg) no-repeat 0}
a.moonlight:hover {background: url(../px/past/moonlight.jpg) no-repeat -162px}

.marley {float: left; width: 162px; height: 182px; text-align: center}
a.marley:link, a.marley:visited, a.marley:active {background: url(../px/past/marley.jpg) no-repeat 0}
a.marley:hover {background: url(../px/past/marley.jpg) no-repeat -162px}

.underpants {float: left; width: 162px; height: 182px; text-align: center}
a.underpants:link, a.underpants:visited, a.underpants:active {background: url(../px/past/underpants.jpg) no-repeat 0}
a.underpants:hover {background: url(../px/past/underpants.jpg) no-repeat -162px}

.stones {float: left; width: 162px; height: 182px; text-align: center}
a.stones:link, a.stones:visited, a.stones:active {background: url(../px/past/stones.jpg) no-repeat 0}
a.stones:hover {background: url(../px/past/stones.jpg) no-repeat -162px}

.comic {float: left; width: 162px; height: 182px; text-align: center}
a.comic:link, a.comic:visited, a.comic:active {background: url(../px/past/comic.jpg) no-repeat 0}
a.comic:hover {background: url(../px/past/comic.jpg) no-repeat -162px}

.chimney {float: left; width: 162px; height: 182px; text-align: center}
a.chimney:link, a.chimney:visited, a.chimney:active {background: url(../px/past/chimney.jpg) no-repeat 0}
a.chimney:hover {background: url(../px/past/chimney.jpg) no-repeat -162px}

.wonder {float: left; width: 162px; height: 182px; text-align: center}
a.wonder:link, a.wonder:visited, a.wonder:active {background: url(../px/past/wonder.jpg) no-repeat 0}
a.wonder:hover {background: url(../px/past/wonder.jpg) no-repeat -162px}

.liz {float: left; width: 162px; height: 182px; text-align: center}
a.liz:link, a.liz:visited, a.liz:active {background: url(../px/past/liz.jpg) no-repeat 0}
a.liz:hover {background: url(../px/past/liz.jpg) no-repeat -162px}

.gunshy {float: left; width: 162px; height: 182px; text-align: center}
a.gunshy:link, a.gunshy:visited, a.gunshy:active {background: url(../px/past/gunshy.jpg) no-repeat 0}
a.gunshy:hover {background: url(../px/past/gunshy.jpg) no-repeat -162px}

.manners {float: left; width: 162px; height: 182px; text-align: center}
a.manners:link, a.manners:visited, a.manners:active {background: url(../px/past/manners.jpg) no-repeat 0}
a.manners:hover {background: url(../px/past/manners.jpg) no-repeat -162px}

.stonewall {float: left; width: 162px; height: 182px; text-align: center}
a.stonewall:link, a.stonewall:visited, a.stonewall:active {background: url(../px/past/stonewall.jpg) no-repeat 0}
a.stonewall:hover {background: url(../px/past/stonewall.jpg) no-repeat -162px}

.farndale {float: left; width: 162px; height: 182px; text-align: center}
a.farndale:link, a.farndale:visited, a.farndale:active {background: url(../px/past/farndale.jpg) no-repeat 0}
a.farndale:hover {background: url(../px/past/farndale.jpg) no-repeat -162px}

.bees {float: left;	width: 162px; height: 182px; text-align: center}
a.bees:link, a.bees:visited, a.bees:active {background: url(../px/past/bees.jpg) no-repeat 0}
a.bees:hover {background: url(../px/past/bees.jpg) no-repeat -162px}

.tuna2 {float: left; width: 162px; height: 182px; text-align: center}
a.tuna2:link, a.tuna2:visited, a.tuna2:active {background: url(../px/past/tuna2.jpg) no-repeat 0}
a.tuna2:hover {background: url(../px/past/tuna2.jpg) no-repeat -162px}

.mortals {float: left; width: 162px; height: 182px; text-align: center}
a.mortals:link, a.mortals:visited, a.mortals:active {background: url(../px/past/mortals.jpg) no-repeat 0}
a.mortals:hover {background: url(../px/past/mortals.jpg) no-repeat -162px}

.tuna1 {float: left; width: 162px; height: 182px; text-align: center}
a.tuna1:link, a.tuna1:visited, a.tuna1:active {background: url(../px/past/tuna1.jpg) no-repeat 0}
a.tuna1:hover {background: url(../px/past/tuna1.jpg) no-repeat -162px}

.shakespeare {float: left; width: 162px; height: 182px; text-align: center}
a.shakespeare:link, a.shakespeare:visited, a.shakespeare:active {background: url(../px/past/shakespeare.jpg) no-repeat 0}
a.shakespeare:hover {background: url(../px/past/shakespeare.jpg) no-repeat -162px}

.fools {float: left; width: 162px; height: 182px; text-align: center}
a.fools:link, a.fools:visited, a.fools:active {background: url(../px/past/fools.jpg) no-repeat 0}
a.fools:hover {background: url(../px/past/fools.jpg) no-repeat -162px}

.title {
	display: block;
	margin-top: 10px;
	color: black;
	font-size: 12px;
	font-family: "Gill Sans", Arial, Verdana, san-serif;
	}

.date {
	display: block;
	margin: 137px 0;
	font-size: 11px;
	font-style: italic;
	font-family: "Arial Narrow", Arial, Verdana, san-serif;
	color: gray;
	}

.spacer {
	margin: 5px 3px;
	}

#about {
	background: url(../px/bigacl.jpg) no-repeat 0;
	min-height: 575px;
	}
	
#cast { background-color: silver; width: auto; height: auto; float: right; clear: none; padding: 5pt; border: solid thick yellow; }
	
#cast p {  }
	
#cast h6 { color: black; text-align: left; }