/*
** communityassoc.css
**
** communityassoc's sections 
** need to be shown in the appropriate menu
*/

.bold { color: #600; }

body.communityassoc #contents h1,
body.communityassoc #contents h2,
body.communityassoc #contents h3,
body.communityassoc #contents h4,
body.communityassoc #contents h5,
body.communityassoc #contents h6
    {
    color: #600;
    }

body.communityassoc div.lca	 #pagemenu dl.lca dd,
body.communityassoc div.events   #pagemenu dl.events dd,
body.communityassoc div.l2sotm   #pagemenu dl.l2sotm dd,
body.communityassoc div.kidzzone #pagemenu dl.kidzzone dd,
body.communityassoc div.pumpkins #pagemenu dl.pumpkins dd,
body.communityassoc div.moviola  #pagemenu dl.moviola dd,
body.communityassoc div.links #pagemenu dl.links dd
    {
    display: block;
    }

body.communityassoc div#logo.pumpkins {
    height: 150px; width: 199px;
    background: url(../pumpkins/images/Image18.gif) 0 0 transparent no-repeat;
    }

/* stuff for the diary page */
#diary table
{
    margin-bottom: 1em;
}
#diary table, #diary td
{
    border: 1px silver solid;
}
#diary tr, #diary th, #diary td
{
    vertical-align: top;
}
#diary th, #diary td
{
    padding: 0.2em;
}
#diary th
{
    letter-spacing: 0.7em;
    font-weight: bold;
    text-align: left;
    background-color: rgb(230,230,230);
}
#diary td.item
{
    font-weight: bold;
    font-style: italic;
    font-size: 110%;
}

/*
** TODO: looks like I duplicated some of this stuff at some time;
** need to clean out (start again, I reckon)
**
** l2sotm stuff
*/
body.communityassoc div.l2sotm table.event,
body.communityassoc div.l2sotm table.event th,
body.communityassoc div.l2sotm table.event td,
body.communityassoc div.l2sotm table.handicaps,
body.communityassoc div.l2sotm table.handicaps th,
body.communityassoc div.l2sotm table.handicaps td {
    border: thin silver solid;
    border-collapse: collapse;
    padding: 0.1em 0.3em;
}
body.communityassoc div.l2sotm table.handicaps th {
    vertical-align: middle;
}
body.communityassoc div.l2sotm table.handicaps tr.estimate {
    background-color: silver;
}
body.communityassoc div.l2sotm table.handicaps tr.negative {
    color: red;
}
/* runner name links */
body.communityassoc div.l2sotm #contents #runners a {
    border: none;
}
/* order selection bit */
body.communityassoc div.l2sotm #contents #order {
    font-size: 70%;
}
body.communityassoc div.l2sotm #contents #order a {
    border: thin solid black;
    color: silver;
    padding: 0.1em;
    margin: 1em 0.2em 1em 0;
}
body.communityassoc div.l2sotm #contents #order a:link,
body.communityassoc div.l2sotm #contents #order a:visited {
    color: blue;
}
body.communityassoc div.l2sotm #contents #order a:link:hover,
body.communityassoc div.l2sotm #contents #order a:visited:hover {
    color: white;
    background-color: black;
}
body.communityassoc div.l2sotm #contents #order a.start {
    margin-left: 2em;
}
body.communityassoc div.l2sotm #contents img.l2star {
        margin: 0;
        height: 1.3em;
        width: 1.3em;
}
@media print {
    body.communityassoc div.l2sotm #order { display: none; }
    body.communityassoc div.l2sotm #contents table.handicaps a {
        border: none;
    }
    body.communityassoc div.l2sotm table.handicaps,
    body.communityassoc div.l2sotm table.handicaps th,
    body.communityassoc div.l2sotm table.handicaps td {
        padding: 0;
    }
}
/*
** {{{ table.results:
** probably some old, historic stuff buried in the results pages
*/
body.communityassoc div.l2sotm table.results {
        margin-top: 1em;
}
body.communityassoc div.l2sotm table.results,
body.communityassoc div.l2sotm table.results th,
body.communityassoc div.l2sotm table.results td {
        border: thin solid grey;
        border-collapse: collapse;
}
body.communityassoc div.l2sotm table.results th,
body.communityassoc div.l2sotm table.results td {
        padding: 0.3em;
}
body.communityassoc div.l2sotm table.results th {
        background: url(/l2sotm/images/stipple.gif) transparent top left repeat;
}
/*
**      better leave it for the moment }}}
*/
body.communityassoc div.l2sotm .neghc {
        color: red;
}
body.communityassoc div.l2sotm #contents a.routepic:hover {
    background-color: white;
}
body.communityassoc div.l2sotm #contents a.routepic,
body.communityassoc div.l2sotm #contents a.routepic:visited,
body.communityassoc div.l2sotm #contents a.routepic:hover {
    border: none;
}
/*
** l2sotm stuff -- this is more up to date (I hope)
*/
div#l2sotmlogo {
    width: 150px;
    height: 107px;
    float: left;
    background: transparent url(/l2sotm/images/runners_small.gif) top left no-repeat;
}
body.communityassoc div.l2sotm #contents table.l2sotm, 
body.communityassoc div.l2sotm #contents table.l2sotm th,
body.communityassoc div.l2sotm #contents table.l2sotm td {
    border: thin silver solid;
    border-collapse: collapse;
    padding: 0.1em 0.7em;
}
body.communityassoc div.l2sotm #contents table.l2sotm tr.estimate {
    background-color: silver;
}
body.communityassoc div.l2sotm #contents table.l2sotm tr.negative {
    color: red;
}
/* runners and runner's history table */
body.communityassoc div.l2sotm #contents table#l2sotm tr.odd td {
    background-color: #ddd;
}
body.communityassoc div.l2sotm #contents table#l2sotm tr.even td {
    /* nothing special */
}
/* runner name links */
body.communityassoc div.l2sotm #contents table#l2sotm a {
    border: none;
}
/* order selection bit */
#contents #order {
    font-size: 70%;
}
#contents #order a {
    border: thin solid black;
    padding: 0.1em;
    margin: 1em 0.2em 1em 0;
}
#contents #order a.start {
    margin-left: 2em;
}
@media print {
    #order { display: none; }
    #contents table.l2sotm a {
        border: none;
    }
    table.l2sotm, table.l2sotm th, table.l2sotm td {
        padding: 0;
    }
    div#l2sotmlogo {
        display: none;
    }
    #contents div#startlist {
        margin: 0;
        padding: 0;
        font-size: 80%;
    }
    #contents div#startlist h1, #contents div#startlist h2, #contents div#startlist h3 {
        margin: 0;
        padding: 0;
        font-size: 100%;
    }
}