html
{
min-height: 100%;
margin-bottom:0.25px; /*To display vertical scrollbars in FF regardless of content size*/
height:100%;
border:0px; /*IE has default page borders*/
}

body
{
height:100%;
margin:0px;
padding:0px;
font:normal 12px/20px "Courier New", Courier, mono;
letter-spacing:1px;
background:url(../images/bg.gif);
}
#wrap /*for the blue horixontal line */
{
width:100%;
margin:0px;
padding:0px;
background:url(../images/line.gif) repeat-x;
}





#container /*To center everything within*/
{
width:900px;
margin:0 auto;
padding:0px;
position:relative;
}
#container a:link, #container a:visited, #container a:active, #container a:focus, #container a:hover
{
outline:none;
}
#container h2
{
margin:20px 0px;
padding:0px;
text-align:center;
font:bold 20px/20px "Courier New", Courier, mono;
}





#navigation
{
margin:0px;
padding:0px;
}
#navigation li
{
display:inline;
margin:0px;
padding:0px;
}





#header
{
width:900px;
height:400px;
margin:0px 0px 20px 0px;
padding:0px;
background:url(../images/header.gif) no-repeat;
}
#header h1
{
margin:0px;
padding:253px 0px 0px 160px;
color:#33CCFF;
font:bold 40px/40px arial,sans-serif;
letter-spacing:10px;
text-transform:lowercase;
}
#header a:link, #header a:visited, #header a:active, #header a:focus, #header a:hover
{
text-decoration:none;
}





#season1
{
width:440px;
margin:0px;
padding:0px;
float:left;
text-align:justify;
}
#season1 img
{
border:0px;
margin:0px 0px 20px 0px;
}
#season1 h2
{
margin:50px 0px 0px 0px;
padding:0px;
text-align:center;
font:normal 16px/20px "Courier New", Courier, mono;
}
#season1 h3
{
margin:0px;
padding:0px;
text-align:center;
font:bold 16px/20px "Courier New", Courier, mono;
text-decoration:underline;
}
#season1 a:link, #season1 a:visited, #season1 a:active, #season1 a:focus
{
font-weight:bold;
color:#33CCFF;
text-decoration:underline;
}
#season1 a:hover
{
color:#000;
text-decoration:none;
}





#season2
{
width:440px;
margin:0px;
padding:0px;
float:right;
text-align:justify;
}
#season2 img
{
border:0px;
margin:0px 0px 20px 0px;
}
#season2 h2
{
margin:50px 0px 0px 0px;
padding:0px;
text-align:center;
font:normal 16px/20px "Courier New", Courier, mono;
}
#season2 h3
{
margin:0px;
padding:0px;
text-align:center;
font:bold 16px/20px "Courier New", Courier, mono;
text-decoration:underline;
}
#season2 a:link, #season2 a:visited, #season2 a:active, #season2 a:focus
{
font-weight:bold;
color:#33CCFF;
text-decoration:underline;
}
#season2 a:hover
{
color:#000;
text-decoration:none;
}





#videos
{
width:520px;
margin:0px;
padding:0px;
float:left;
}





#story
{
width:360px;
margin:0px;
padding:0px;
float:right;
text-align:justify;
}





#footer
{
width:100%;
height:100px;
margin:0px;
padding:50px 0px 0px 0px;
background:url(../images/footer.gif) repeat-x;
text-align:center;
}
#footer p
{
margin:0px;
padding:0px;
}
#footer a:link, #footer a:visited, #footer a:active, #footer a:focus
{
font-weight:bold;
color:#33CCFF;
text-decoration:underline;
}
#footer a:hover
{
color:#000;
text-decoration:none;
}





#
{
width:0px;
height:0px;
margin:0px;
padding:0px;
}





.clear-both
{
clear:both;
line-height:0;
height:0;
margin:0px;
padding:0px;
}





.clear-left
{
clear:left;
line-height:0;
height:0;
margin:0px;
padding:0px;
}





.clear-right
{
clear:right;
line-height:0;
height:0;
margin:0px;
padding:0px;
}





.hidden
{
line-height:0;
width:0px;
height:0px;
display:none;
margin:0px;
padding:0px;
}