/*  This is the  MAIN CSS  for schools orienteering.   */





/*

All hidden here in comment is notes I made during revision.

body {
background-color:  #ff00ff;
margin-left: 20%;
margin-right: 20%;
border:  2px dotted black;
padding: 10px 10px 10px 10px;
font-family:  Arial, Verdana, Geneva, sans-serif;
font-size:  small;
line-height:  1.6em;
}






h1 {  
  color:  blue;
  font-size:  220%;
}


h2  {
  font-size:  130%;

}

h1, h2  {  
  font-weight:  bold;

}



#intro  {  
  padding-left:  100px;
  padding-right:  100px;

}

   background of a link shows up red when you hover over it.
a:hover  {  
  background:  orange;

}



*/








/*    All below here is copy/paste from  travel_scotland_core.css    */




div.tableContainer {
	display: table;

}






div.tableRow {
  display:  table-row;
}


div.tableCell  {
   display:          table-cell;
   padding:          5px;
}


body {
  background-color: #1e2829;
  font-family:      Tahoma, Geneva, sans-serif;
  font-size:        15px;
  margin:           0px;
}

#nextevent  {  
  display:          table-cell;
  width:            30%;
  vertical-align:   top;
  font-size:        12px;
  /*border:           dotted;   */
  padding:          10px;
}

/*
    #event  {
      display:          table-cell;
      padding:          5px;
    }

    
    #date  {
      display:          table-cell;
      padding:          5px;
    }
    
    
    #venue  {
      display:          table-cell;
      padding:          5px;
    }
    
    
    #deadline  {
      display:          table-cell;
      padding:          5px;
    }
*/




#news  {
  display:           table-cell;
  width:            40%;
  vertical-align:   top;
  border:           solid orange;
  border-width:     0px 2px 0px 2px;
  padding:          15px;
}



#latestresults  {
  display:           table-cell;
  width:            30%;
  vertical-align:   top;
  font-size:        12px;
  /*border:           dotted;   */
  padding:          15px;
}



    
    #resultsdate  {
      display:          table-cell;
      padding:          5px;
    }
    
    
    #resultsevent  {                           /*   CANT HAVE 2 OF SAME DIV ON SAME PAGE....    */
      display:          table-cell;
      padding:          5px;
    }
    
    
    #resultsvenue  {
      display:          table-cell;
      padding:          5px;
    }
    
    
    #results  {
      display:          table-cell;
      padding:          5px;
    }





.heading  {  
  font-weight:      bold;
}


.newsheading  {
  font-weight:      bold;
  color:            orange;
}



#allcontent {
  width:    1000px;
  padding:    0px;
  background-color:   #f7f2f2;
  margin-left:        auto;
  margin-right:       auto;
}



#header {
  background-color: #1e2829;
  margin:           0px 0px 0px 0px;
  height:           124px;
  font-family:      Georgia, "Times New Roman", Times, serif;
  color:            #ffffff;                                            /* modifies:   text color   */
  font-size:        1.3em;
}





#headercontact  {
 float:         right;                             /*  this is an example of - position:  float; */
 text-align:    right;
 color:         #ff7f00;
}






#video {
  background:  #a200ff;
  padding-left:  250px;
  margin:        0px;
}


h2, h2.news  {
  font-size:  1.6em;                  /* modifies:   font size   */
  font-style: italic;
                     /* modifies:   font appearance   */
  }

  
h2.news  {  
  color: orange;
  }



h3  {
  font-size:  1.3em;
  font-style: italic;
  }


 h4  {
  font-size:  1.1em;
  font-style: italic;
  }
  
a.info  {
    font-size:       1.2em;
    color:           black;
    font-style:      normal;
  }
  
  
#list a:hover {
  background:       #ee8b2e;
  text-decoration:  none;
}



#entrynotes  {
  padding-left:  100px;
  }
  
  
 #fixtures  {
   padding-left:     100px;
 }

/*
 #main {
  width:              700px;
  padding-top:        0px;
  padding-bottom:     0px;
  margin-left:        auto;
  margin-right:       auto;
}
*/





#team  {  
  background-image:   url(../images/team_bkgrd.jpg);
}







#memories {
  float:  right;                     /* floats an inline image or element */
}


#easycourses {
  float:  right;
}


#startfinish {
  float:  right;
}




ul.navbars  {                 /* this styles both nav bars to show no markers with the list items */
 list-style-type:  none;
 margin:  0;
 padding:  0;
}



li.navbars  {                     /* this floats both nav bars to left */
float:    left;
}



a.navbars {               /* this makes MAIN NAV BAR 1000px wide */
  display: block;
  width:   200px;
}


#menu {                            /* this centres footer NAV BAR  */
  margin-left:   383px;
}




/*
ul.sitemap {
  list-style-type: square;
}


a.sitemap {
  color:   #ee8b2e;
}



ol {
  list-style-type:   lower-roman;
}
*/




#navbars {                             /* this is to style the text in MAIN NAV BAR */
  text-align:      center;
  font-family:     Tahoma, Geneva, sans-serif;
  font-size:       1.2em;
  line-height:     170%;
}



#navbars a:link {
  text-decoration:  none;
  background-color: #1e2829;
  color:            #ffffff;
}


#navbars a:visited {
  text-decoration:  none;
  background-color: #1e2829;
  color:            #ffffff;
}


#navbars a:hover {
  background:       #ee8b2e;
  text-decoration:  none;
}






#footer {
  height:               100px;
  padding-top:          50px;
  background-color:     #353333;
  font-family:          Tahoma, Geneva, sans-serif;
  color:                #ff7f00;
  font-size:            .90em;
  text-align:           center;
}


#footer a:link {
  text-decoration:  none;
  background-color: #353333;
  color:            #bbbcb4;
}


#footer a:visited {
  text-decoration:  none;
  background-color: #353333;
  color:            #bbbcb4;
}


#footer a:hover {
  background:       #ee8b2e;
  text-decoration:  none;
}