BODY {
        background:#e6ffff;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        padding:0;
        }

/* banner title */
#BANNER {background-color:#005c5c}     /* 005c5c; 404 */
#BANNER H1 {
        font-family:"Times New Roman", Roman, serif;
        font-size:24px;
        font-weight:bold;
        font-style:normal;
        padding:0px;
        margin:0px;
        color:#ee0;
        border-bottom:2px solid #005c5c;  /* This trick puts more box beneath the title. */
        line-height:28px;
        vertical-align:middle;
        }

/* Title elements for event, result, and other pages */
#TITLE {
        font-family: Arial, Impact, Verdana, sans-serif;
        font-weight:bold;
        font-style:normal;
        background-image:url("img/title.gif");
        background-repeat:no-repeat;
        margin:0px;
        }
#TITLE H2 {
        font-size:22px;
        padding:10px 0px 0px 0px;
        color:#00c;
        }
    /* For event-date below title of event page */
#TITLE H2 SPAN {
        font-size:14px;
        color:#33c;
        }
#TITLE HR {color:#0c0}
    /* For update lines */
#TITLE SMALL {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:normal;
        color:#999;     /* 999, 06a */
        }

/* The overall background block for content, laid over the body background */
.CONTENTBG {
        background:#009999;
        padding:0px;
        }

/* Choose your language, in all index.htm files */
.PICKLANG {
        font-family:"Times New Roman", Roman, serif;
        font-size:24px;
        letter-spacing:2px;
        font-weight:normal;
        background:#009;
        border:2px outset #fff;
        }
.PICKLANG SPAN {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:20px;
        letter-spacing:1px;
        font-weight:lighter;
        }
.PICKLANG A {text-decoration:none}
.PICKLANG A:link {color:#ff0}
.PICKLANG A:visited {color:#ff0}
.PICKLANG A:active {color:#000}
.PICKLANG A:hover {background:#fff; color:#009}


/* Name of month on the list of events */
.MONTH {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        letter-spacing:1px;
        font-size:11px;
        font-weight:bold;
        color:#fff;
        }
.MONTH:first-letter {font-size:140%;/* font-family:serif; */}   /* 125 */

/* Textual part of an event box on the homepage */
.EVENTBOX {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        border-top:1px solid #666;
        border-bottom:1px solid #666;
        border-right:1px solid #666;
        background:#e6ffff;
        }
.EVENTBOX A {text-decoration:none}
.EVENTBOX A:link {color:#009}
.EVENTBOX A:visited {color:#009}
.EVENTBOX A:active {color:#009}
.EVENTBOX A:hover {background:#906; color:#fff}
.EVENTBOX SMALL {
        font-size:10px; 
        color:#096;
        /* padding:2px 0px 0px 0px; */    /* fills the background on hover */
        }
.EVENTBOX A:hover SMALL {background:#e6ffff; color:#009}   /* background:#906; color:#fff */

/* Image part of an event box on the homepage */
.EVENTIMAGE {
        border-top:1px solid #666;
        border-bottom:1px solid #666;
        border-left:1px solid #666;
        background:#e6ffff;
        }

/* Flags to left of event boxes on the home page, showing type of event */
.EVENTTYPE {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:bold;
        }
.RACE {color:#ff0}
.TRAIN {color:#0f0}
.FUN {color:#f9c}     /* f9c */

/* Flags to right of event boxes */
.EVENTFLAG {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        color:#999;
        }
/* Color for "Register" flag */
.DOIT {color:#0ff}
/* Color for "Results" button, also used for "Photos" on a separate line */
.RESULTS A {
        text-decoration:none;
        background:#ccc;   /* 36c; */
        line-height:16px;
        padding:1px 0px 1px 0px;
        }
.RESULTS A:link {color:#900}     /* fff-on-36c, 900-on-ccc */
.RESULTS A:visited {color:#900}
.RESULTS A:active {color:#900}
.RESULTS A:hover {background:#fff; color:#600}
/* Color for "Update" flag */
.UPDATE {color:#ff0}

/* Main content boxes within contentbg */
#TEXTBOX {
        background:#fff;
        color:#000;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        padding:10px 10px 10px 10px;
        /* border:6px solid #369; */
        border-top:8px solid #369;    /* VERIFY THIS COLOR... */
        border-left:6px solid #369;
        border-bottom:8px solid #369;
        border-right:6px solid #369;
        }
    /* for list-item titles */
#TEXTBOX STRONG {
        color:#c00;
        font-weight:bold;
        font-style:normal;
        }
#TEXTBOX STRONG A:visited {      /* used in results pages */
        color:#c00;
        font-weight:bold;
        font-style:normal;
        }
    /* for things like times in a schedule */
#TEXTBOX EM {
        background:#eee;    /* eff, ddd, cff */
        color:#070;         /* 009, 000 */
        font-style:normal;
        }

/* Links at top of content box (textbox) within contentbg */
#TOPDIR A {
        text-decoration:none;
        background:#fcc;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        padding:1px 5px 1px 5x;
        border:1px solid #369;
        }
#TOPDIR A:link {color:#009}
#TOPDIR A:visited {color:#009}
#TOPDIR A:active {color:#009}
#TOPDIR A:hover {background:#fff; color:#009}

/* Title at top of content box within contentbg, e.g. for photo index */
#TOPTITLE {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#fff;
        font-weight:bold;
        }

/* "Top" link wherever found */
.TO-TOP {
        font-size:9px;
        font-weight:normal;
        letter-spacing:1px;
        text-decoration:none;
        }
.TO-TOP:link {color:#00f}
.TO-TOP:visited {color:#00f}
.TO-TOP:active {color:#00f}
.TO-TOP:hover {background:#00f; color:#fff}

/* Table inside the main content box, wherever needed */
.TABLETEXT {
        color:#000;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        }

/* Rule at bottom of page */
#FOOTRULE {color:#c00;}

/* Inline button for Webmaster credit */
.INLINE-BUTTON {
        _width:12em;
        font:bold 9px Verdana, sans-serif;
        margin: 0 0.2em; padding: 0.1em 0; _padding:0;
        border: 1px solid black;
        white-space:nowrap;
        text-decoration: none;
        vertical-align:middle;
        background:#ccc;
        color:black;
        }
.INLINE-BUTTON EM {
        _width:1em; _cursor:hand;
        font-style:normal;
        margin:0; padding:0.1em 0.5em;
        background:white;
        color:black;
        }
.INLINE-BUTTON SPAN {
        _width:1em; _cursor:hand;
        margin:0; padding:0.1em 0.5em 0.1em 0.3em;
        }
.INLINE-BUTTON:hover {
        background:#666;
        color:white;
        }
.INLINE-BUTTON:hover EM {
        background:black;
        color:white;
        }