html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
		margin: 0; 
		padding: 0; 
		border: 0; 
		}
body {
	text-align: center;
	font: 100.01% Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #006599;
} 
#indexWrapper {
	margin: 80px auto;
	text-align: left;
	width: 675px;
	position: relative;
	background-color: #000033;
		}
#outerWrapper {
	margin: 0 auto;
	text-align: left;
	width: 802px;
	position: relative;
		}
#wrapper {
	position: relative;
	width: 802px; 
		}
#indexMenu {
	width: 675px;
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
		}
#indexMenu ul {
	list-style-type: none;
	text-align: center;
	background-color: #FF6600;
		}
#indexMenu li {display: inline;
}
#indexMenu a {
	text-decoration: none;
	padding: .1em 1.2em;
	color: #000033;
}
#indexMenu ul li a:hover {
	text-decoration: none;
	color: #FFF;
}
#menu {
	height: 50px;
	margin: 0;
	padding:0;
	background-color: #000033;
}
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#menu ul li {display: inline;
}
#menu ul li a {
	background: url(../buttons/home.jpg) 0 0 no-repeat;	
	text-decoration: none;
	padding: .1em 1em;
	color: #FFFFFF;
}
#menu ul li a:hover {
	text-decoration: none;
	color: #FFF;
}

#header {
	background: url(../images/newBanner.jpg) no-repeat center;  
	height: 200px;
	position: relative;
	width: 798px;
}
#innerWrapper {
	margin: 0 auto;
	padding: 0;
	width: 802px;
	position: absolute;
	top: 200px;
}
#contentWrapper {
	background: url(../images/tvBackground.jpg) repeat-y;
	margin: 0 auto;
	padding: 0;
	width: 802px;
	position: relative;
}
ul#nav {
	margin: 0px;
	padding: 0 0 25px 0;
	list-style-type:none;
	}
ul#nav li {
	display: inline;
	margin: 0;
	padding: 0;
	}
	
/*** Seperate  ul links so that the rollovers would work *****/ 

ul#nav li.home a {
	text-decoration: none;
	background: #000033 url(../buttons/home.gif) no-repeat 0 0;
	width: 92px;
	height: 50px;
	display: block;
	float: left;
	}
ul#nav li.character a {
	width: 122px;
	text-decoration: none;
	background: #000033 url(../buttons/characters.gif) no-repeat 0 0;
	height: 50px;
	display: block;
	float: left;
	}
ul#nav li.face a {
	width: 150px;
	height: 50px;
	display: block;
	text-decoration: none;
	background: #000033 url(../buttons/face.gif) no-repeat 0 0;
	float: left;
	}
ul#nav li.body a {
	width: 158px;
	height: 50px;
	display: block;
	text-decoration: none;
	background: #000033 url(../buttons/body.gif) no-repeat 0 0;
	float: left;
	}
ul#nav li.magic a {
	width: 97px; 
	height: 50px; 
	display: block; 
	text-decoration: none; 
	background: #000033 url(../buttons/magic.gif) no-repeat 0 0;
	float: left;
	}
ul#nav li.bio a {
	width: 57px; 
	height: 50px; 
	display: block; 
	text-decoration: none; 
	background: #000033 url(../buttons/bio.gif) no-repeat 0 0;
	float: left;
	}
ul#nav li.contact a {
	width: 122px; 
	height: 50px; 
	display: block; 
	text-decoration: none; 
	background: #000033 url(../buttons/contact.gif) no-repeat 0 0;
	float: left;
	}
ul#nav li.home a:hover {
	background: #000033 url(../buttons/home.gif) no-repeat -92px 0;
	}
ul#nav li.character a:hover {
	background: #000033 url(../buttons/characters.gif) no-repeat -122px 0;
	}
ul#nav li.face a:hover {
	background: #000033 url(../buttons/face.gif) no-repeat -150px 0;
	}
ul#nav li.body a:hover {
	background: #000033 url(../buttons/body.gif) no-repeat -158px 0;
	}
ul#nav li.magic a:hover {
	background: #000033 url(../buttons/magic.gif) no-repeat -97px 0;
	}
ul#nav li.bio a:hover {
	background: #000033 url(../buttons/bio.gif) no-repeat -57px 0;
	}
ul#nav li.contact a:hover {
	background: #000033 url(../buttons/contact.gif) no-repeat -122px 0;
}
#content {
	width: 798px;
	margin: 8px 0 0 0;
	padding-top: 25px;
}
/* Hides from IE-mac \*/
*html #content {height: 1%;
}
/* End hide from IE-mac*/

#content #box {
	display:block;
	width:675px;
	font-family:Verdana, sans-serif;
	font-size: 0.8em;
	color:#FFFFFF;
	padding: .5em 0 25px 0;
	text-align: justify;
	line-height: 1.6em;
	margin: 0 0 0  5em;
}
#content #cap {
	font-size: 3em;
	color:#33CCFF;
	font-weight:bold;
	float:left;
	height:auto;
	line-height:32px;
	margin-right:5px;
	margin-top: 3px;
}
* html #content #cap {
	margin-right:-2px;
}
#content h4 {
	color: #000032;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bolder;
	text-transform: uppercase;
		}
#content ul {
	float:left;
	list-style: none;
	width: 30em;
	font-size: .8em;
	margin-left: 3em;
	padding: 2em 3em 2em 4em;
}
* html #content ul {
	padding: 2em;
		margin-left: 2em;
}
#content ul li {
	float: left;
	line-height: 1.7em;
	width: 15em;
}
#content ul li a {
	font-size: 1em;
	text-decoration: none;
	color: #625751;
	border: 0;
}
#content ul li a:hover {
	text-decoration: underline;
	color: #fff;
}
#popup {position:relative; width:60px; background-color:#fff; z-index:100;}
#popup a.p1, #popup a.p1:visited {display:block; width:60px; height:60px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#popup a img {border:0;}
#popup a.p1:hover {text-decoration:none; background-color:#000033; color:#000;}
#popup a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#popup a.p1:hover .large {display:block; position:absolute; top:-65px; left:100px; width:300px; height:300px; border:5px solid #fff;}

#info {z-index:100; height:22em;}
#footer {
	width: 798px;
	font-size: 0.7em;
	color: #FFFFFF;
	position: relative;
	margin: 0;
	height: 200px;
	background: url(../images/newFooter.jpg) no-repeat;
	padding: 25px 0;
}
#footer p {
	clear: left;
	font-family: verdana, sans-serif;
	padding: 0.5em 1em;
	text-align: right;
}
#footer a {
	padding: 1px 3px; 
	color: #FF6600; 
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#content form {
	margin: 0 150px 0 0; /* zeros the margin for a level playing field */
	padding: 25px 0 0 25px; /* creates 10px of padding at the bottom of the form */
  	width: 550px; /* this is set to avoid float drop (to the same width as the Flash slideshow on the home page) */
	position: relative;
	float: left;
 /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}	
#content fieldset {
	border: 1px solid #33CCFF; /* defines a border around each fieldset */
	margin: 0 0 10px; /* keeps the fieldset's bottom border 10px off the next element */
	padding: 5px 0 15px 15px; /* creates padding to keep the elements inside away from the edge of the fieldset */
}
#content legend {
	border: 1px solid #BE9E6F; /* creates a defined box/border around the legend */
	color: #33CCFF; /* gives the legend the same background as the feature headings */
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px;
	font: normal 1em Arial, Helvetica, sans-serif;
	background-color: #000033;
}
#content label {
	float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
 	width: 180px; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: 0.8em;
	text-align: right;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
	}
#content input, #content textarea {
	color: #000; /* creates the text color */
	border: 1px solid #CEB993; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #EAE0D2; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 280px; /* creates a consistent width */
	float: left; /* These inputs and the textarea are floated next to the labels. */ 
}

/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#content input.sminp {
	width: 110px; /* for shorter input boxes. */
	margin-right: 160px; /* this keeps the shorter boxes aligned on the left with the wider ones. */
}
#content input.sbinp {
	width: 110px; /* for shorter input boxes. */
	margin-right: 160px;
	background-color: #000033;
	color: #33CCFF;
}
/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #000;
	background: #FF6600;
}
.bannerRtFlt {
	float: right;
	position: absolute;
	right: 15px;
	top: 100px;
}
.flashContainer {
	width: 200px;
	margin: 8px 12px 0 0;
	top: auto;
	left: 0px;
	float: left;
}
.flashContainer p {
	font-weight:bold;
	font-size: .8em;
	line-height: 1.2em;

}
.clearboth { 
	clear: both;
}
.rightFlt {
	float: right;
	margin: 6px 0 0 15px;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: center;
	color: #000033;
}
.leftFlt {
	float: left;
	margin: 6px 15px 0 0;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: center;
	color: #000033;
	clear: left;
}
.leftCharacterFlt {
	float: left;
	margin: 6px 15px 0  0;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: center;
	color: #000033;
	clear: left;
}
.leftFltPhoto {
	float: left;
	margin: 0px 15px 0 0;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: center;
	color: #FFFFFF;
	clear: left;
	font-weight: bold;
}
.space {
	margin: 0;
	padding:0;
}
.critics p {
	text-align: left;
	font-style: italic;
	margin: 0;
	padding: 15px 50px;
	font-size: 1em;
	color: #000033;
}
.quote {
	padding: 0;
	color: #0000CC;
	text-transform: none;	
}
.brclear { /* Use a break with this class to clear float containers on both sides */ 
	clear:both; 
	height:0; 
	margin:0; 
	font-size: 1px; 
	line-height: 0; 
}
a {
	font-size: 1em;
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: underline;
	color: #000033;
}
p {
	margin:0;
	padding: .5em 0;
}