BODY                {   font-family: Helvetica;
                        color: black;
                        margin:  10px 0px 25px 0px;
                        border:  0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        background-color: #D0D0D0;
                    }

TABLE.pagebox       {   background-color: white;
                        margin-left: auto;
                        margin-right: auto;
                        font-size: 9pt;
                        margin: 0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        border:  0px 0px 0px 0px;
                        border-color: #34689a;
                        border-style: solid;
                        border-width: 1px;
                        border-collapse: collapse;
                    }
TR.pagebox          {   margin:  0px 0px 0px 0px;
                        border:  0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                    }
TD.pagebox          {   margin:  0px 0px 0px 0px;
                        border:  0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        vertical-align: center;
                    }

DIV.pageheader      {   margin:  0px 0px 0px 0px;
                        border:  0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        border-bottom-style: solid;
                        border-bottom-width: 1px;
                        color: #34689a;
                        text-align: center;
                        vertical-align: center;
                    }
DIV.pagefooter      {   margin:  -1px -1px -1px -1px;
                        border:  0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        background-color: #34689a;
                        color: white;
                        text-align: center;
                    }
DIV.sidebox         {   margin:  10px 10px 10px 10px;
                        border:  0px 0px 0px 0px;
                        padding: 0px 0px 5px 0px;
                        border-color: #34689a;
                        border-style: solid;
                        border-width: 1px;
                        width: 148px;
                    }

DIV.cntrbox         {   margin:  10px 10px 10px 10px;
                        border:  0px 0px 0px 0px;
                        padding: 0px 0px 5px 0px;
                        border-color: #34689a;
                        border-style: solid;
                        border-width: 1px;
                        width: 436px;
                    }


H1                  {   background: #34689a;
                        font-size: 9pt;
                        text-transform: uppercase;
                        color: white;
                        text-align: center;
                        font-weight: normal;
                        margin:  0px 0px -10px 0px;
                        border:  0px 0px 0px 0px;
                        padding: 2px 0px 2px 0px;
                    }
H2                  {   font-size: 9pt;
                        text-transform: uppercase;
                        color: #34689a;
                        text-align: left;
                        font-weight: bold;
                        margin:  25px 0px 5px 0px;
                        border:  0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        clear: both;
                    }
H3                  {   color: #402020;
                        font-size: 9pt;
                        font-weight: bold;
                        margin: 0px 0px 0px 0px;
                    }

H4                  {   color: #402020;
                        font-size: 9pt;
                        font-weight: bold;
                        margin: 5px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                    }

P                   {   color: #402020;
                        font-size: 9pt;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 0px 8px 0px;
                    }

TABLE.form          {   margin: 0px 0px 0px 0px;
                        border: 0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                    }

TD.form             {   vertical-align: top;
                        padding: 0px 0px 0px 0px;
                        font-size: 8pt;
                    }

TH                  {   text-align: left;
                        font-size: 9pt;
                        padding: 5px 0px 5px 5px;
                        font-weight: bold;
                        color: #34689a;
                    }

TD                  {   vertical-align: top;
                        font-size: 8pt;
                        padding: 1px 5px 1px 0px;
                    }


TD.H1               {   vertical-align: top;
                        border-color: white;
                        border-style: solid;
                        border-width: 1px;
                        padding: 2px 2px 2px 2px;
                        text-transform: uppercase;
                        text-align: center;
                        font-size: 9pt;
                        color: white;
                        background-color: #34689a;;
                    }
TD.bd               {   vertical-align: top;
                        border-style: none;
                        padding: 5px 5px 5px 5px;
                        font-size: 9pt;
                        color: #402020;
                    }


INPUT               {   color: #402020;
                        font-size: 7pt;
                    }
SELECT              {   color: #402020;
                        padding: 0px 0px 0px 0px;
                        font-size: 8pt;
                    }
TEXTAREA            {   color: #402020;
                        font-size: 8pt;
                    }

DIV.imagebox        {   padding: 5px 5px 5px 5px;
                        font-size: smaller;
                        float: right;
                        text-align: center;
                    }

DIV.newshead_sb     {   font-size: 7pt;
                        text-transform: uppercase;
                        color: #34689a;
                        text-align: left;
                        margin:  15px 0px 0px 0px;
                        border:  0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        clear: both;
                    }
SPAN.newsdate_sb    {   font-size: 7pt;
                        font-style: italic;
                        color: #402020;
                        text-align: left;
                        margin:  15px 0px 0px 0px;
                        border:  0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        clear: both;
                    }

TABLE.box           {   width: 100%;
                        font-size: 9pt;
                        color: #402020;
                        border-collapse: collapse;
                        border-width: 0px;
                        margin:  0px 0px 0px 0px;
                        border:  0px 0px 0px 0px;
                        padding: 5px 5px 5px 5px;
                    }
TD.smalltext        {   font-size: 8pt;
                        padding: 0px 5px 0px 5px;
                    }

TH.box              {   text-align: left;
                        padding: 5px 0px 5px 5px;
                        color: #34689a;
                    }
DIV.innerbox        {   padding: 5px 4px 4px 4px; }

/* The -10px right margin apparently fixes an IE bug where the table width is calculated wrongly */
/* as the full width of DIV.innerbox including the padding.  */
/* as -10px is probably an illegal margin width */
TABLE.cldr          {   width: 100%;
                        font-size: 9pt;
                        color: #402020;
                        border-collapse: collapse;
                        border-width: 0px;
                        padding: 25px 0px 5px 0px;
                        margin:  10px -10px 0px 0px;
                    }

TABLE.image         {   margin: 0px 0px 5px 5px;
                        float: right;
                    }

CAPTION             {   caption-side: bottom;
                        margin:  -5px 0px 0px 0px;
                        padding:  0px 15px 0px 15px;
                        font-size: 8pt;
                        font-weight: normal;
                    }

TH.cldr             {   text-align: left;
                        padding: 5px 5px 2px 0px;
                        border-bottom-width: 1px;
                        border-bottom-color: #804040;
                        border-bottom-style: solid;
                        color: #34689a;
                    }

TR.match            {   color: #34689a; font-weight: bold; padding: 0px; margin: 0px; }
TR.practice         {   color: #402020; }
TR.duty             {   color: #DF2020; font-weight: bold;}
TR.other            {   background-color: #FFFFFF; }
TR.vote             {   background-color: #FFFFFF; }
TR.party            {   background-color: #FFF0FF; }
TR.strong           {   font-weight: bold;
                        color: #34689a;
                    }
TD.futrSidebox      {   padding: 5px 0px 2px 0px;
                        border-bottom-width: 1px;
                        border-bottom-color: #804040;
                        border-bottom-style: solid;
                    }

TD.alignRight       {   text-align: right; }

A:link              {   color: #34689a; text-decoration: none; }
A:visited           {   color: #34689a; text-decoration: none; }
A:hover             {   color: #34689a; text-decoration: underline; }
A.newslink          {   font-size: 8pt;
                        font-variant: small-caps    ;
                    }

UL                  {   padding: 0px 0px 0px 15px;
                        margin: 0px 0px 0px 0px;
                    }

IMG                 {   border: 0px;    }
IMG.players         {   width: 100px; }
IMG.team            {   width: 250px; }


DIV.ads            {    width: 160px;
                        margin: 0px 0px 20px 25px;
                        background: white;
                        border-color: #34689a;
                        border-style: solid;
                        border-width: 1px;
                        color: #34689a;
                        text-align: center;
                        font-size: 8pt;
                    }


/* Drop down menu CSS                                                                               */
/* Drop down menues inspired by http://www.htmldog.com/articles/suckerfish/dropdowns/               */
/* Positioning of horisontal lists, see: http://www.webreference.com/programming/css_lists/2.html   */

#dd {
    display:        table;      /* The table property allows centering of the list              */
    white-space:    nowrap;     /* IE fix: Prevents line splitting by IE width hack below       */
    margin:         2px auto;   /* CSS centering of first level list                            */
    padding:        0px;        /* Remove indentation for list item bullet / number             */
    list-style:     none;       /* No numbering of first level items                            */
    line-height:    1;          /* More consistent line height in Firefox                       */
}

#dd li      {
    list-style:     none;       /* First level items are in one line (inline)                   */
    float: left;                /* First level items are in one line (inline)                   */
    text-align:     left;
}


#dd ol li   {
    display:        table-cell; /* First level items are stacked horisontally                   */
    font-size:      10pt;
}

#dd ul li   {
    float:          none;       /* Second level items are stacked vertically (as usual lists)   */
    font-size:      8pt;
    padding:        3px 0px 3px 0px;
}

/* Second level items have colored background, but on hover we mark background white    */
#dd ul          { background-color: #f4f0ff; }  /* UL's are our second level lists      */
#dd li:hover    { background-color: white; }    /* Re-color only the selected item      */

/* IE quirks mode has a non-compliant CSS implementation. In particular LI does not react to the hover property     */
/* and the box model logic is screwed up. We need to set a specific length to the 2nd level items, and  */
/* because of this, the hover background color will probably never work with IE, so we paint all white  */
/* On the box issue, see http://www.webreference.com/programming/css_lists/2.html                       */
* html #dd ol       { display: inline; }
* html #dd ul       { text-align: left;  background-color: white; }
* html #dd li       { display: inline; width: 1px; float: none;  }
* html #dd ul li    { white-space: nowrap; display: block; padding: 0px 0px; }

#dd a {
    display:        block;      /* IE fix: Else dropdown appears right of the 1st level item        */
    padding:        0px 6px;    /* Styling for all the links                                        */
    border-width:   0px;
    border-color:   #34689a;
    border-style:   solid;
}

/* Push menu out to left if no hover */
#dd li ul {
    position:       absolute;
    left:           -999em;
}

/* Show menu normally if hover */
#dd li:hover ul, #dd li.sfhover ul {
    left:           auto;
    border-color:   #34689a;
    border-style:   solid;
    border-width:   1px;
    list-style:     none;
    padding:        4px 0px 0px 0px;
    margin:         0px;
}

