body {
         background: white;
         margin: 0;
         padding: 0;
    }
    
    /** dark blue #3300CC  **/
    
    h1 {color: #3300CC; font-style: normal; font-size: 165% ; font-family: Arial ,  Lucida Casual ,  Comic Sans MS ,  sans-serif ;}
    h2 {color: #3300CC; font-style: italic; font-size: 150%; font-family: Arial ,  Lucida Casual ,  Comic Sans MS ,  sans-serif ;}
    h3 {color: #3300CC; font-style: italic; font-size: 125%; font-family: Arial ,  Lucida Casual ,  Comic Sans MS ,  sans-serif ;}
    h4 {color: black; font-style: normal; font-size: 110%; font-family: Arial ,  Lucida Casual ,  Comic Sans MS ,  sans-serif ;}

    h1.indented {margin-left: 2%}
    h2.indented {margin-left: 2%}

     p {color: black; font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ; font-size: 90% ;  }
     
     
     p.red {color: red;   font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ; font-size: 95% ;  }
     
     p.para {color: black;
            font-weight: normal; 
            font-family:    Arial ,sans-serif , Comic Sans MS ,Lucida Casual   ; 
            font-size: 95% ; 
            margin-top:3px; 
            margin-left:2px; 
            margin-right:2px; 
            margin-bottom:3px; }
            
            
     p.paraheader  {font-weight: bold; 
                    font-family:     Arial ,sans-serif, Comic Sans MS , Lucida Casual   ; 
                    font-size: 110% ; 
                    margin-top:6px; 
                    margin-left:2px; 
                    margin-right:2px; 
                    margin-bottom:6px; }

    p.centered {text-align:center;  }

    li {color: black; font-family:  Arial ,  Lucida Casual ,  Comic Sans MS ,  sans-serif ; font-size: 90% ;}


    a:link {color:   #0033FF;}
    a:visited {color:#0033FF;}
    a:active {color: #0033FF;}
    a:hover {color:  #993366;  }
    a {text-decoration: none;}
    
    
    img.borderedright { border:solid 2px black; float:right; }
    img.borderedleft { border:solid 2px black; float:left; }
    img.bordered { border:solid 2px black; }
    img.noborder { border:none; }
    img.noborderleft { border:solid 3px transparent; float:left; }
    img.borderedb { border:solid 2px blue; }
    
    
    
    #clubruntable {
        border: solid 2px gray;
        border-collapse: collapse;
        width:100%;
        margin:2px;
    }
    
    #clubruntable td {
        border: solid 1px gray;
        height:35px;
        color:black;
        font-family:  Comic Sans MS ,  Arial ,  Lucida Casual ,  sans-serif ;
        font-size: 90% ;
        padding:4px;
        }

    #clubruntable td.header {
        color:black;
        font-family:  Comic Sans MS ,  Arial ,  Lucida Casual ,  sans-serif ;
        }

    #clubruntable td.headertopnarrow {
        border: solid 2px gray;
        color:black;
        font-family:  Comic Sans MS ,  Arial ,  Lucida Casual ,  sans-serif ;
        font-size: 100%;
        width:10%;
        font-weight:bold;
        }        
        
   
   #clubruntable td.headertopwide {
       border: solid 2px gray;
       color:black;
       font-family:  Comic Sans MS ,  Arial ,  Lucida Casual ,  sans-serif ;
       font-size: 100%;
       width:45%;
       font-weight:bold;
        }        
        

   #smalltable {
        border:solid 1px gray;
        width:100%;
    }        
    
    #smalltable td.small {
        height:5px;
        color:black;
        font-size: 90%;
        font-family:   Arial ,  Lucida Casual ,  sans-serif ;
    }
    
    #smalltable tr.small {
        border:solid 1px gray;
    }
    
        
   #newstable {
        width:100%;
        /*border:solid 1px gray;*/
    }
    
    /*
    color: black; font-family:  Arial ,  Lucida Casual ,  Comic Sans MS ,  sans-serif ; font-size: 90%
    */
    #newstable td {
        height:18px;
        color:black;
        font-size: 90%;
        font-family:  Comic Sans MS ,  Arial ,  Lucida Casual ,  sans-serif ;
        }

    #newstable td.date {
        color:black;
        width:180px;
        font-family:  Comic Sans MS ,  Arial ,  Lucida Casual ,  sans-serif ;
        vertical-align:top;
        font-weight:bold;
        }

    #newstable td.title {
        color:black;
        font-family:  Comic Sans MS ,  Arial ,  Lucida Casual ,  sans-serif ;
        vertical-align:top;
        font-weight:bold;
        }          
        
    #newstable td.content {
        font-weight: normal;
        color:black;
        font-size: 85%;
        font-family:  Comic Sans MS ,  Arial ,  Lucida Casual ,  sans-serif ;
        }        
       
   #newstable td.contentbold {
       font-weight: bold;
       color:black;
       font-size: 85%;
       font-family:  Comic Sans MS ,  Arial ,  Lucida Casual ,  sans-serif ;
        }    
       
 
 
 
    table.racingtable {
         width:100%;
         font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ;
    }
    
    td.racingtable {
         font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ;
         height:18px;
         color:black;
         font-size: 90%;
         }
 
     td.date {
         font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ;
         color:black;
         width:180px;
         vertical-align:top;
         font-size: 90%;
         font-weight:bold;
         }
 
     td.title {
         font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ;
         color:black;
         vertical-align:top;
         font-size: 90%;
         font-weight:bold;
         }          



     td.titleright {
         font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ;
         color:black;
         vertical-align:top;
         font-size: 90%;
         font-weight:bold;
         text-align:right;
         }          

         
     td.content {
         font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ;
         font-weight: normal;
         color:black;
         font-size: 90%;
         }        
      
       td.content25 {
           font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ;
           font-weight: normal;
           color:black;
           font-size: 90%;
            width:25%;
           }        
      
     td.content20 {
         font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ;
         font-weight: normal;
         color:black;
         font-size: 90%;
          width:20%;
           }        
         
     td.contentright {
         font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ;
         font-weight: normal;
         color:black;
         text-align:right;
         font-size: 90%;
         }       
      
       td.contentright25 {
           font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ;
           font-weight: normal;
           color:black;
           text-align:right;
           font-size: 90%;
           width:25%;
         }      
    
     td.contentcentre {
         font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ;
         font-weight: normal;
         color:black;
         text-align:center;
         font-size: 90%;
         }         
      
    td.contentbold {
         font-family:  Arial , Lucida Casual ,   Comic Sans MS ,  sans-serif ;
        font-weight: bold;
        color:black;
        font-size: 90%;
        }   
 
 
 
 
 
 
 
 
     
       
   #linkstable  
   {
       width:100%;
       border:solid 2px white;
   }      
     
   #linkstable td.image 
   {
       width:40%;
       text-align:right;
       border:solid 5px white;
   }    
       
   
   #linkstable td.text 
   {
       width:60%;
       text-align:left;
       border:solid 5px white;
       font-family:  Arial ,  Comic Sans MS ,  Lucida Casual ,  sans-serif ;
       font-size: 85%;
   }            
       
       
       
    /*** XHTML does not allow >1 id on page, so class tags are no way to inherit - shocking. This cannot be correct !!! */
       
    #banner {
        position: absolute;
        top:1%;
        height:102px;
        background:white;
        }
        
    #bannerleft {
        position: absolute;
        top:1%;
        height:102px;
        left:5px;
        width:102px;
        background:white;
        }

    #bannerright {
        position: absolute;
        top:2%;
        height:100px;
        left:130px;
        }
                 
 
 
     #content {
        position: absolute;
        /* align: left; */
        top: 110px;
        padding:4px;
        width : 90% ;
        min-height:85%;
     }
          
     
     #noborder {
        border-left: none ;
        border-top: gray none;
     }

    /* This goes 1 level inside content */    
    #contcent { 
        position: relative;
        margin-left:100px; 
        width : 90%;
        text-align:center;
        border-left: black 2px dashed;
        border-top: black 2px dashed;
        padding:4px;
    }
    
    /* This goes 1 level inside content */   
    #contleft { 
        position: relative;
        width : 99%;
        margin-left:100px; 
        text-align:left;
        border-left: black 2px dashed;
        border-top: black 2px dashed;
        padding:4px;
    }    
    
    /* This goes 1 level inside contcent or contleft */   
     div.contentnarrow {
        position: relative;
        width : 99%;
        margin-left:100px; 
        border-bottom: gray 1px solid;
        border-right: gray 1px solid;
        border-top: white 1px solid;
        border-left: white 1px solid;
        background: #EEEEEE;
        text-align:left;
        padding:4px;
     }
     
     
     div.contentnarrow2 {
        padding:2px;
        min-height:90px;
     }     
     
    /* This goes 1 level inside contcent or contleft */   
     div.contentnarrownoborder {
        position: relative;
        border-right: gray 1px solid;
        border-left: white 1px solid;
        width : 99%;
        margin-left:100px; 
        background: #EEEEEE;
        text-align:left;
        padding:4px;
     }
    
     #contentbanner {
        position: absolute;
        /* align: left; */
        top: 1%;
        margin-left: 100px;
        padding:8px;
        min-height:85%;
        min-width:80%;
     }
    
    
    
    
    #contentnarrowbanner {
        position: absolute;
        top:2%;
        margin-left:10%; 
        margin-right:10%; 
        height:100px;
        width: 80%;
        padding:0px;
        background : white ;
        text-align:left;
     }   
     
    
    /** Put the contentFooter inside the main content div, so thet ot is at the base of the content,
        where content will be at least 80% of page size **/
        
    #contentfooter {
        position: relative;
        height: 30px;
        width: 100% ;
        text-align:center;
        padding:2px;
    }

    #contentfooter2 {
        position: relative;
        height: 30px;
        width: 100% ;
        text-align:center;
        padding:10px;
    }
    
    #largecontentfooter {
        position: absolute;
        height: 60px;
        width: 100% ;
        top: 90%;
        text-align:center;
    }     
     
     
    #menu { 
        position: absolute;
        /* align: center; */
        width:90px;
        left:5px;
        top:10px;
        height:85%;
        min-height:350px;
        text-align:center;
        }

    #menuitem {
        position: absolute;
        width:100%;
        background:white;
        left: 1px;
        }
        
        
        
    #newscontent {
        position: relative;
         overflow: auto;
        height:90%;
        width:100%;
        }    
        
        
    /* the following are not used */
    #menuitem.one {
        top:1%;
        }
        
    #menuitem.two {
        top:21%;
        }
        
    #menuitem three {
        top:42%;
        }
        
    #menuitem four {
        top:63%;
        }
        
    #menuitem five {
        top:84%;
        }