/*
CSS for Cape League Fan pages
*/



header {
      font-family: Verdana, Helvetica, Arial, sans-serif;
      background-color:  #ccffff;
   /*  background-image:  url(backgroundcolor.jpg); */
      line-height: 125%;  
 
     }



body {
      font-family: Verdana, Helvetica, Arial, sans-serif;
      background-color:  #ccffff;
   /*  background-image:  url(backgroundcolor.jpg); */
      line-height: 125%;
      margin: 20px;
/*    padding-left: .8em;
    padding-right: .8em;
*/
     }



h1 {
    font-family: Georgia, Times, serif;
    font-size: medium; color: #6600FF; weight: bold;
    width: 325px;
    border-top: 1px solid #7DA5D8;
    border-bottom: 1px solid #74A5D8;
    border-left: 1px solid #74A5D8;
    border-right: 1px solid #74A5D8;
    padding-top: .2em;
    padding-bottom: .2em;
    padding-left: .3em;

   }


h2 {
    font-family: Georgia, Times, serif;
    font-size: medium; color: #6600FF; weight: bold;
    width: 400px;
    border-top: 1px solid #7DA5D8;
    border-bottom: 1px solid #74A5D8;
    border-left: 1px solid #74A5D8;
    border-right: 1px solid #74A5D8;
    padding-top: .2em;
    padding-bottom: .2em;
    padding-left: .3em;

   }





li {font-size: small;}

p {font-size: .85em; color: #006600;}

em {text-transform: uppercase;}


#sitebranding p {
    
    font-style: italic; 
    font-family: Georgia, Times, serif;
    font-size: x-large; color: #CCFFFF;
    font-weight: bold;
    line-height: 125%;
    text-align: center;
    border-top: 3px solid #7DA5D8;
    border-bottom: 3px solid #74A5D8;
    border-left: 3px solid #74A5D8;
    border-right: 3px solid #74A5D8;
    padding-top: .2em;
    padding-bottom: .2em;
    padding-left: .8em;
   width: 95%; 
    background-color: #66CC66;
   }


#navigation {
      background-color: #66CC66;
      font-color: #FFFFFF;
      font-size: small; 
      line-height: 125%;
      width: 25%;
      text-align: right;
      padding-top: .2em;
      padding-bottom: .2em;
      padding-left: 1.5em;
      padding-right: .8em;
      margin-left: 10;
      float: right;
      }


/*
     margin-left: auto;
      margin-right: auto;

margin-left: auto; margin-right: auto; CENTERS the block
*/



#month p {
    font-style: italic; 
    font-family: Georgia, Times, serif;
    font-size: x-large; color: #CCFFFF;
    font-weight: bold;
    border-bottom: 2px solid #74A5D8;
    border-top: 2px solid #7DA5D8;
    border-left: 2px solid #74A5D8;
    border-right: 2px solid #74A5D8;
    padding-top: .2em;
    padding-bottom: .2em;
    padding-left: .8em;
    width: 300px;
    background-color: #FF99FF
   }

#pictureleft {
     float: left;
     font-size: 65%;
     font-style: italic;
     font-family: Georgia, Times, serif;
     font-weight: bold;
      border-bottom: 2px solid #CCCCCC;
    border-top: 2px solid #CCCCCC;
    border-right: 10px solid #CCCCCC;
    border-left: 2px solid #CCCCCC;
     margin-top: 2;
     margin-right: 2;
       line-height: 1.2em;
    }


#pictureright {
     float: right;
     font-size: 65%;
      font-style: italic;
     font-family: Georgia, Times, serif;
     font-weight: bold;
    border-bottom: 2px solid #CCCCCC;
    border-top: 2px solid #CCCCCC;
    border-left: 10px solid #CCCCCC;
    border-right: 2px solid #CCCCCC;
     margin-top: 2;
     margin-left: 2;
     line-height: 1.2em;
    }



<!--a:link {color: blue}-->

a:link {color: #6633cc;}
a:visited {color: #cc00ff;}
a:hover {text-decoration: none; background-color: #66FFFF;}
a:active {color: #FFFF00;}



<!--a:active {color: aqua; background-color: navy;}-->


.roadrunners {
     float: left;
     margin: 10px;
    }


strong {
     font-size: large; color: black; family: Verdana, Helvetica, Arial, sans-serif; 
     letter-spacing: .02em;
    }


.fun {
     font-style: italic; color: black;
     letter-spacing: 0.02em;
     }

.contact {
     font-style: italic;
     font-size: small;
    }

.backtotop {
     font-style: italic;
     font-size: small;
    }