html, body
{
	text-align: center;
}

body 
{
	background-image: url(../images/bg.gif);
	background-attachment:fixed;
	background-repeat:repeat-x;
	background-color:#223d3d;
}

#outerwrapper
{
	width: 760px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}



#content
	{
	float: left;
	width: 532px;
	background-color:#fff;
	}
* html #content
	{
	display: inline;
	}
#leftcontent
	{
	float: left;
	width: 228px;
	background:url(../images/left-bg.gif) left top repeat-y;
	}

#wrapper
	{
	width: 760px;
	position: relative;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	background:url(../images/left-bg-stripe.gif) left top repeat-y;
	}

/* easy clearing */
#wrapper:after
	{
	content: '.'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#header, #footer
	{
	width: 760px;
	}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}
/* ]]> */








img, form {border:0; margin:0;}
p {padding:0; margin:12px 0 15px 0; clear:both;}
a {text-decoration:none; color:#336666;}
a:hover {text-decoration:underline;}
h1, h2, h3, h4, h5 {margin:0; padding:0; font-size:100.01%;}
select, input {font-size:100.01%; border:solid 1px #696867; color:#666;}
ul, li {margin:0; padding:0;}
ul {list-style:none;}
* {font-family:helvetica, arial,  sans-serif;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.none {clear: none}

#header 
{
	padding-top:20px;
	background-color:#fff;
}
#logo 
{
	float:left;
	margin:0;
	padding:0;
	height:90px;
	width:228px;
}
#photos 
{
	padding:0;
	float:left;
	margin:0;
	height:90px;
	width:513px;
	background-color:#ffffff;
}

#photos img 
{
	padding:0;
	margin:0 1px 0 0;
	float:left;
}
/* remove */
#photos img.last 
{
	padding:0;
	margin:0;
	float:left;
}

#nav ul {padding: 0; margin:0;width:228px;}
#nav li {padding: 0; float:none;}
#nav  
{
	padding:0;
	margin:0;
}

#navabove
{
	display:block;
	padding:0;
	margin:0 0 0 0px;
	background-color:#336666;
	height:60px;
	width:228px;
	background:url(../images/search.gif) left top no-repeat;
	text-align:left;
	
}

.imagebuttongo 
{
	vertical-align:bottom;
}

/* Fix IE. Hide from IE Mac \*/
#nav ul li { float: left; }
#nav ul li a { height: 1%; }
/* End */
#nav li.home a {width:228px; height:30px; background:url(../images/nav/home.gif) left top no-repeat;}
#nav li.news a {width:228px; height:30px; background:url(../images/nav/news.gif) left top no-repeat;}
#nav li.profile a {width:228px; height:30px; background:url(../images/nav/profile.gif) left top no-repeat;}
#nav li.tv a {width:228px; height:30px; background:url(../images/nav/tv.gif) left top no-repeat;}
#nav li.film a {width:228px; height:30px; background:url(../images/nav/film.gif) left top no-repeat;}
#nav li.theteam a {width:228px; height:30px; background:url(../images/nav/theteam.gif) left top no-repeat;}
#nav li.awards a {width:228px; height:30px; background:url(../images/nav/awards.gif) left top no-repeat;}
#nav li.contact a {width:228px; height:31px; background:url(../images/nav/contact.gif) left top no-repeat;}
#nav li a {display:block;padding: 0; margin: 0;height:30px;border:0;}
#nav li a:hover {background-position:0 -30px !important;}

#nav .home li.home a,
#nav .news li.news a,
#nav .profile li.profile a,
#nav .tv li.tv a,
#nav .film li.film a,
#nav .theteam li.theteam a,
#nav .awards li.awards a,
#nav .contact li.contact a {background-position:0 -60px !important;}

#nav img {height:0; width:0;}
#nav {font-size:0.75em;}

#relateditems { margin-left:40px; clear:both; }
#relateditems p { font-size:0.75em; line-height:1.5em; margin:0 0 10px 0; color:#ffffff; font-weight:bold;}
#relateditems .item p { margin:6px 0 20px 0; color:#ffffff; font-weight:bold;}
#relateditems .item p a { margin:0; padding:0;border:0; color:#ffffff; text-decoration:none; }
#relateditems .item p a:hover { text-decoration:underline; }

#relateditems .above
{
	padding:0;
	margin:0;
	background-color:#cc0033;
	height:20px;
	width:188px;
}

#content p { font-size:0.75em; line-height:1.5em; margin:0 0 10px 0; }
#content h1 { margin:0 0 7px 0; color: #cc0033; font-size:1.5em;}
#content h2 { margin:0 0 7px 0; color: #000; font-size:0.9em;}
#content h3 { margin:0 0 7px 0; color: #000; font-size:0.9em;}
#content a {text-decoration:none; color:#336666; border-bottom: 1px dotted #999;}
#content a:hover {text-decoration:none; color:#336666; border-bottom: 1px solid #999;}

#content ul { font-size:0.75em; line-height:1.5em; margin:0 0 10px 0; }

#content ul.credits { color: #336666; }
#content ul.credits strong { color: #336666; }

#content p.justified { text-align:justify; }

#content .status
{
	color: #336666; 
}

#content .padded
{
	margin:20px;
}

#content .rule
{
	width:490px;
	height:35px;
	margin:0;
	padding:0;
	background:url(../images/rule.gif) left top repeat-x;
}
#content .cola
{
	width:240px;
	float:left;
	margin:0 20px 0 0;
	padding:0;
}
#content .colb
{
	width:230px;
	float:left;
	margin:0;
	padding:0;
}

#content .listthumb
{
	width:100px;
	float:left;
	margin:0 20px 0 0;
	padding:0;
}
#content .listthumb a
{
	border:0 !important;
	
}
#content .listinfo
{
	width:350px;
	float:left;
	margin:0;
	padding:0;
}

#content .listinfo h3
{
	font-weight:bold;
	color:#cc0033;
	margin:0 0 3px 0;
	
}

#content .listinfo p
{
	margin:0;
	border:0 !important;
	
}

#content .listinfo p.transmission
{
	font-size:0.7em; line-height:1.5em; margin:0 0 0 0; color:#336666;
	
}

#content .listinfo h3 a
{
	color:#cc0033;
	text-decoration:none;
	border-bottom: none;
}

#content .listinfo h3 a:hover
{
	text-decoration:underline;
}


#content .listnav 
{
	margin:-10px 0 0 0;
	padding:0;
	width:100%;
	text-align:right;
	height:12px;
}

#content .listnav a
{
	border:0;

}

#content .listnav a:hover
{
	border-bottom: 1px solid #336666;
}
#content .listnav a.active
{
	color:#000;
	text-decoration:underline;

}
#content .listnav p
{
	margin:0;
	padding:0;
	border:0 !important;
}

#content .awards h3 {margin:20px 0 5px 0; color: #336666; font-size:0.75em;}
#content .awards ul { font-size:0.75em; line-height:1.5em; margin:0 0 10px 0; }
#content .awards li { margin-bottom:10px; }

#content .press h3 {margin:20px 0 5px 0; color: #cc0033; font-size:0.75em;}
#content .press ul { font-size:0.75em; line-height:1.5em; margin:0 0 10px 0; color: #000;}
#content .press ul strong { color: #cc0033;}

#content .printable 
{
	display:block;
	color:#999;
	width:450px;
	margin:20px 40px 0 0;
	text-align:right;
}

#content .col50percent_left
{
	width:235px;
	float:left;
	margin:0 20px 0 0;
	padding:0;
}

#content .col50percent_right
{
	width:235px;
	float:left;
	margin:0;
	padding:0;
}

#content .col50percent_left h1 
{
	margin:25px 0 10px 0; color: #cc0033; font-size:1.1em;line-height:1.65em; padding:0;
}

#content .col50percent_left .titleblock, #content .col50percent_right .titleblock
{
	width:235px;
	margin:0 0 1px 0;
	background-color:#336666;
	height:29px;
	padding:0;
	
}


#content .col50percent_left .titleblock a, #content .col50percent_right .titleblock a
{
	color:#fff;
	border:0;
}

#content a.borderless
{
	border:0 !important;
}

#content .col50percent_left .titleblock p, #content .col50percent_right .titleblock p
{
	margin:0 0 0 20px;
	color:#fff;
	line-height:29px;
	font-size:0.8em;
	font-weight:bold;
}

#content .col50percent_left p, #content .col50percent_right p
{
	margin:0 0 10px 0;
}

.high 
{
	height:400px;
	width:50px;
}

#footer .footergap 
{
	width:760px;
	height:20px;
	background-color:White;
}
#footer p 
{
	margin-left:20px;
	font-size:.6em;
	color:#b1b5b5;
}

/*
.replace {position:relative; overflow:hidden;}
.replace em, .replace a {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat: no-repeat }
* html>body .replace {overflow:visible; font-size:5px;}

#titletest {height:32px;}
#titletest em {background-image: url(../images/titles/test.gif);}*/


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */