/*----------------------------------------------------------------------*/

html { 
overflow-x: hidden; 
overflow-y: scroll; }

body {
background-color:#000000;
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 10px 10px;
padding: 0px;}

.clear{clear:both;}* {
margin: 0px;
padding: 0px;}

#container {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 850px;}

a {color:#ffff00;text-decoration: none;}
a:hover {color:#ffff00;text-decoration: underline;}
.blue a {color:#4b27bf;text-decoration: none;}
.blue a:hover {color:#4b27bf;text-decoration: underline;}

p{margin: 15px 0px;}

/********************** Headers ***************************/

#header {
margin: 0px;
border: 1px solid #606060;
border-bottom: 0px;
width:848px;
height:120px;
text-align: left;}
    
.summer {background:url(gfx/summerheader.jpg) no-repeat left top;}
.winter {background:url(gfx/winterheader.jpg) no-repeat left top;}

/******************* MENU ******************/

#menu {
text-align:center;
background: #000 url(gfx/button-on.gif) repeat;
width:848px;
height:28px;
padding:0px;
position:relative;
font-size: 13px;
border: 1px solid #606060;}

#menu ul {
width:848px;
list-style-type:none;
padding: 0;}

#menu li {
float:left;
display:inline;
text-indent:0px;}

#menu ul a {
float:left; text-align:center;
border-left: 0px solid #000000;
border-right: 1px solid #000000;
display:inline;	
height:18px;
background: url(gfx/button-off.gif) repeat;	
text-decoration:none;	
color:#f0f0f0;
padding:5px 15px 4px 15px;}

#menu li.active a {	
background: url(gfx/button-on.gif) repeat;	
color:#fff;}

#menu ul a:hover {	
background: #000;			
text-decoration:none;	
color:#fff;}

/*------------------------ CONTENT ------------------------*/

#content {
float:left;
text-align:justify;
width:824px;
min-height:500px;
padding: 12px 12px 15px 12px;
position:relative;
border: 1px solid #606060;}

.red3-left-btm {background: #009900 url(gfx/red3-left-bottom.jpg) no-repeat left bottom;}
.red3-right-btm {background: #009900 url(gfx/red3-right-bottom.jpg) no-repeat right bottom;}
.ko {background: #009900 url(gfx/red-left-bottom.jpg) no-repeat left bottom;}
.roh {background: #009900 url(gfx/red3-left-bottom.jpg) no-repeat left bottom;}

#box-00045 {
background: url(gfx/00045-bg.png) repeat;
color:#ffffff;
padding:15px;
margin: 0 0 15px 0;
-moz-border-radius: 15px;
border-radius: 15px;
position:relative;}

#box-00065 {
background: url(gfx/00065-bg.png) repeat;
color:#ffffff;
padding:15px;
margin: 0 0 15px 0;
-moz-border-radius: 15px;
border-radius: 15px;
position:relative;}

#box-5300 {
background: #005300;
color:#ffffff;
padding:15px 15px 20px 15px;
margin: 0 0 15px 0;
-moz-border-radius: 15px;
border-radius: 15px;
position:relative;}

#box-fff {
background: #ffffff;
color:#000000;
padding:15px 15px 20px 15px;
margin: 0 0 15px 0;
-moz-border-radius: 15px;
border-radius: 15px;
position:relative;}

#news {
float:left;
text-align:justify;
width:410px;
margin-top:0px;
padding:0px;}

#meetings {
float:left;
text-align:center;
color:#000000;
width:400px;
padding:0px;
position:relative;}

#tables-right {
float:right;
text-align:center;
width:400px;
margin-top:0px;
padding:0px;}

#update-right {
float:right;
text-align:right;
width:400px;
margin-top:0px;
padding:0px;}

#contact-left {
float:left;
text-align:justify;
width:345px;
padding: 15px 0px 0px 15px;
position:relative;
border-left: 0px solid #606060;
border-right: 0px solid #606060;}

#contact-right {
float:right;
text-align:justify;
width:345px;
padding: 15px 15px 0px 0px;
position:relative;
border-left: 0px solid #606060;
border-right: 0px solid #606060;}

#division-left {
float:left;
text-align:justify;
width:400px;
padding: 0px;
display:inline-block;
border-left: 0px solid #606060;
border-right: 0px solid #606060;}

#division-right {
float:right;
text-align:justify;
width:400px;
padding: 0px;
display:inline-block;
border-left: 0px solid #606060;
border-right: 0px solid #606060;}

#ko-left {
float:left;
text-align:justify;
width:240px;
padding: 0px;
position:relative;
border-left: 0px solid #606060;
border-right: 0px solid #606060;}

#ko-left-slim {
float:left;
text-align:justify;
width:170px;
padding: 0px;
position:relative;
border-left: 0px solid #606060;
border-right: 0px solid #606060;}

#ko-right {
float:right;
text-align:justify;
width:565px;
padding: 0px;
position:relative;
border-left: 0px solid #606060;
border-right: 0px solid #606060;}

#ko-right-wide {
float:right;
text-align:justify;
width:630px;
padding: 0px;
position:relative;
border-left: 0px solid #606060;
border-right: 0px solid #606060;}

#roh {
float:right;
text-align:justify;
width:780px;
padding: 0px 22px 0 0;
position:relative;
border-left: 0px solid #606060;
border-right: 0px solid #606060;}

/*---------------------- League Tables -------------------*/

#leaguetable
{border-collapse:separate;}

#leaguetable td.left {text-align: left; text-indent:8px;}
#leaguetable th.left {text-align: left; text-indent:8px;}

#leaguetable td{
color:#000000;
background:#ffffb3;
padding: 3px 1px 2px 0px;
text-align: center;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;}

#leaguetable th {
background-color:#004400;
color:#ffffff;
padding: 4px 0px 2px 0px;
text-align: center;
font-size: 17px;
border-bottom: 3px;}

#leaguetable tr.alt td 
{background-color: #ffffdb;
color:#000000;}

#leaguetable tr.alt2 td {
background-color: #303030;
font-size: 15px;
color:#ffffff;}

#leaguetable tr.alt3 td {
background-color: #404040;
font-size: 16px;
color:#ffffff;}

#leaguetable td.win
{background-color: #008000; color:#ffffff}
#leaguetable tr.alt td.win {background-color: #008000; color:#ffffff}

#leaguetable td.right, #leaguetable th.right {
text-align: left;
text-indent: 8px;}

#leaguetable td.iv, #leaguetable tr.alt td.iv, #leaguetable th.iv {
background: #009900 url(boxes/00045-bg.png) repeat;
color: #ffffff; }

/************************************************ Footer *************************************************/

#footer {
width:848px;
border: 0px solid #808080;
border-top: 0px solid #808080;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#c0c0c0;
text-align:left;
text-indent:1px;
padding: 3px 0px;
float:left;
position:relative;}
    
/************* MISC **************/