#FunRuns, #Merchandise, #Home, #StartingUp, #Results, #NewsLetter, #News, #Programme, #Previews, #Links, #AboutUs, #Photos, #container
{
    background-color: #EFFBFB;
}

#2010Results, #2009Results, #2008Results, #2007Results, #2006Results, #2005Results, #MyResults, #2010Programme, #2009Programme, #2008Programme, #2009Previews, #2008Previews,#2010Previews
{
    background-color: #EFFBFB;
}

#PerthMarathon, #ButtonDiv, #NewsLetterPane, #MyResultsPane, #DarlingtonHalf2009Pane, #BridgesFunRun, #FunRunsPane, #BoldPark2010Pane, #Christchurch2009Pane, #Christchurch2010Pane, #Friendship2009Pane, #MatildaBay2009Pane, #NewYearsEveRacePane, #PointWalter2009Pane, #SwanTwilight2009Pane, #40Miler2010Pane, #LakeGwelup2010Pane
{
    background-color: #EFFBFB;
}

#headerTable
{
    background-color: #FFFFFF;
}

.accordion2
{
    /*border-bottom: solid 1px #c4c4c4;*/
}
.accordion2 h2
{
    background: #e9e7e7 url(../img/arrow-square.gif) no-repeat right -51px;
    padding: 7px 15px;
    margin: 0;
    font: bold 120%/100% Arial, Helvetica, sans-serif;
    border: solid 1px #c4c4c4;
    border-bottom: none;
    cursor: pointer;
}
.accordion2 h2:hover
{
    background-color: #e3e2e2;
}
.accordion2 h2.active
{
    background-position: right 5px;
}
.accordion2 p
{
    background: #f7f7f7;
    margin: 0;
    padding: 10px 15px 20px;
    border-left: solid 1px #c4c4c4;
    border-right: solid 1px #c4c4c4;
    display: none;
}

.simple_popup_div
{
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
.simple_popup_inner
{
    padding: 20px;
    border: #999 2px solid;
    text-align: left;
}
.simple_popup_close
{
    text-align: right;
}

* p
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 18px;
    text-align: justify;
    width: 90%;
    font-size: 140%;
}

body
{
    /*font-size: 14px; /* @ EOMB */
    background-color: #EFFBFB; /*visibility: hidden;*/
}

#mainbody
{
    visibility: hidden;
}

* html body
{
    font-size: 100%; /* @ IE */
}
body *
{
    font-size: 87.5%;
    font-family: "Trebuchet MS" , Trebuchet, Verdana, Helvetica, Arial, sans-serif;
}
body * *
{
    font-size: 100%;
}
h1
{
    font-size: 25px;
    margin-left: 10px;
    width: 80%;
    margin-top: 5px;
    margin-bottom: 5px;
}
h2
{
    font-size: 20px;
    margin-left: 10px;
    width: 90%;
    margin-top: 5px;
    margin-bottom: 5px;
}
h3
{
    font-size: 17px;
    margin-left: 10px;
    width: 80%;
    margin-top: 5px;
    margin-bottom: 5px;
}
img
{
    border: 0 solid blue;
}

pre, pre + p
{
    margin: 1em 0 0;
}
code
{
    font-family: "Courier New" , Courier, monospace;
}
table.preview
{
    border: 1px solid #ff0;
}
table.preview th
{
    background-color: #ff0;
    padding: 2px 4px 2px 4px !important;
    vertical-align: middle; /*text-align: center;*/
    border: 1px solid #ff0;
    width: auto;
}
table.preview th.Preview
{
    padding: 2px 4px 2px 4px !important;
    vertical-align: top; /*text-align: center;*/
    border: 1px solid #ff0;
    width: 60%;
}
table.preview td.previewtext
{
    padding: 2px 4px 2px 4px !important;
    vertical-align: top; /*text-align: center;*/
    border: 1px solid #ff0;
    width: 60%;
}
table.preview td
{
    padding: 2px 4px 2px 4px !important;
    vertical-align: top; /*text-align: center;*/
    border: 1px solid #ff0;
    width: 15%;
}
td.welltechcell
{
    text-align: center;
    font-size: 150%;
    font-weight: bold;
}
td.welltechmotto
{
    text-align: center;
    font-weight: bold;
    font-size: 150%;
    color: blue;
}
table.welltechtable
{
    text-align: justify;
    background-color: white;
}

#TeamTable
{
    margin-left: auto;
    margin-right: auto;
}

table
{
    border: 1px solid #666;
    margin: 20px 0 20px 0 !important;
}

th, td
{
    padding: 2px 4px 2px 4px !important; /*text-align: left;*/
    vertical-align: middle; /*text-align: center;*/
}

th
{
    background-color: #fc0;
}

th:hover
{
    background-color: #fc7;
}

tbody tr.even
{
    background-color: #fea;
}

a[target='_blank']:before
{
    margin: 0 5px 0 0;
    padding: 1px;
    outline: 1px solid #333;
    color: #333;
    background: #ff9;
    font: 12px "Zapf Dingbats";
    content: "\279C";
}

#gallery
{
}
#gallery ul
{
    list-style: none;
}
#gallery ul li
{
    display: inline;
}
#gallery ul img
{
    border: 0px;
}
#gallery ul a:hover img
{
    color: #fff;
}
#gallery ul a:hover
{
    color: #fff;
}

/* Z-index of #mask must lower than #boxes .window */
#mask
{
    position: absolute;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes .window
{
    position: absolute;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px;
}
/* Customize your modal window here, you can add background image too */
#boxes #dialog
{
    width: 375px;
    height: 203px;
}

#listticker
{
    height: 200px;
    width: 400px;
    overflow: hidden;
    border: solid 0px #DEDEDE;
    padding: 6px 10px 14px 10px;
}
#listticker li
{
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

#listticker li
{
    height: 60px;
    padding: 5px;
    list-style: none;
}
#listticker a
{
    color: #000000;
    margin-bottom: 4px;
}
#listticker .news-title
{
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 11px;
}
#listticker .news-text
{
    display: block;
    font-size: 11px;
    color: #666666;
}
#listticker img
{
    float: left;
    margin-right: 14px;
    padding: 4px;
    border: solid 1px #DEDEDE;
}

ul.newsticker
{
    /* that's your list */
    position: relative;
    left: 100%;
    font: bold 10px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li
{
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
    background: #fff;
}
ul.newsticker a
{
    white-space: nowrap;
    padding: 0;
    color: #ff0000;
    font: bold 10px Verdana;
    margin: 0 20px 0 0;
}
ul.newsticker span
{
    margin: 0 10px 0 0;
}
.tickercontainer
{
    /* the outer div with the black border */ /*border: 0px solid #000;*/
    background: #fff;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tickercontainer .mask
{
    /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 10px;
    top: 9px;
    width: 100%;
    overflow: hidden;
}