/* filename: 20080909.css  
   
   Edited 20100311 - added class doNotDisplay to hide text
   Edited 20090529 - added PRE code to handle Wrapping Text Inside Pre Tags. 
     See http://www.longren.org/2006/09/27/wrapping-text-inside-pre-tags/; 
     added hilight.
   Edited 20090528 - copied to the css/test folder and renamed 20080909.css
   Edited 20090131 - started using this CSS for the state measurement page
   
   Created on 2008 Sep 09 while experimenting with the style sheets for the road races.
   This version is just for the screens. I'll need to create a similar CSS for print media.
   
*/

body { background: #fff url("../../images/body_back.gif") repeat-x; }


/* standard USATF-NE logo */
#usatfne-logo {
  clear: both;
  background: url("../../i/usatfne-logo1.25.gif")  center center no-repeat;
  width: 100%;
  height: 160px;
  display: block;
  text-decoration: none;
}

/* Road Grand Prix USATF-NE logo */
#usatfne-road-gp-logo {
  clear: both;
  background: url("../../i/grand-prix-banner.gif")  center center no-repeat;
  width: 100%;
  height: 160px;
  display: block;
  text-decoration: none;
}

/* Road Course Certifications USATF-NE logo */
#usatfne-measurement-logo {
  clear: both;
  background: url("../../i/rrtc-banner.gif")  center center no-repeat;
  width: 100%;
  height: 160px;
  display: block;
  text-decoration: none;
}

/* Junior Olympics USATF-NE logo */
#usatfne-juniorolympics-logo {
  clear: both;
  background: url("../../i/junior-olympics-program.gif")  center center no-repeat;
  width: 100%;
  height: 160px;
  display: block;
  text-decoration: none;
}

/* Junior Olympics USATF-NE logo */
#usatfne-racewalk-logo {
  clear: both;
  background: url("../../i/race-walking-banner.gif")  center center no-repeat;
  width: 100%;
  height: 160px;
  display: block;
  text-decoration: none;
}

#all {
  margin: 0 4em 0 4em; 
}

#p01,#p02,#p03 {
  font-weight: bold; 
}

#ol1 {
  list-style-type: decimal;  
}

#ol1 LI {
  margin-bottom: 0.5em; 
}

#main-content { 
  border: 1px solid #CCC; 
  background: #fff; 
  padding: 0 1em 1em 1em;
}

#main-content address { 
  margin-left:2em; 
  margin-right:2em; 
}

#gpEvents { margin-left:50px; }

#gpEvents OL { margin-left:10px; }

pre {
 overflow-x: auto;                      /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap;                 /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap;                /* Opera 4-6 */
 white-space: -o-pre-wrap;              /* Opera 7 */
/* width: 99%; */
 word-wrap: break-word;                 /* Internet Explorer 5.5+ */
}

.navfooter ul {          /* Used to create a horizontal pipelist for the page footer */
  text-align: center;
  font-size: xx-small;
  margin-left:-40px;   /* Shift to the left to align with the true center in Mozilla. Ok in IE. (how do you fix this?) */
}  

.navfooter li {
  display: inline;
  list-style-type: none;
}

.hilite { 
  background-color: #FFFF00;  /* Yellow hi-lite */ 
  font-size: 110%;
}

.doNotDisplay { 
  display: none; 
}

/* results pages */

div.results pre span.h1 { 
  font-family: Verdana;  
  font-size: x-large;
}

div.results pre span.h2 { 
  font-family: Verdana;  
  font-size: large;
}

div.results pre span.h3 { 
  font-family: Verdana;  
  font-size: medium;
}

.navcontainer1 ul {          /* Used to create a horizontal pipelist in header section of results page */
  text-align:center;
}  

.navcontainer1 li {
  display: inline;
  list-style-type: none;
  padding-right: 2px;
}


.navcontainer2 ul {          /* Used to create a horizontal pipelist in the results page */
  text-align:center;
  font-family:monaco,courier,monospace; /* I attempted to make the font look like the pre  */
  font-size:x-small;
}  

.navcontainer2 li {
  display: inline;
  list-style-type: none;
  padding-right: 2px;
}



/* schedule pages */

div.schedule pre span.h1 { 
  font-family: Verdana;  
  font-size: x-large;
}

div.schedule pre span.h2 { 
  font-family: Verdana;  
  font-size: large;
}

div.schedule pre span.h3 { 
  font-family: Verdana;  
  font-size: medium;
}

div.schedule  #membership { margin-left: auto; margin-right: auto; }



/* The items below are not used but left here in case I need them */
/* #center { margin-left: auto; margin-right: auto; }  maybe add this style for the outdoor track schedule */