* {
  margin: 0;
  padding: 0;
  }

body {
  font-family: Georgia, Chicago, Verdana, Arial, Helvetica, sans-serif;
  background: #000;
 /*url(images/bg.png) center top repeat-y;*/
  }

#wrapper {
  width: 960px;
  margin: 0 auto;
  background: #fff;
  }

h1 {
  font-size: 18pt;
  font-family: verdana;
  font-weight: bold;
  color: black;
  }

h2 {
  font-size: 10px;
  color: #fff;
  background: url(images/dot.jpg) left top no-repeat;
  }

h3 {
  color: #fff;
  }

p {
  margin: 5px;
  font-size: 10pt;
  color: #000;
  line-height: 140%;
  }

a {
  color: #cc0000;
  text-decoration: none;
  }

a:hover {
  color: #000;
  }

#header {
  background: #cc5555 url(images/header2.png) top center no-repeat;
  height: 153px;
  }

#header #title {
  display:none;
  height: 140px;
  line-height: 140px;
  margin-left: 30px;
  }

#header #title a {
  font-size: 24px;
  font-weight: bold;
  color: #FFF;
  }

#nav {
  margin-top: 2px;
  }

#nav ul li {
  display: inline;
  }

#nav a {
  font-size: 12px;
  font-weight: bold;
  padding: 0 15px;
  color: #FFF;
  }

#nav a:hover {
  color: #09f;
  }

#stripe {
  margin-top: 20px;
  width: 960px;
  height: 43px;
  background: url(images/stripebg.jpg) left top no-repeat;
  }

#sidebar {
font-weight:bold;
  float: left;
   background: url(images/sidebg.png) left top ;

  background-color:#fff;
  color: #000;
  font-size: 12px;
  width: 200px;
  }
  
#sidebar .bottom
{
height: 4px;
   background: url(images/sidebgbottom.png) left bottom no-repeat;
}
#sidebar a {
  color: #eee;
  display: block;
  padding: 5px 9px;
  }
#sidebar a:hover {
  color: #ddd;
  background: #cc0000;
  }
#sidebar ul {
  list-style-type: none;
  }

#sidebar h2 {
  background: #cc0000;
  padding: 3px 3px 3px 5px;
  font-size: 1em;
  }

#sidebar h2 a {
  color: blue;
  padding: 7px;
  text-decoration: underline;
  }

#sidebar h2 a:hover {
  color: #000;
  background: #;
  }

#header ul, #sidebar * {
  list-style-type: none;
  }

#sidebar li {
  margin: 0px 0;
  }

#sidebar li span{
  padding: 1px 7px;
  display: block;
  margin-top: 4px;
 }


#content {
  float: left;
  width: 760px;
  background-color: #fff;
  font-size: 13px
  }

#content ul, #content dl{
	list-style-type: none;
}
#content ul, #content dl, #content ol {
  
  margin: 10px;
  font-size: 10px;
  color: #000;
  }

.post {
  margin: 0px 10px;
  }

.postUpper {
  border-bottom: 1px dotted #999;
  }

.postTitle {
  padding: 5px 0;
  color: #222;
  font-size: 20px;
  font-weight: bold;
  }

.date {
  color: #666;
  text-align: center;
  font-size: 10px;
  line-height: 13px;
  padding: 2px 5px;
  float: right;
  width: 120px;
  background: #ccc;
  }

.postContent {
  padding: 10px 0;
  text-align: justify;
  }
.postContent img{
  margin: 0 5px 5px 0;
  border: 0;
  }


.postLower {
  padding: 2px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000;
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;
}

.pageLower {
  padding: 2px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000;
}

.navigation {
  margin: 10px;
  padding-bottom: 3px;
  color: #ccc;
  font-size: 12px;
  text-align: center;
  border-bottom: 1px dotted #999;
  }

.comment {
  margin: 10px;
  }

.comment p { /* Adds vertical space to "Logged in as..." para. */
  margin: 5px 0;
  }

#comments { /* Refers to h3. */
  margin: 10px 0;
  text-align: center;
  color: #ccc;
  font-size: 12px;
  }

.commentlist cite {
  float: left;
  width: 200px;
  padding: 2px 0;
  color: #069;
  font-size: 14px;
  font-weight: bold;
  }

.commentmetadata {
  float: right;
  margin-top: -15px;
  width: 250px;
  text-align: right;
  }

.commentmetadata a {
  font-size: 10px;
  padding: 2px 5px;
  }

.commentlist p { /* Styles the comment text. */
  clear: right;
  padding: 10px 0;
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;
  }

#comment { /* Refers to form textarea. */
  width: 420px;
  }

#footer {
  clear: both;
  width: 960px;
  text-align: center;
  padding: 10px 0;
  }

  
#footer a {
  color: #fafafa
  }
  
#footer a:hover {
  color: #333
  }
  
#footer #templateinfo, #footer #templateinfo a {
  margin-bottom: 25px;
  font-size: 9px;
  color: #666666;
  }
.pagehead
{
margin: 15px auto;
margin-bottom: 0;
text-indent: 30px;
color: #000;
border-bottom: 1px solid dotted;
font-size: 15px;
}

#ads
{
margin-left: 800px;
width: 186px;
position: absolute;
top: 130px;
padding: 0 2px;
}

#ads img
{
width: 100%;
}

#ads a img
{
border: 1px solid #000;
padding: 1px;
}
#ads a:hover img
{
border: 1px solid #cc0000;
padding: 1px;
}

.aduppper
{
border-top: 1px dotted #000;
text-align: center;
}

.aduppper:first-child
{
border-bottom: 0; 
}

.adupper h2
{
color: #000;
text-align: center;
}

.adcontent
{
text-align: center;
border-bottom: 1px #333 dotted;
}

#sidebar ul ul
{
margin: 0;
}

.homelink {
  display: block;
  padding: 3px 0;
  margin: 0;
  font-size: 1.1em;
  line-height: 1.1em;
  }
.homelink:hover {
  background-color: #cc0000;
  font-weight: bold;
  }
  
  
table.roster
{
border-top: 2px solid #cc0000;
border-left: 2px solid #cc0000;
font-size: 12px;
margin: 0 auto;
cell-padding: 0;
cell-spacing: 0;
background-color: #fff;
color: #000;
}
table.roster tr
{
margin: 0;
}
table.roster tr:first-child, .roster tr.top
{
background-color: #000000;
color: #fff;
font-weight: bold;
}
table.roster td
{
border-right: 2px solid #cc0000;
border-bottom: 2px solid #cc0000;
padding: 2px 10px;
text-align: center;
}

.division
{
height: 3px;
background-color: black;
margin: 0;
overflow: hidden;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menuparent
{
	background: #cc6666;
	text-align: center;
}


.menu {width:960px; height:20px; line-height: 18px; font-size:0.12px; position:relative; z-index:100;background-color: #cc7878; margin: 0 auto; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:960px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:320px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:right;width:320px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:320px; height:20px; background:#cc3333;line-height:20px; }
.menu a.first{margin-left: 0;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:320px; }

.menu .mstrong {width: 200px;}
.menu .mstrong strong {color: #333; font-size: .8em;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#999 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#cc0000 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:320px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:15px;t\op:16px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#999; color:#000; height:auto; line-height:1em; padding:5px 10px; width:300px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:320px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#cc0000;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#cc0000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }


/* bios */
.stats
{
display: block;
background-color: #cc0000;
width: 360px;
border-top: 5px #999 solid;
border-left: 5px #999 solid;
border-right: 5px #444 solid;
border-bottom: 5px #444 solid;
padding: 10px 20px;
color: white;
margin: 0 auto;
}

.stats img
{
width: 150px;
float: left; 
display: inline; 
margin-right: 10px;
}

.stats table
{
width: 130px;
border-top: 2px solid #ccc;
border-left: 2px solid #ccc;

}
.stats table tr td
{
padding: 4px;
border-bottom: 2px solid #ccc;
border-right: 2px solid #ccc;

}

.number
{
display: block;
width: 50px;
height 18px;
background: url(images/bulletball.png);
font-size: 18px;
line-height: 18px;
font-weight: bold;
padding: 16px 0;
overflow: hidden;
text-align: center;
float: left;
margin-right: 10px;
}
.name
{
height: 50px;
line-height: 50px;
margin: 0 auto;
margin-bottom: 3px;
font-size: 22px;
text-align: right;
}
.bio
{
width: 350px;
margin: 0 auto;
}
.bio ul
{
margin: 0;
list-style-type: disc;
}
.bio ul li
{
margin: 0;
height: .8em;
font-size: 1.1em;
}
.pagehead
{
background: #cc0000;
color: #fff;
border-bottom: 4px solid #000;
padding-top: 6px;
font-size: 1.2em;
}
marquee.front
{

  margin-left: 131px;

  width: 664px;
  marquee-speed: fast;
  background-color: #ddd;
  border-bottom: 2px solid #000;
  font-weight: bold;
}

.indexheaders
{
display: block;
background: #fff8dc;
color: #000;
border-bottom: 4px solid #000;
padding: 6px 10px 0 10px;
font-size: 1.2em;
font-variant: small-caps;
margin-bottom: 4px;
}

.pix
{
position: absolute;
top: 0;
margin-left: 716px;
}

.bnav
{
margin: 10px auto;
padding: 0 10px;
background-color: #ddd;
height: 1.6em;
line-height: 1em;
}
.prevlink
{
width: 30%;
float: left;
}
.nextlink
{
display: block;
float: right;
}

.breadcrumb
{
margin: 2px 0;
padding: 2px 10px;
background-color: #ddd;
font-size: .7em;
color: #555
}
.breadcrumb a
{
color: #cc5555;
padding: 0 3px;
}
.breadcrumb a:hover
{
background-color: #ccc;
}


#ocl
{
height: 97px;
background: url(images/olds.gif) 120px no-repeat;
padding-bottom: 0 !important;
}


#ocl:hover
{
background: #cc0000 url(images/olds.gif) 120px no-repeat !important;
}

.seasonStarts
{
text-align: center;
color: #cc0000;
font-size: 23px;
font-weight: bold;
background: #ccc;
width: 100%;
}

 #kickofftime
{
text-align: center;
color: #cc0000;
font-size: 16px;
line-height: 10px;
height: 28px;
background: #ccc;
width: 100%;
}

#kickofftime a
{
 text-decoration: underline
}

.seasonStarts a
{
color: #cc0000;
text-decoration: underline
}

.seasonStarts a:hover
{
color: #000;
}

.countdowncontent
{
width: 580px;
float: left;
margin: auto 5px;
}

#defaultCountdown
{
border: 0;
height: 38px;
width: 100%;
}

#countdownall
{
width: 750px;
margin: 10px auto;
}

#defaultCountdown span span
{
padding: 0 0 15px 0;
color: #dd0000;
}
