/* style file for gap cycling club */
td.nav { 
    width: 160px;
    vertical-align: top;
    background-color: black;
    }

td.main {
    width: 700px ;
    vertical-align: top;
    padding: 15px;	
    background-color: #CCCCCC;
    };

div.nav {
   display: inline; float: left; position: relative;
     width: 200px; 
    background: transparent;
   }
div.footer {
	display: block;
    background:blue;
 }
div.nav ul {
  list-style-image: none;
  list-style-position: inside;
  list-style-type: none;
  margin: 6px;
  padding:0pt;

}

div.nav ul li {
    margin: 2px;
}
div.nav ul li a {
   font-family: sans-serif;
   font-weight: bold;
   display:block;
   text-decoration: none;
   text-align: center;
   line-height:36px;
   width: 140px;
   height: 36px;
}


div.rf {
    float: right;
}

div.banner {
    background-color: #008dda;
    background-repeat: no-repeat;
    background-image: url(banner.gif);
    height: 128px;
   }

div.nav ul.blue  a      {  background-image: url(button-blue-normal.png); color: #001280; }
div.nav ul.blue  a:hover{  background-image: url(button-blue-highlight.png); }
div.nav ul.grey  a      {  background-image: url(button-grey-normal.png); color: #808080; }
div.nav ul.grey  a:hover{  background-image: url(button-grey-highlight.png); }
div.nav ul.green a      {  background-image: url(button-green-normal.png); color: #00802A; }
div.nav ul.green a:hover{  background-image: url(button-green-highlight.png); }

table.calendar {
   font-size: small;
    }

table.calendar tr.Road {
    background-color: #777777;
    }

table.calendar tr.Mountain {
    background-color: #66EE66;
    }

table.calendar tr.Other {
    background-color: #CC9955;
   }

body {
   margin:0pt;
   font-family: Arial, Helvetica,sans-serif;
}