/*
 * ----------------------------------------------------------------------------
 * Styles for general html elements.
 * ----------------------------------------------------------------------------
 */
body
{
  margin: 0px;  
  font: arial;
  background-image: url('images/layout/content-background.gif');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 100px 60px;
  background-color: #FFFFFF;
}

 /*
 * ----------------------------------------------------------------------------
 * Styles for layout.
 * ----------------------------------------------------------------------------
 */
#header {
  background-color: #FFD610;
}

#header-left {
}

#header-middle {
}

#header-right {
}

#sidebar {
  width: 130px;
  background-color: #FFD610;
}

#content {
  left: 130px;
  width: expression(document.body.clientWidth-130-10+'px');
}

.sidebar-table {
}

.content-left {
  float: left; 
  margin: 5px; 
}

.content-right {
  float: right;
  margin: 5px;
}

/*
 * ----------------------------------------------------------------------------
 * Classes, styles for types of things. Fixture Tables, Menu Items, etc.
 * ----------------------------------------------------------------------------
 */

.menuitem
{
  text-decoration: none;
  background-color: transparent;
  color: #000000;
  width: 130;
  font-size: 90%;
  font-family: arial;
  font-weight: bold;
}

.menuitem-small
{
  text-decoration: none;
  background-color: transparent;
  color: #000000;
  font-size: 70%;
  font-family: arial;
  font-weight: bold;
  line-height: 50%;
}

.menuitem-small-nohighlight
{
  text-decoration: none;
  background-color: transparent;
  color: #000000;
  font-size: 70%;
  font-family: arial;
  font-weight: bold;
  line-height: 50%;
}

.menuitem:hover 
{
  background-color: transparent;
  color: #FFFFFF
}

.menuitem-small:hover 
{
  background-color: transparent;
  color: #FFFFFF
}

.spacer-top
{
  background-image: url('images/layout/news-item-spacer.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: transparent;
  padding-top: 4px;
  padding-bottom: 10px;
}

.spacer-bottom
{
  background-image: url('images/layout/news-item-spacer.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: transparent;
  padding-top: 4px;
  padding-bottom: 10px;
}

.fixturetable
{
  border-collapse: collapse;
  border-style: solid;
  border-width: thin;
  border-color: #000000;
  -moz-border-radius: 12px 12px 12px 12px;
}

table.fixturetable th
{
  background-color: #FFD610;
  border-bottom: solid 1px #000000;
  border-left: solid 1px #000000;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 100%;
}

table.fixturetable td
{
  border-bottom: solid 1px #000000;
  border-left: solid 1px #000000;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 90%;
}

.table-align-right
{
}

table.table-align-right th
{
  text-align: right;
}

table.table-align-right td
{
  text-align: right;
}

.newsitem
{
  background-image: url('images/layout/news-item-marker.gif');
  background-repeat: no-repeat;
  background-position: center left;
  background-color: transparent;
  padding-left: 30px;
  height: 30px;
}

.newsitem-header
{
  background-image: url('images/layout/news-item-marker.gif');
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
  padding-left: 30px;
  height: 28px;
  font-weight: bold;
  text-align: left;
}

.newsitem-body
{
  background-image: url('images/layout/news-item-spacer.gif');
  background-repeat: repeat-x;
  background-position: top;
  background-color: transparent;
  padding-top: 4px;
  padding-bottom: 10px;
}

.data-table
{
  border-style: none;
}

table.data-table tr
{
  text-align: left;
  vertical-align: top
}

table.data-table th
{
  padding-left: 5px;
  padding-right: 5px;
  font-size: 100%;
}

table.data-table td
{
  padding-left: 5px;
  padding-right: 5px;
  font-size: 90%;
}

.member-image
{
  width: 95px;
  height 120px;
}

#calendar {
	width: 141px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
}

.holiday, td.holiday a, td.holiday a:link, td.holiday a:visited {
	color: #FFFFFF;
	font-weight: bold;
	background: #000000;
}


.game-m1, td.game a, td.game a:link, td.game a:visited {
	color: #FFFFFF;
	font-weight: bold;
	background: #FF0000;
}

.unconf-game-m1, td.game a, td.game a:link, td.game a:visited {
	color: #FFFFFF;
	font-weight: bold;
	background: #999900;
}

.training-m1, td.training a, td.training a:link, td.training a:visited {
	color: #FFFFFF;
	font-weight: bold;
	background: #990000;
}

.game-m2, td.game a, td.game a:link, td.game a:visited {
	color: #FFFFFF;
	font-weight: bold;
	background: #4444FF;
}

.unconf-game-m2, td.game a, td.game a:link, td.game a:visited {
	color: #FFFFFF;
	font-weight: bold;
	background: #009999;
}

.training-m2, td.training a, td.training a:link, td.training a:visited {
	color: #FFFFFF;
	font-weight: bold;
	background: #000099;
