/* the bit that does the work */
html	{overflow:auto;}
body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#fff; 
  font-family:tahoma,verdana, sans-serif; 
  font-size:76%;
  overflow: hidden; 
  }

/* for internet explorer */
* html body {
  padding:100px 0 45px 0; 
  }
a, a:visited {
  font-size:1em;
  text-decoration:underline;
  color:#000;
  }
a:hover {
  color:#ef1821; 
  text-decoration:none;
  }
.grey {color:#888;}
.ltgrey {color:#ddd;}

ins			{cursor:pointer;color:#000;font-size:11px}
ins:hover	{color:#fff}

form	{margin:0;padding:0}
input, textarea{border-width:1px}
input.button	{
	background-color:#ef1821;
	font-weight:bold;
	color:#fff;
	border-color:#ef1821;
}
.ErrorText	{
	font-weight:bold;
	color:#ef1821;
}
img	{
	border:none;
	margin:0;
	padding:0;
}
/*------------------------------------------------*/
#container {
  font-family:tahoma,verdana, sans-serif;
  font-size: 1.1em;
  position:fixed; 
  top:115px;
  left:10px;
  bottom:0px; 
  right:0; 
  overflow:auto;
  overflow-x: hidden;
  background:#fff;
  padding:0px;
  text-align:center;
  }

* html #container {
  height:100%; 
  width:100%; 
  }

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%;
  height:115px;
  padding:0px;
  overflow:auto;
  overflow-x: hidden;
  background: white url('/image/header_bg.gif') repeat-x top left;
  }
 #headerimg	{margin:0 0 0 10px;width:984px;height:76px;border:none;}
* html #header {height:115px;}

#header ul {
  margin:0 0 0 90px; 
  padding-left:20px; 
  list-style-type:none; 
  background:transparent; 
  height:3em;
  display:block;
  }

#header ul li {
  display:inline; 
  color:#73a2bd;
  }
#header li { margin-right:12px}

#footer {
	clear:both;
	background-position: top;
	background-repeat: repeat-x;
	padding:40px 0 0 0;
	background-image: url('/image/layout/bg_footer.gif');
  }

/* end of bit that does the work */

#nav {
	position:absolute;
	top:0px;
	left:5px;
	width:95px; 
	text-align:left; 
	margin:5px;
	background:#fff;
}
#content, #contentStart {
	position:absolute;
	top:0px;
	left:110px;
	width:750px; 
	text-align:left; 
	margin:0px;
}
#content	{left:110px;}
#contentStart {left:10px;}
#right {
	position:absolute;
	left:770px;
	top:7px;
	text-align:left; 
	margin:0px;
	background:#fff;
}
#innerright		{margin:0 0 0 5px;width;130px;padding:0}
#innerright p	{margin:0 0 10px 0}


h1 {font-size:2em; margin:0px; padding:0;color:#ef1821;font-weight:normal;letter-spacing:0.1em;border-bottom:solid 1px black;font-variant: small-caps;}
h2 {font-size:1.6em; margin:0px 0 17px 0; padding:17px 0 0px 0;color:#000;font-weight:normal;letter-spacing:0.1em;border-bottom:solid 1px black;font-variant: small-caps;width:99%}
h6	{margin:0;padding:0;font-size:11px;color:#444}
h6	span {font-weight:normal;color:#555}

/*-------- NavBox RSS --------- */
ul#rssList{
	width:640px;
	margin:0;
	padding:0;
}
ul#rssList img{margin:0 1em 0 0}

.NavBox{
	background-color:#ffffff;
	margin-top:5px;
	padding:5px;
	border:solid 1px #ef1821;
}

.NavBox ul			{	
	margin-left: 0;
	padding-left: 0;
	margin:0;
	list-style-type: none;
	font-family: tahoma,verdana, sans-serif;}

.NavBox a			{	
	display: block;
	padding: 3px;
	height:16px;
	overflow:hidden;
	border-bottom: 1px solid #fff;
	background-color: #f0f0f0;
	background-position: top;
	background-repeat: repeat-x;
	text-decoration:none;
	background-image: url('/image/layout/bg_leftnav.png');}

.NavBox a:hover, .NavBox a:active	{
	background-color: #ef1821;
	background-position: bottom;
	border-bottom-color:#c71420;
	color: #fff;
}
/*---------- search ----------- */
select.sel	{
	background-color:#ee1821;
	color:#fff;
}
option.nosel	{
	background-color:#fff;
	color:#000;
}

.srbtn	{
	background-color:#ee1821;
	font-weight:bold;
	color:white;
	border-color:#ee1821;
}

/*---------------- left Nav -------*/
#nav ul{
	margin-left: 0;
	padding-left: 0;
	margin:0;
	list-style-type: none;
	font-family: tahoma,verdana, sans-serif; 
}

#nav a{
	display: block;
	padding: 3px;
	width: 89px;
	border-bottom: 1px solid #fff;
	background-color: #f0f0f0;
	background-position: top;
	background-repeat: repeat-x;
	background-image: url('/image/layout/bg_leftnav.png');
}

#nav a:link, #nav a:visited	{
	color: #333;
	background-color: #f0f0f0;
	text-decoration: none;
}

#nav a:hover	{
	background-color: #ef1821;
	background-position: bottom;
	border-bottom-color:#c71420;
	color: #fff;
}
#nav a#active	{
	background-color: #ef1821 !important;
	background-position: bottom;
	border-bottom-color:#c71420;
	color: #fff;
}



img#mascot {float:right;}

/*----Tableless---*/
ul#mlist  {
  margin:0; 
  padding:0px; 
  list-style-type:none; 
  background:transparent; 
  }
#mlist li {
	padding: 3px; 
	width: 220px; 
	height: 148px; 
	float: left;
	font-size:11px;
	background-color: #fff;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url('/image/layout/box_off2.png');
 }
 
.box		{margin: 0px 33px 13px 0px; }
.boxlast	{margin: 0px 0px 13px 0px; }

br.break	{
	clear:both;width: 0px;height: 0px;
	display:block;
}
/*----------- counter -------------*/

a.pager, a.pagerOneLetter, div.pagersel, div.pagerselOneLetter, .pager	{
	display:block;
	float:left;
	height:1.2em;
	background-color:#f6f6f6;
	color:#000;
	text-decoration:none;
	border:solid 1px #f0f0f0;
	margin:0 1px 5px 0;
	background-position: top;
	background-repeat: repeat-x;
	background-image: url('/image/layout/bg_leftnav.png');
}
a.pager, div.pagersel, strong.pager {
	padding:1px 2px;
}
a.pagerOneLetter, div.pagerselOneLetter	{
	padding:1px 5px !important
}
div.pagersel, div.pagerselOneLetter, a.pager:hover, a.pagerOneLetter:hover, strong.pager {
	background-position: bottom;
	background-color:#ee1821;
	border-color:#ee1821;
	color:#fff;
}

a.download	{
	display:block;
	height:20px;
	line-height:20px;
	text-decoration:none;
	color:#ee1821;
	font-weight:bold;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url('/image/layout/movie.png');
	padding:0 2px 0 25px;
	margin-top:10px;
}
a.download:hover	{
	text-decoration:underline;
}
.strike {text-decoration:line-through;}
.lft {float:left;}
.rgt{float:right;}

.columnone, .columntwo {width:31%; float:left; text-align:justify; margin-right:2%;}
.columnthree {text-align:justify; border:1px solid #fff;}
* html .columnthree {border:0;}
hr {clear:both; border:0; height:1px; color:#888; background-color:#888;}

.columnthree a, .columnthree a:visited {font-size:1em; color:#000; text-decoration:underline;}
.columnthree a:hover {color:#888; text-decoration:none;}

/*-------- Fact_sheets --------*/
dl	{list-style-type:none;margin:0}
dl#factsheets	{
	display:block;
	border-bottom:solid 1px #dedede;
	width:215px;
	padding:30px 1px 3px 5px;
	float:right;
	margin:0 0 7px 4px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url('/image/layout/fact_sheet.png');
}
dl#starsfactsheets		{
	display:block;
	border-bottom:solid 1px #dedede;
	width:215px;
	padding:30px 1px 3px 5px;
	float:right;
	margin:0 0 7px 4px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url('/image/layout/StarsFact_sheet.png');
}

dt	{float:left;font-size:83%;width:78px;display:block;clear:left;margin:0;}
dd	{font-size:83%;display:block;margin:0;}

/*--- Stars --*/
#starImgBox	{
	float:left;
	margin-right:10px;
	font-size:80%;
}
#starLink	{
	width:220px;
}
#starLink	a{
	display:block;
	margin-bottom:1em;
}
#starInfoBox	{
	float:left;
	width:520px;
}

/* --- lightbox --- */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: solid 2px #ef1821; }
#overlay img{ border: solid 2px #ef1821; }

#overlay{ background-image: url('/image/layout/overlay.png'); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url('/image/spacer.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/image/layout/overlay.png", sizingMethod="scale");
}
/*--------------------- OpenX ---------------------------*/
table#OpenX {
	border-collapse: collapse;
	border:none;
	width:648px;
	height:248px;
}
table#OpenX td{
	padding:1px;
	margin:0;
	border:none;
	height:60px;
	width:160px;
	text-align:center;
	vertical-align: top;
}

/* --- Wysiwyg Styles --- */


.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000022;
	font-family: 'Courier New' , Monospace;
	background-color: #bbbbbb;
}





.TitleBox
	{
	width: 100%;
	border: 1px solid gray;
	background-color: gray;
	font-size: 12px;
	font-weight : bold;
	color: black;
	font-family:verdana;
	padding: 2px 5px 2px 5px;
	clear: both;
	}
.BodyBox
	{
	width: 100%;
	border: 1px solid gray;
	font-family:verdana;
	padding: 5px;
	}
.Highlight
	{
	font-family:Arial;
	color: Black;
	border : 1 solid #B1B1B1;
	font-weight : bold;
	background-color : #ECEFE0;
}
.CodeForeground
	{
	margin:0in;
	margin-bottom:.0001pt;
	font-size:9.0pt;
	font-family:"Courier New";
	}
.CodeInText
	{
	font-family:"Courier New";
	font-weight:bold;
	}





/* --- CMS Easy-Part Styles --- */
.showOff { 
	border:none ;
}
	
.showON	 { 
	cursor: pointer;
	BACKGROUND-IMAGE: url(/cms/images/halbtrans2.gif);
}
.contentTitle	{
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial;
    BACKGROUND-COLOR: yellow;
    padding: 0px 4px 0px 4px;
    border: 1px solid gray;
}