@charset "ISO-8859-1";
/* Saharamarathon.co.uk style sheet. SPH 20041209 */

@media print {
.menu {visibility: hidden; display:none; width:0;}
.logo {visibility: hidden; display:none;}
.text {width:6in; margin-left:-1.5in;}
P { font-size: 10pt; }
}

/* funky margin values empirically work in IE and others */
BODY {
    margin: 2ex 0 0 1ex;
    padding: 0;
}

/* funky image behind menu. Best with fade to nothing l->r */
/*
BODY {
    background-image: url("background.jpg"); 
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    background-position: top left;
}
.menu {
    opacity: .7; 
    filter: alpha(opacity=70); 
    -moz-opacity: .7;
}
*/

.logo {
    /* Not in IE: float: left; */
    position: absolute;
    top: 1ex;
    left: 1ex;
    width: 20ex;
    height: 19ex;
    vertical-align: top;
    padding: 1ex 1ex 1ex 1ex;
}
.title {
    margin: 2ex 1ex 0 0;
    height: 19ex;
    vertical-align: top;
    border: solid thin #cccccc;
    background-color: #ffffcc;
    text-align: center;
}
.menu {
    position: fixed;
    margin-top: 1ex;
    top: 21ex;
    left: 1ex;
    width: 20ex;
    padding: 1ex 1ex 1ex 1ex;
    vertical-align: top;
    border: solid thin #cccccc;
    background-color: #ffffcc;
}
.text {
    position: absolute;
    margin-top: 1ex;
    margin-right: 1ex;
    top: 21ex;
    left: 24ex;
    right: 0;
    padding: 1ex 1ex 1ex 1ex;
    vertical-align: top;
    border: solid thin #cccccc;
    background-color: #ffffcc;
}

.updated {
    position: absolute;
    top: 0px;
    right: 2ex;
    font-size: 70%;
}

.title H1 {
    font-variant: small-caps;
    margin: 0;
}
.title H2 {
    margin: 1ex;
}

.menu A { text-decoration: none; }
.menu A:hover  { text-decoration: underline; }
.menu #active { color: green; }
.menu #bom { color: red; }
.menu H1 {
    font-size: 100%;
    font-weight: bold;
    text-align: center;
}

.newsdate {
    font-size: 70%;
}

P:first-letter {
    font-weight: bold;
    margin-left: 5px;
}

/* image control */
.iborder1 { border: thin solid black; }
.iright { float: right; }

/* highlight interesting points */
.hl {
    font-weight: bold;
    color: #00cc00;
}
.shl {
    font-weight: bold;
    color: #FF0000;
}

/* tables without borders (ie layout). Default for sanity */
TABLE TD,TH {
    border-width: 0px; 
    border-style: none;
}

/* tables that should have borders */
.border { border-collapse: collapse; }
.border TD, TH { border: thin solid black; }
.border TH {
    font-weight: bold;
    text-align: center;
}

/* the F/A donation tables */
.fadon { border-collapse: collapse; }
.fadon TR { background-color: #aaffff; }
.fadon TD,TH { border: thin solid black; }
.fadon TH {
    background-color: red;
    text-align: center;
}
.fadon TD {
    text-align: right;
    padding: 4px;
}
/* first-child means first instance of TD in each TR, not first char in TD */
.fadon TD:first-child { text-align: left; }

/* image gallery tables */
/* can't use 100% width as IE uses width of window, not parent. Thus hack with
fist-child, etc */
.imgtbl {
    /*width: 100%;*/ 
    width: 600px;
    margin-top: 5pt; 
    text-align: center;
    vertical-align: middle;
}
.imgtbl:first-child {width: 100%;} /*IE doesn't see this */
.imgtbl TD {
    border-width: 10px; 
    border-style: none;
}
/* add border round img collection, instead of using hrule to seperate them */
.imgtbl IMG {
    padding: 2px;
    border: 1px solid #7a7a7a;
    /*background-color: white;*/
}
.imgtbl HR { display: none; }

.tile img {
    float: left;
    padding: 2px;
    border: 1px solid #aaaaaa;
    margin: 3px;
}
.tile {
    height: 130px;
    clear: both;
    border: 1px solid #aaaaaa;
    margin-bottom: 5px;
}