/* CSS Document */

body {margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 900px; height: 1000px;
	background-color: #006699;
	}
	
/* -----Main Nav Bar---Sprite Rollovers-----thanks to Dave Shea's article at A List Apart --
   ----------------------------http://alistapart.com/articles/sprites/ ---------------------*/
#navi {
	position: relative;
	width: 900px; 
	top: 0px;
	height: 30px;
	background: url(images/navBar.jpg);
	margin: 0; 
	padding: 0;
	z-index: 1000;
}
#navi li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0px;}

#navi li, #navi a {height: 30px; display: block;}


#panel1b {left: 40px; width: 99px;}
#panel2b {left: 139px; width: 90px;}
#panel3b {left: 229px; width: 123px;}
#panel4b {left: 352px; width: 98px;}
#panel5b {left: 450px; width: 117px;}
#panel6b {left: 567px; width: 78px;}
#panel7b {left: 645px; width: 125px;}
#panel8b {left: 770px; width: 98px;}


#panel1b a:hover {background: transparent url(images/navBar.jpg) -40px -30px no-repeat;}
#panel2b a:hover {background: transparent url(images/navBar.jpg) -139px -30px no-repeat;}
#panel3b a:hover {background: transparent url(images/navBar.jpg) -229px -30px no-repeat;}
#panel4b a:hover {background: transparent url(images/navBar.jpg) -352px -30px no-repeat;}
#panel5b a:hover {background: transparent url(images/navBar.jpg) -450px -30px no-repeat;}
#panel6b a:hover {background: transparent url(images/navBar.jpg) -567px -30px no-repeat;}
#panel7b a:hover {background: transparent url(images/navBar.jpg) -645px -30px no-repeat;}
#panel8b a:hover {background: transparent url(images/navBar.jpg) -770px -30px no-repeat;}

/* --------------------end of Main Nav Bar---------------------------------------------------*/



/*---------------------topbar, bkgd DIV elements-------------------------------*/

div.topbar {
	position: relative; 
	top: 0;
	width: 900px; 
	height: 112px;
	background: #FFF url(images/logo.jpg) no-repeat;
	margin: 0;
	z-index: 0;
	}
	
div.topbarpad {padding: 0;}

div.bkgd {
	position:relative; 
	top: 0;
	width: 900px; 
	height: 859px;
	background: #FFF url(images/bkgd.jpg) no-repeat;
	z-index: 0;}
	
div.bottombar {
	position: absolute; 
	top: 840px;
	width: 900px; 
	height: 40px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px;
	text-align: center;
	color: #FFF;
	margin: 0;
	padding-left: 10px;
	z-index: 300;}

div.bottombar a {color: #FFCC66;}
div.bottombar a:hover {color:#99FF99;}
	
/*----------------------------Main DIV element----------------------------------*/	

div.main {
	position: relative;
	top: 0;
	width: 900px; 
	height: 452px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	color: #330000;
	background: transparent url(images/mainbkgd_home.jpg) no-repeat;
	line-height: 17px; 
	z-index: 100;
	}

div.mainpad { 
    padding: 30px 30px 0 30px;
}


div.main a, div.main a:hover {
	font-weight:bold; 
	text-decoration: none; 
	background: transparent;}


div.main a {color:#330000}
div.main a:hover {color:#990000;}

.award {position: absolute; top: 345px; left: 645px;}
/* -----Cast Nav Bar Sprite Rollovers-----thanks to Dave Shea's article at A List Apart ----
   ----------------------------http://alistapart.com/articles/sprites/ ---------------------*/
#castNav {
	position: absolute;
	width: 900px; 
	top: 452px;
	height: 50px;
	background: url(images/castNav.jpg);
	margin: 0; 
	padding: 0;
	z-index: 500;
}
#castNav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0px;}

#castNav li, #castNav a {height: 50px; display: block;}


#cast1 {left: 109px; width: 105px;}
#cast2 {left: 214px; width: 82px;}
#cast3 {left: 296px; width: 69px;}
#cast4 {left: 365px; width: 105px;}
#cast5 {left: 470px; width: 64px;}
#cast6 {left: 534px; width: 75px;}
#cast7 {left: 609px; width: 79px;}
#cast8 {left: 688px; width: 100px;}


#cast1 a:hover {background: transparent url(images/castNav.jpg) -109px -50px no-repeat;}
#cast2 a:hover {background: transparent url(images/castNav.jpg) -214px -50px no-repeat;}
#cast3 a:hover {background: transparent url(images/castNav.jpg) -296px -50px no-repeat;}
#cast4 a:hover {background: transparent url(images/castNav.jpg) -365px -50px no-repeat;}
#cast5 a:hover {background: transparent url(images/castNav.jpg) -470px -50px no-repeat;}
#cast6 a:hover {background: transparent url(images/castNav.jpg) -534px -50px no-repeat;}
#cast7 a:hover {background: transparent url(images/castNav.jpg) -609px -50px no-repeat;}
#cast8 a:hover {background: transparent url(images/castNav.jpg) -688px -50px no-repeat;}

/* --------------------end of Cast Nav Bar---------------------------------------------------*/




/*-----------------------Footer Elements---------------------------------------*/

div.l_footer {
	position: absolute; 
	top: 512px; 
	width: 300px; 
	height: 306px; 
	margin: 0;
	padding-left: 30px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #003366;
	text-align: left; 
	line-height: 14px;
	background-color: transparent;
	z-index: 100;
	}
	
div.c_footer {
	position: absolute; 
	top: 512px; 
	left: 300px;
	width: 300px; 
	height: 306px; 
	margin: 0;
	font-family: "Times New Roman", Times, serif; 
	font-size: 32px; line-height: 40px;
	font-style: italic;	
	text-align: center; 
	color:#FFF; 
	background-color: transparent;
	z-index: 150;
	}
	
div.r_footer {
	position: absolute; 
	top: 512px; 
	left: 600px;
	width: 300px; 
	height: 306px; 
	margin: 0;
	padding-left: 30px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color:#003366;
	text-align: left; 
	line-height: 14px; 
	background-color: transparent;
	z-index: 200;
	}
	
div.l_footerpad, div.r_footerpad {padding: 3px 5px 0 5px;}
div.c_footerpad {padding: 10px 0 0 0;}



div.l_footer a, div.l_footer a:hover {
	font-weight:bold; 
	font-size: 13px; 
	text-decoration: none; 
	background: transparent;
}

div.l_footer a {color: #330000;}
div.l_footer a:hover {color: #336}

div.c_footer a, div.c_footer a:hover {
	font-weight:bold; 
	font-size: 13px; 
	text-decoration: none; 
	background: transparent;
}

div.c_footer a {color: #330000;}
div.c_footer a:hover {color: #336;}

div.r_footer a, div.r_footer a:hover {
	font-weight:bold; 
	font-size: 13px; 
	text-decoration: none; 
	background: transparent;
}

div.r_footer a {color: #330000;}
div.r_footer a:hover {color: #336;}

div.l_footer p, div.r_footer p {margin: 3px 0 3px 0;}
div.c_footer p {margin: 0;}



/*-------------------------Cast DIV Element------------------------------------


div.cast {
	position: absolute; top: 255px; left: 45px; width: 150px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; font-weight:bold; color: #330000; z-index: 100;
	text-align: center; margin: 0 0 0 0;
	}

div.castpad {padding: 0;}
div.cast p {border-bottom: solid 1px; border-bottom-color:#006699; margin: 3px;}

div.cast a, div.cast a:hover {font-weight:bold; text-decoration: none; background: transparent;}
div.cast a {color:#330000}
div.cast a:hover {color:#990000;}



/*---------General Formatting Stuff----------------------------------------*/

/*ul {
	margin: -17px 0 20px 80px;
	}*/
	
p {margin-top: 0;}
	
.leftindent {
	margin-left: 90px;
	}
	
.subhead {
	font-family:Arial, Helvetica, sans-serif; font-size: 15px;
	text-transform: uppercase;
	font-weight: bolder; text-decoration: underline; margin-right: 10px;
	}

.subhead2 {
	font-family:Arial, Helvetica, sans-serif; font-size: 14px;
	text-transform: uppercase;
	font-weight: bolder; text-decoration: none; margin-right: 10px;
	}

.deEmphasis { font-size:10px; color:#003366;}
.underline {text-decoration:underline;}
.title {font-style: italic; font-weight: bold;}
.quote {font-style: italic;}
.quotesrc {font-size: 11px; font-weight: bold;}
.italic {font-style: italic;}
.right {text-align: right;}
.smtext { /*--used for Tessera footer credit--*/
	font-family: "Times New Roman", Times, serif; 
	font-size: 12px; 
	color: #003366; 
	line-height: 14px;
}
	
.smtext2 {
	font-family: "Times New Roman", Times, serif; 
	font-size: 12px; 
	color:#003366; 
	line-height: 14px;
}

table {margin: 0; padding: 0;}
.center { text-align: center;}

	
/*------------Formatting for Reviews Text------------------------------------------------------------------------*/	

.lrgText1 {font-size: 40px; line-height: 45px; font-family:"Times New Roman", Times, serif;}
.medText1 {font-size: 24px; line-height: 30px; font-family:"Times New Roman", Times, serif;}
.medText2 {font-size: 20px; line-height: 22px; font-family:"Times New Roman", Times, serif;}
.rghtAlign {text-align: right;}

/*----------END----------------------------------------------------------------------------------------------------*/