body,td {
margin:0px;
padding:0px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#2F4135;
font-size:11px;
}
h1 {
font-size:11px;
font-weight:normal;
margin: 0;
}

h2 {
font-size:12px;
font-weight:normal;
margin: 0;
}

h3{
font-size:19px;
font-weight:normal;
margin: 0;
color: #ffffff
}

h4 {
font-size:15px;
font-weight:bold;
margin: 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h5 {
font-size:12px;
font-weight:normal;
margin: 0;
color: #ffffff;

}

/* EDITOR RELATED STYLES - CUSTOMIZE FOR YOUR NEEDS */
/*
    The classes panel, the visual feedback and the preview
    will be affected by these values.
    
    - Commented styles inside style definitions are used for visual 
      feedback when using the editor.
    - Comments before opening the style are used as caption.
    - Comments after the class name and before the style declaration ({)
      define the jQuery expression that decides whether this 
      style should be applied or not.
      
    Note: the WYMeditor and /WYMeditor comments below are required
    for the CSS parser to work properly.
*/

/* WYMeditor */

/* PARA: Date */
p.date {
  color: #ccf;
  /* background-color: #ff9; border: 2px solid #ee9; */
}

/* PARA: Hidden note */
p.hidden-note /* p[@class!="important"] */ {
     display: none;
    /* color: #999; border: 2px solid #ccc; */
}

/* PARA: Important */
p.important /* p[@class!="hidden-note"] */ {
    color: red; font-weight: bold;
    /* color: red; font-weight: bold; border: 2px solid red; */
}

img.border {
    border: 1px solid #ccc;
    /* border: 4px solid #ccc; */
}

/* LIST: Special */
ul.special,
ol.special {
    color: green;
    /** / background-color: #fc9; border: 2px solid red; /**/
}


/* /WYMeditor */
/* END EDITOR RELATED STYLES */


/* YOU CAN ADD NON-WYMEDITOR RELATED STYLES HERE */


.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font: normal 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


.ddcolortabs a{
float:left;
color: white;
background: #0000FF url(http://www.cogenhoeunited.co.uk/images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(http://www.cogenhoeunited.co.uk/images/color_tabs_right.gif) no-repeat right top;
padding: 6px 8px 3px 7px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #0066ff;
}

.ddcolortabs a:hover span{
background-color: #0066ff;
}

.ddcolortabs a.current, #ddcolortabs a.current span{ /*currently selected tab*/
background-color: #0066ff;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #0000ff;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}

#lefttable{
float:left;
width: 490px;
padding: 10px;
border-width: 2px;
border-style: ridge;
border-color: #f2f2f2;
background-color: #f2f2f2;
layer-background-color: #f2f2f2; 
visibility: visible;
}

#righttable{
float:right;
width:320px;
padding: 10px;
border-width: 2px;
border-style: ridge;
border-color: #f2f2f2;
background-color: #f2f2f2;
layer-background-color: #f2f2f2; 
visibility: visible;
}


#content {
float:right;
}

#main {
padding:25px 5px 5px 15px;
float:left;
}

#right {
padding:25px 0px 5px 0px;
}

#left {
padding:25px 0px 5px 190px;
}

#left td {
border-bottom:1px solid #005d98;
}

#left table{
border-collapse:collapse;
}

#center {
padding: 15px 0px 5px 300px;
}

#links {
padding: 15px 0px 5px 175px;
}



#headerbackground{
background: transparent;
height: 87px;
width: 100%;
z-index:-2;
}


#title {
z-index: 2;
position:absolute;
top: 0px;
left: 0px;
}

#banner {
z-index: -1;
position:absolute;
top: 10px;
right: 10px;
}

td.index{
padding :1px;
}
                
table.league{
border-collapse: collapse;
}