body /* for ie6 and below */ { font-size: 90%; color: #3a3939; background: #e6f0fa;   }
html>body /* for all other browsers */ { font-size: 12px; background: #e6f0fa; }
p, h2, h3, h4, h5, h6, ul, ol, dl, form, blockquote, fieldset, table  /* = 6px of spacing between lines making 21px total line-height */
{ line-height: 1.5em; }
p, h2, h3, h4, h5, h6, ul, ol, dl, form, blockquote, fieldset, table  /* set margins to preserve 21px line-height by matching line-height */
{ font-size: 1em; margin-top: 1.5em; margin-bottom: 1.5em; }
body, form { font-family:  Verdana, Arial;   }
h1 {  font-size: 1.5em; line-height: 0.875em; margin-top: 0; margin-bottom: 1.25em; color: #e11e03; }
h2 { /* 18px */ font-size: 1.285714em;  font-weight: normal; line-height: 1.166667em; margin-bottom: 1.166667em; margin-top: 1.166667em; color: #3a3939;  }
h3 { /* 14px */ font-size: 1em;  font-weight: bold; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em;  color: #3a3939;  }
h4 { /* 14px */ font-size: 1em;  font-weight: bold; line-height: 1.5em; margin-top: 1.5em; margin-bottom: -1.5em;  color: #3a3939; }

/* links */

.content {
width: 900px;
border: solid 1px #2c3736;
background-color: white;
margin-top: 0;
padding: 0px;
height: auto;
}

.content-column-1 { float: left; width: 230px; margin-top: 5px; background-color: white; padding: 0 0 0 5px;  }
.content-column-2 { float: left; padding: 0 5px 0 0; margin-left: 0px; width: 415px; margin-top: 5px; background-color: white; border-left: solid 1px #000033;}
.content-column-3 { float: left; width: 230px; margin-top: 5px; background-color: white; padding: 0 0 0 2px; border-left: solid 1px #000033; height: auto; overflow: auto; }

.content-column-1 img { border: solid 5px #2c3736; }
.mainstory { background-color: #2c3736; }
.mainstory p { margin: 0; padding-left: 5px;}
.mainstory a { text-decoration: none; font-weight: bold; color: white; font-size: 14px;}
.mainstory a:hover { text-decoration: underline; }
.mainstory p.story { color: white; padding-bottom: 10px; padding-top: 5px; }

.otherstory { background-color: white; padding: 2px; }
.otherstory p { margin: 0; padding-left: 5px;}
.otherstory a { text-decoration: none; font-weight: bold; color: #2c3637; font-size: 14px;}
.otherstory a:hover { text-decoration: underline; }
.otherstory p.story { color: black; padding-bottom: 10px; padding-top: 5px; border-bottom: solid 1px #cccccc; }

.roundtop { 
	background: url(/images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(/images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

div.page {
padding: 5px;
height: auto;
margin: 0;
}

img.banner {
border-bottom: solid 1px #2E3454;
}

img.image {
border: solid 1px #2E3454;
width: 200px;
margin-right: 3px;
float: left;
}

div.gallerydiv {
float: left;
width: 270px;
height: 100px;
margin-bottom: 5px;
margin-right: 10px;
}

img.webpic {
border: solid 1px black;
width: 100px;
}

img.sponsor {
border: solid 1px black;
}

div.story {
clear: both;
padding: 2px;
border: solid 1px #2E3454;
width: 100%;
margin-bottom: 4px;
background-color: #99ccff;
} 

div.container {
text-align: left;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
background-color: #6699CC;
border: solid 1px #2E3454;
padding: 1px;
}

div.mainleft {
width: 120px;
margin-top: 5px;
margin-left: 5px;
text-align: left;
padding: 0px;
margin-right: 5px;
float: left;
clear: both;
}

div.maincenter {
width: 475px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
float: left;
border: solid 1px #2E3454;
padding: 3px;
text-align: center;
}

div.mainright {
margin-top: 5px;
margin-left: 5px;
width: 170px;
padding: 2px;
float: left;
border: solid 1px #2E3454;
background-color: #99ccff;
}

div.right {
margin-top: 5px;
margin-bottom: 2px;
margin-right: 2px;
width: 660px;
padding: 2px;
float: left;
border: solid 1px #2E3454;
background-color: #99ccff;
}


div.option3 {
clear: both;
margin-bottom: 10px;
text-align: left;
width: 120px;
padding-right: 0px;
}


div.option3 ul {
margin: 0px;
padding: 0px;
}

div.option3 ul li {
background-color: #6699CC;
border: solid 1px #2E3454;
font-weight: bold;
vertical-align: middle;
list-style: none;
margin-bottom: 2px;
}

div.option3 ul li a {
text-decoration: none;
color: white;
display: block;
width: 112px;
padding: 3px;
}


div.option3 ul li a:hover {
background-color: #2E3454;
}

div.event {
border-bottom: solid 1px #2E3454;
margin-bottom: 3px;
width: 100%;
font-size: 100%;
padding: 0px;
}

span.date {
color: black;
font-size: 90%;
font-weight: bold;
}

div.footer {
width: 100%;
font-size: 100%;
padding: 5px;
clear: both;
}

table.fixtures {
border: solid 1px #2E3454;
}

table.fixtures tr {
vertical-align: top;
}

table.fixtures tr.header {
font-weight: bold;
border: solid 1px #2E3454;

}

table.fixtures td {
padding: 4px;
}

table.fixtures td.home {
font-weight: bold;
}

div.selection {
border: solid 2px #2E3454;
padding: 4px 4px 4px 4px;
text-align: center;
font-weight: bold;
}

.rss_box { background-color: white; margin-top: 5px; padding: 2px 3px; border: solid 1px #2E3454; width: 462px; text-align: left; }

.rss_title, rss_title a { font-size: 120%; font-family: FontName, Tahoma; font-weight: bold; letter-spacing: 1px; margin: 2px 0; padding: 0; border: none; }

.rss_items    { list-style-type: none; list-style-image: url("/images/hand.jpg") }

.rss_item { color: black; font-size: 100%; font-family: Tahoma; font-weight: normal; margin: 2px 2px; }

.rss_item a:link, .rss_item a:visited { color: maroon; font-size: 120%; text-decoration: none }

.rss_item a:hover { color: gray; text-decoration: underline }

.rss_date { color: gray; font-size: 90%; font-weight: normal }

td.player {
text-align: center;
}

td.player a {
color: 6699CC;
text-decoration: none;
}

td.player a:hover {
color: black;
text-decoration: none;
}


table.profile {
width: 100%;
}

table.profile td {
width: 600px;
padding: 3px;
}

table.profile td.title {
background-color: #2E3454;
color: white;
font-weight: bold;
}

table.profile td.title2 {
background-color: #cccccc;
color: #2E3454;
font-weight: bold;
width: 60px;
}

table.club {
border: solid 1px #2E3454;
border-collapse: collapse;

}


table.club td.date {
padding: 3px;
font-weight: bold;
border: solid 1px #2E3454;
background-color: #f1f2f5;
width: 150px;
}

table.club td.winners {
padding: 3px;
border: solid 1px #2E3454;
width: 150px;
}


table.splash {
border: solid 5px blue;
padding: 0px;
margin: 0px;
border-collapse:collapse;
}

table.splash td {
margin: 0px;
padding: 0px 0px 0px 0px;
border: solid 5px blue;
background-color: blue;
}

table.splash td img {
border: solid 1px blue;
}

table.splash td a {
text-decoration: none;
}

table.splash tr {
margin: 0px;
padding: 0px;
}


.borderhover {
border: solid 1px blue;
}

.borderhover:hover {
border: solid 1px white;
}


/* navigation menu */

#main-navigation-container { background: #000033; width: 900px;  }
#main-navigation { background: #000033;  }
#main-navigation ul { margin-bottom: 0; margin-top: 0; height: 2.5em }
#main-navigation ul li { float: left;  border-right: 1px solid #99ccff; margin: 0 }
#main-navigation ul li a, #main-navigation ul li a:visited { text-decoration: none; display: block; padding: 0.5em 0.75em; font-weight: bold; color: white; border: 0;   background: #000033;  }
#main-navigation ul li a:hover { background-color: #000033; }
#main-navigation ul li a.link-on, #main-navigation ul li a.link-on:visited { background: #99ccff;  }


/* Mega-dropdown styles */

ul#menu li.mega div {

  position: absolute;

  left: 0em;

}

ul#menu li {
  display: inline;
  position: relative;
}

ul#menu div {
  display: none;
}

ul#menu li.mega div {
  width: 10em;
  position: absolute;
  z-index: 10000;
  left: 0em;
  padding: 3px;
}

ul#menu li.hovering div {
  display: block;
  background-color: #000033;
width: 200px;

}

ul#menu li.hovering div h2 {
  display: block;
  color: white;
}

ul#menu li.hovering div a {
  color: white;
  border: 0;
  float: none;
  font-size: .8em;
}

ul#menu li.hovering div ul {
list-style-type: none;
padding: 3px 3px 3px 3px;
margin-left: 0px;
}

ul#menu li.hovering div li {
    display: inline;
    padding: 1px;

}

#main-navigation ul li.mega div li { float: none; display: block; border: 0; border-bottom: solid 1px #000033; position:relative; z-index:5000; }
#main-navigation ul li.mega div li:hover { background: #99ccff url(/images/dropdown-arrow.gif) no-repeat right center; }

#main-navigation ul#menu li.mega div li a { background: 0; padding: 0; border: 0;  color: white; display: inline; }
#main-navigation ul#menu li.mega div li a:hover { color: #000033; }
#main-navigation ul#menu li.mega div { background: #000033; border: 1px solid #000033; margin-left: 0px; border-top: 0; font-size: 110%;  padding: 0 0 0 0; }
#main-navigation ul#menu li.mega ul { border: 0; padding: 0 0 0px 0px;  height: auto; }
#main-navigation ul li.mega div h2 { color: #333; margin: 0 10px 10px 10px; font-size: 80%; font-weight: bold }
#main-navigation ul li.mega div label { font-weight: bold; font-size: 80%; }
#main-navigation ul#menu li.mega { z-index: 5000 /* the bit that makes it work in IE */ }
#main-navigation ul#menu li a:hover { background-color: #99ccff; }
#main-navigation ul#menu li.mega a { background: #000033 url(/images/dropdown-arrow.gif) no-repeat right center; padding-right: 20px }
ul#menu li.hovering div a {
  color: white;
  border: 0;
  float: none;
  font-size: .8em;
}



p.title {
font-weight: bold;
margin-top: 0px;
margin-bottom: 5px;
padding: 2px;
border-bottom: solid 1px #cccccc;
text-align: center;
}


.feature1, .feature2 {
background-color: #000033;
color: white;
float: left;
width: 293px;
padding: 0px 0px 0px 5px;
border-right: dashed 1px white;
margin-bottom: 10px;
text-align: center;
border-left: solid 1px #000033;
}

.feature3 {
background-color: #000033;
color: white;
float: left;
width: 294px;
padding: 0px 0px 0px 5px;
margin-bottom: 10px;
text-align: center;
border-right: solid 1px #000033;
}

.feature1 h2, .feature2 h2, .feature3 h2 {
color: white;
font-size: 12px; font-weight: bold;
}


.feature1 a, .feature2 a, .feature3 a {
color: white;
font-size: 14px; font-weight: bold; text-decoration: none;
}

.feature1 a:hover, .feature2 a:hover, .feature3 a:hover {
text-decoration: underline;
}

img.feature {
border: solid 1px white;
text-align: middle;
}






img.storyimage {
border: solid 4px #000033;
width: 220px;
float: right;
clear: right;
margin: 10px;
}

.page p.title {
font-weight: bold;
font-size: 16px;
color: #2c3637;
border-bottom: solid 1px #000033;
}

table.position {
border: solid 1px #ccc; 
padding: 5px; 
border-collapse: collapse;
}
table.position td {
border: solid 1px #ccc; 
padding: 5px; 
}

div.newfooter {
width: 890px;
font-size: 90%;
padding: 5px;
background: url('images/foot.jpg') no-repeat;
color: white;
border: 1px solid #000033;
clear: both;
height: 118px;
text-align: center;
margin-top: 0px;
}

.newfooter a {
color: white;
text-decoration: none;
}

img.otherimage {
border: solid 4px #000033;
}

/* centering */
.center /* centers fixed width column, used for footer, header and content */ { width: 900px;  margin: 0 auto; position: relative; z-index: 8000; }