/*
CSS for Falmouth Track Club home page - edited July 17, 2009 - other pages are still using style1.css
*/

body {
      font-family: Verdana, Helvetica, Arial, sans-serif;
      font-size: large; color: #9933ff; weight: bold;
      background-color:  #ff99ff;
	background-image: url(gull5.jpg);
	line-height: 120%;
      margin: 20px;
     }

h1 {
    font-family: Georgia, Times, serif;
    font-size: x-large; color: #FF33CC; 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: large; color: #FF33CC; weight: bold;
    
   }




li {font-size: medium;}

p {font-size: medium; color: #6600CC; weight: medium}


em {text-transform: uppercase;}



#header p {
    
   
    border-top: 6px solid #7DA5D8;
    border-bottom: 6px solid #74A5D8;
    border-left: 6px solid #74A5D8;
    border-right: 6px solid #74A5D8;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .4em;
    width: 721px;
    height: 110px;

     }




#sitebranding p {
    
    font-style: italic; 
    font-family: Georgia, Times, serif;
    font-size: large; color: #CCFFFF;
    font-weight: bold;
    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;
    margin: 10px;
    width: 450px;
    margin-left: auto;
    margin-right: auto;   
    line-height: 125%;
    background-color: #CCCCFF;
   }


#navigation {
     background-color:  #ff99ff;
	background-image: url(gull5.jpg);
      font-color: #FFFFFF;
      font-size: small; 
      line-height: 125%;
      width: 200px;
      text-align: left;
      padding-top: .2em;
      padding-bottom: .2em;
      padding-left: .8em;
       padding-right:  .8em;
      margin-left: 10;
      float: left;
      }


#navigationright {
     background-color:  #ff99ff;
	background-image: url(gull5.jpg);
      font-color: #FFFFFF;
      font-size: small; 
      line-height: 125%;
      width: 200px;
      text-align: left;
      padding-top: .2em;
      padding-bottom: .2em;
      padding-left: .8em;
       padding-right:  .8em;
      margin-left: 10;
      float: right;
      }




#pictureright {
   float: right;
   width: 25%;
   font-size: 65%;
   font-style: italic;
   font-family: Georgia, Times, serif;
   font-weight: bold;
   text-align: right;
  line-height: 145%;
  /*  border-bottom: 2px solid #CCCCCC;
    border-top: 2px solid #CCCCCC;
    border-left: 10px solid #CCCCCC;
    border-right: 2px solid #CCCCCC;   */
     margin-top: 10;
     margin-left: 10;
  
    }



/* The following is taken from nicepace.net/davedavies

#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;
    }

*/


/*
margin-left: auto; margin-right: auto; CENTERS the block
*/

/*  the following bit was copied from CLF.com with id# of navigation but I am changing it to birthdays  */

#birthdays {
      background-color: #6600ff;
      font-size: small; color: #FFFFFF;
      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;
      }




#month p {
    font-style: italic; 
    font-family: Georgia, Times, serif;
    font-size: 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: 400px;
    margin-left: auto;
    margin-right: auto;
    background-color: #CCCCFF
   }


#weather p {
   
    border-bottom: 2px solid #74A5D8;
    border-top: 2px solid #7DA5D8;
    border-left: 2px solid #74A5D8;
    border-right: 2px solid #74A5D8;
    padding-top: .8em;
    padding-bottom: .8em;
    padding-left: .8em;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #CCCCFF
   }


a {font-weight: bold}

a:link {color: black;}
a:visited {color: navy;}
a:hover {text-decoration: none; background-color: #FF33CC;}
a:active {color: aqua; background-color: navy;}




strong {
     font-size: large; color: black; family: Verdana, Helvetica, Arial, sans-serif; 
     letter-spacing: .02em;
    }

.roadrunners {
     float: right;
     margin: 10px;
    }

.fun {
     font-style: italic; color: black;
     letter-spacing: 0.02em;
     }

.contact {
     font-style: italic;
     font-size: small;
    }

