/* Style Sheet for the Eldorado Eagles Cross Country Team page
*
*  Colors:
*	  #ffc125  Goldenrod1  (Pale gold) - body
*	  #cd6600  Dark Orange 4  )Burnt Orange) - nav buttons:
*	  #8b3a3a  Indian Red 4  )Firebrick) - headers
*	  #8b4513  Chocolate 4- main text
*    #fffacd; lemonchiffon - special set-off text blocks, like footer and quotes
*
*  Links:
*	  in text, make links burnt orange, then paler orange after visit
*	  in nav buttons, make links white, then pale gold after visit
*/

body {
      font-family: "Comic Sans MS", sans-serif;
      color: #8b4513;  /* chocolate */
      margin: 0;
      padding: 0;
      background-color: #ffc125;
 }   /* pale gold */

div#header-home {
   margin: 0;
   padding: 0;
   height: 161px;
   width: 100%;
   background-color: #ffc125;
   background-image: url('./EldoradoCCHeader.jpg');
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: left top; }

div#header-results {
   margin: 0;
   padding: 0;
   height: 161px;
   width: 100%;
   background-color: #ffc125;
   background-image: url('./EldoradoCCHeader.jpg');
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: left top; }

p {margin-left: 60px;
   max-width: 700px;
   font-style: normal;
   font-weight: normal;
   font-size: 100%;
   font-family: "Comic Sans MS", Arial, sans-serif;
   text-align: left;
}

pre {
   margin-left: 30px; 
   }
.indented { margin-left: 80px;
   background-color: #fffacd;   /* lemonchiffon */
   max-width: 750px;
    }
.clear { clear: both; }
.center {text-align: center; }
.left {text-align: left; }
.right {text-align: right; }
.left-float { float: left; }
.right-float { float: right; }
.w50 {width: 50%; }
.w75 {width: 75%; }
.fineprint {
   font-size: 50%;
   font-style: italic;
   }
.updated { 
   font-style: italic;
   text-align: right; 
   font-size: 75%;
   margin: 0;
   padding: 0;
   }
.footer {
   font-style: italic;
   font-size: 85%;
   font-family: "Comic Sans MS", Arial, serif;
   text-align: center;
   margin: 1em 60px;
   background-color: #fffacd;  /* lemonchiffon*/
   border: thin solid #8b3a3a;
   }
.sidebar {
   font-weight: bold;
   font-size: 90%;
   margin-left: 0.5em;
   margin-right: 0.5em;
   }
.eaglebar {
   height: 25px;
   background: #cd6600 url('eagle30x25.jpg') repeat scroll center center; 
      /* background burnt orange */
   border-bottom: 4px double #8b4513;  /* add chocolate bottom line */
   border-top: 1px solid #8b4513;     /* ditto thin uppper line */
   clear: both; }

  a:link {
    color: #cd6600;   /* indian red */
    font-weight: bold;
    text-decoration: none; }
  a:visited {
    color: #8b3a3a;  /* burnt orange */
    font-weight: bold;
    padding: 5px;
    text-decoration: underline; }
  a:hover {
    background-color: white;  
    color: #cd6600;
    text-decoration: underline;
    }
h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Impact, serif;
    font-weight: bold;
    color: #8b3a3a; 
    margin: 1em 60px 0 60px;
    }
    h1 { font-size: 150%; }
    h2 { font-size: 130%; }
    h3 { font-size: 115%; }
    h4 { font-size: 100%; }
    h5 { font-size: 85%; }
    h6 { font-size: 75%; }


ul.topnav, ul.subnav {
    list-style-type: none; 
    margin: 0px 0px 0px 20px;
    float: left;
     }
    
ul.topnav li, ul.subnav li {
    font-size: 70%;
    line-height: 100%;
    font-weight: normal;
    font-style: italic;


    border-style: groove;
    padding: 1px;
    width: 6.5em;
    margin: 0px 1px 0px 0px;
    float: left;
    text-align: center;
    vertical-align: middle; }
    ul.topnav li:first-line { 
      font-weight: bold;
      font-style: normal;
      font-size: 150%; }

ul.topnav li {
    color: white;
    background-color: #cd6600;   /* burnt orange */
    }
    
ul.subnav li {
    color: #8b3a3a;   /* firebrick */
    background-color: #fffacd;  /* chiffon */
    }

/* Special nav links */
  ul.topnav li a:link {
    color: white;
    font-weight: bold;
    text-decoration: none; }
  ul.subnav li a:link {
    color: #9b3a3a; /* firebrick */
    font-weight: bold;
    text-decoration: none; }
  ul.topnav li  a:visited, ul.subnav li a:visited {
    color: #ffc125;                    /* pale gold */
    font-weight: bold;
    text-decoration: none; }
  ul.topnav li a:hover, ul.subnav li a:hover {
    text-decoration: underline;
    }
    
ul.blank {
   list-style-type: none;
   list-style-position: inside; }
   ul.blank li {
     margin-left: 5em; 
     margin-top: 1px;
     margin-bottom: 0;}

ul.eagle {
   list-style: disc outside url('./images/eagle30x25.jpg') ; }
   ul.eagle li {
     margin-left: 6em;
     margin-top: 1px;
     margin-bottom: 1px; }

table.calendar {
   background-color: #ffc125;   /*  pale gold */
   margin: 10px;
   border-spacing: 8px 2px;
   }

   table.calendar thead, table.calendar th {
     text-align: center;
     background-color: #cd6600;   /* burnt orange */
     color: white;                /* with white text */
     font-size: 100%;
     }

   table.calendar tbody, table.calendar td {

     font-size: 100%;
     background-color: white;
     border: thin solid lightgrey;
     }
col.date {
   width: 6em; }
col.time {
   width: 6em; 
   text-align: center; }
col.nmaaID {
   width: 10em;
   text-align: center; }
col.name {
   text-align: left;
   width: 30em; }
col.person {
   text-align: left;
   width: 20em; }
   

table.cols2 {
   width: 7in;
   border: none;
   margin: 2px; }
   table.cols2 td, table.cols2 tbody {
     font-size: 100%; 
     border: none; 
     vertical-align: top;
     text-align: center; }
   table.cols2 thead, table.cols2 th {
     font-size: 100%; 
     border: none;
     vertical-align: top; 
     text-align: left; }
     
table.invisible {
   border: none;
   margin: 10px 15px 10px 60px;
   }
   table.invisible td, table.invisible tbody {
     font-size: 100%;
     border: none;
     vertical-align: top;
     text-align: left; }
   table.invisible thead, table.invisible th {
     font-size: 100%;
     background-color: #ffc125;   /* pale gold */
     color: white;                /* with white text */
     border: thin solid #8b3a3a;
     vertical-align: top;
     text-align: left; }