ul {font-family: Comic Sans MS, sans-serif; color: black; font-size: 10pt; } 
ol {font-family: Comic Sans MS, sans-serif; color: black; font-size: 10pt; } 
p  {font-family: Comic Sans MS, sans-serif; color: black; font-size: 10pt; } 
h0 {font-family: Comic Sans MS, sans-serif; font-size: 20pt; background-color:#0066CC; color:#DCDCDC; text-align:center;} 
h1 {font-family: Comic Sans MS, sans-serif; font-size: 16pt; color:#6699CC; text-align:CENTER;} 
h2, TABLE.results .heading {font-family: Comic Sans MS, sans-serif; font-size: 14pt; color:#6699CC; text-align:CENTER;} 
h3 {font-family: Comic Sans MS, sans-serif; font-size: 12pt; color:#6699CC; text-align:left;font-weight: normal;} 
th {font-family: Comic Sans MS, sans-serif; color: black; font-size: 10pt; font-weight: normal; } 
td {font-family: Comic Sans MS, sans-serif; color: black; font-size: 10pt; } 

textarea  {font-family: Comic Sans MS, sans-serif; color: black; font-size: 10pt; } 
input     {font-family: Comic Sans MS, sans-serif; color: black; font-size: 10pt; } 

p.skip { color:#6699CC;font-size:9px;  }

img        {border-width:0px}
img.fimage {margin:20px;border-width:5px;border-color:#6699CC;border-style:double;  }
 
body      { margin: 0px; padding: 0px; }
body.pad  { margin: 10px; padding: 10px; }

div       { border:0px; margin: 0px; padding: 0px; border-style:solid; }

div.nav   { margin: 0px; padding: 0px; 
            position: absolute; top: 0px; left: 0px;
            z-index: 2;
            background-color   : #DCDCDC;
            border-top-width   : 140px ; 
            border-left-width  : 4px ;
            border-right-width : 4px ;
            border-top-color   : #DCDCDC;
            border-left-color  : #DCDCDC;
            border-right-color : #DCDCDC;
            width:112px;
          }

div.nav p         { font-family: Comic Sans MS, sans-serif; color: black; font-size: 7pt; text-align:center; } 
div.nav h1        { font-family: Comic Sans MS, sans-serif; color: #0066CC; font-size: 9pt; text-align:center; font-weight: normal; text-decoration: underline; } 
div.nav h2        { font-family: Comic Sans MS, sans-serif; color: #0066CC; font-size: 8pt; text-align:center; font-weight: normal;} 
div.nav a         { font-size: 7pt; } 
div.nav a:link    { color:#0066CC; } 
div.nav a:visited { color:#0066CC; } 
div.nav a:hover   { color:White; } 
div.nav a:active  { color:#0066CC; } 

div.nav2   { position: absolute; top: 0px; right: 0px;
             z-index: 2;
             background-color:white;
             border-top-width : 140px ;
             border-left-width : 0px ;
             border-left-color : red ;
             width:115px;
          }

div.indent  { border : 6px; 
              border-left-color   : #6699CC;
              border-top-color    : white;
              border-bottom-color : #6699CC;
              border-right-color    : white;
              border-style: double;
              padding-left: 10px; 

              padding-bottom: 10px; 

              margin-bottom: 15px;
            }


div.main  { position: absolute; top: 0px; left: 0px;
            z-index: 1;
            background-color:white;
            padding: 10px; 
            border-top-width : 120px ;
            border-left-width : 120px ;
            border-bottom-width : 0px ;
            border-right-width : 0px;
            border-left-color:#DCDCDC;
            border-top-color:#6699CC;
            padding: 30px;
          }

div.main p.centre  { text-align:CENTER; } 
div.main h1.centre  { text-align:CENTER; } 
div.main h2.centre  { text-align:CENTER; } 
div.main h3.centre  { text-align:CENTER; } 
/* #div.main a:link    { color:#009900; } 
   #div.main a:visited { color:#009900; } 
   #div.main a:hover   { color:#006600; } 
   #div.main a:active  { color:#009900; } 
   #div.main hr        { color:#6699CC; }
 */ 
div.main a:link    { color:#0066CC; font-family: Comic Sans MS, sans-serif; } 
div.main a:visited { color:#0066CC; font-family: Comic Sans MS, sans-serif; } 
div.main a:hover   { color:#464646; font-family: Comic Sans MS, sans-serif; } 
div.main a:active  { color:#0066CC; font-family: Comic Sans MS, sans-serif; } 

div.main a.rem:link    { color:#0066cc; font-weight: bold; } 
div.main a.rem:visited { color:#0066cc; } 
div.main a.rem:hover   { color:#464646; } 
div.main a.rem:active  { color:#0066cc; } 

div.main a.rems:link    { color:#0066cc; font-size: 8pt; } 
div.main a.rems:visited { color:#cc6600; font-size: 8pt; } 
div.main a.rems:hover   { color:#464646; font-size: 8pt; } 
div.main a.rems:active  { color:#cc6600; font-size: 8pt; } 

div.main hr        { color:#6699CC; } 

div.main2  { position: absolute; top: 0px; left: 0px;
            z-index: 1;
            background-color:white; 
            padding: 10px; 
            border-top-width : 120px ;
            border-left-width : 120px ;
            border-bottom-width : 0px ;
            border-right-width : 120px;
            border-left-color:#DCDCDC;
            border-right-color:white;
          }

div.head  { position: absolute; top: 0px;  left: 0px;
            z-index: 3;
            margin: 0px; 
            background-color:#6699CC;
            height: 110px;
            border-left-width : 120px ;
            padding: 5px; 
          }
div.head p         { margin:0px; font-family: Comic Sans MS, sans-serif; color: black; font-size: 8pt; text-align: right;} 
div.head td        { margin:0px; font-family: Comic Sans MS, sans-serif; color: black; font-size: 9pt; text-align: right;} 
div.head a:link    { color:white; } 
div.head a:visited { color:white; } 
div.head a:hover   { color:#DCDCDC;   } 
div.head a:active  { color:white; } 

div.logo  { position: absolute; top: 0px;  left: 0px;
            z-index: 6;
            width:100px; height: 100px;
            background-color:#6699CC;
            padding-top: 5px; 
            padding-left: 5px; 
            padding-right: 5px; 
            padding-bottom: 5px; 
            border-right-color:#6699CC;
            border-bottom-color:#DCDCDC;
            border-style: solid;
            border-bottom-width : 10px ;
            border-right-width : 10px;
          }

div.HL    { background-color: #6699CC; }
div.HL h1 { color: white; } 
div.HL h2 { color: white; } 
div.HL h3 { color: white; } 
div.HL a:link  { color: white; } 
div.HL a:visited { color:white; } 
div.HL a:hover   { color:#DCDCDC;   } 
div.HL a:active  { color:white; } 


div.title { position: absolute; top: 55px; left: 120px;
            z-index: 4;
            background-color: #6699CC;
            width:500px;
            height: 40px;
            padding: 0px;
          }
div.title p  { margin:0px; line-height: 1em; font-family: Comic Sans MS, sans-serif;
               color: White; font-size: 16pt; text-decoration: underline; text-align: center;} 



div.loc   { position: absolute; top: 95px; left: 150px;
            z-index: 5;
            background-color: #6699CC;
            width:470px;
            height: 20px;
            border-width : 0px ;
            padding: 0px;
          }
div.loc p  { margin:0px; line-height: 1em; font-family: Comic Sans MS, sans-serif; color: #DCDCDC; font-size: 8pt; text-align: left;} 
div.loc a:link    { color:#DCDCDC; } 
div.loc a:visited { color:#DCDCDC; } 
div.loc a:hover   { color:#0066CC; } 
div.loc a:active  { color:#DCDCDC; } 


TABLE.photo { border-width: 1px; 
	      border-color: #6699CC; 
	      border-style: solid; 
              background-color : white }

div.photo { border-width: 1px; 
            border-color: #6699CC; 
	    border-style: solid; 
            padding: 10px;
            background-color : white }


/* these are used by pretty output tables, like Tournament lists, Games etc */
TABLE.results { width : 100%;
			  border-width: 1px; 
			  border-color: #6699CC; 
			  border-style: solid; 
			  background-color : white }
TABLE.results TH { font-weight: bold;
			  vertical-align:top; 
			  padding: 5px; 
			  background-color: #e5eaf7 }
TD.results { vertical-align:top; padding: 5px; }
TD.even { background-color : #DCDCDC }
TD.odd { background-color : #F0F0F0}



SPAN.hilite { font-weight: bold; color: #6699CC }

SPAN.won { font-weight: bold; color: #008800 }
SPAN.lost { font-weight: bold; color: #aa0000 }
SPAN.drawn { font-weight: bold; color: #ff8000 }

/* these are used by pretty output tables, for Forms */

table.form { border-collapse:collapse;
             border-width:1px; 
             border-color:#6699CC; 
             border-style:solid; 
             background-color:white }

table.form th { font-weight:bold; vertical-align:top; padding: 5px; }
table.form td { vertical-align:top; padding:5px; }

p.error { color:red; }
