/* ==== RunnymedeRunners.Com Style Sheet ==== */
 
/* =============== General Site css =================== */


body          { font-family: verdana, ariel, sans-serif;
                font-style: normal;
                font-weight: normal;
                font-size: 10pt;
                color: #0000ff;
                background: #6699ff;
                margin: 0;
                padding: 0;
                text-align: left;
              }

table        { border: 2px solid #0000ff;
               border-collapse: collapse;
               margin-right: auto;
               margin-left: auto;
             }

tr             { padding: 5px;
                 border: 1px solid #0000ff;
                 margin: 0;
               }

td             { padding: 5px;
                 border: 1px solid #0000ff;
                 margin: 0;
               }

th             { text-align: center;
                 font-weight: bold;
                 border: 1px solid #0000ff ;
                 padding: 5px;
               }

div            { background-image: none;
                 background:transparent;
                 border: 0;
                 margin: 0;
                 padding: 0;
                 text-align: left;
               }

img            { border: 0;
                 padding: 0;
               }

div.wrapper    { width: 800px;
                 min-height: 900px;
                 border: 2px solid;
                 background: #ccffff;
                 margin-left: auto;
                 margin-right: auto;
                 margin-top: 10px;
                 margin-bottom: 10px;
               }

div.RRmenu     { width: 620px;
                 text-align: center;
                 border-top: 2px solid #0000ff;
                 border-bottom: 2px solid #0000ff;
                 margin-top: 10px;
                 margin-right: auto;
                 margin-left: auto;
                 margin-bottom: 10px;
                 padding: 10px 0 10px 0;
               }

div.head       { width: 750px;
                 margin: 10px 25px 0px 25px;
                 text-align: center;
               }

p            { padding: 0;
               margin: 0;
             }

p.update      { font-size: 8pt;
                clear: right;
                padding: 10px;
                margin: 0;
                text-align: right;
                border: 0px solid;
              }

.head img     { width:600px;
                height: 80px;
              }

h1           { font-size: 18pt; 
               font-weight: bold;
               text-align: center;
               padding: 0;
               margin: 0;
             }

h2           { font-size: 16pt; 
               font-weight: bold;
               text-align: center;
               padding: 0;
               margin: 0;
             }

h3           { font-size: 14pt; 
               font-weight: bold;
               margin: 0 0 0 10px;
               text-align: left;
               padding: 0;
             }

h4           { font-size: 12pt; 
               font-weight: bold;
               margin: 0 0 0 10px;
               text-align: left;
               padding: 5px 0 0 0;
             }

h5           { font-size: 12pt; 
               font-weight: bold;
               text-align: center;
               padding: 0;
               margin: 0;
             }

h6           { font-size: 10pt; 
               font-weight: normal;
               text-align: center;
               padding: 0;
               margin: 0;
             }

sup          { font-size: 7pt;
               vertical-align: top;
               padding: 0;
               margin: 0;
             }

a                { margin: 0;
                   padding: 0;
                   text-decoration: none;
                   color: #0000ff;
                 }

a:hover          { font-weight: bold;
                   color: #000;
                 }

hr           { width: 650px;
               color: #0000ff;
             }

caption        { font-size: 14pt;
                 text-align: center;
                 font-weight: bold;
                 margin: 0;
                 padding: 5px;
               }

span.hide       { visibility: hidden;
                 }

span.show       { visibility: visible;
                }

/* =============== css for home page =================== */

div.indexL     { float: left;
                 top: 30px;
                 text-align: justify;
                 width: 770px;
                 height: auto;
                 margin: 0 0 0 5px;
                 padding: 10px;
               }

div.indexR     { float: right;
                 top: 0px;
                 text-align: center;
                 width: 150px;
                 margin: 0 0 0 10px;
                 border: 1px solid;
                 border-color: #0000ff;
                }

p.date         { margin: 10px 0 5px 0;
                 padding: 2px;
                 font-size: 14pt;
                 font-weight: bold;
                 text-align: center;
                 background-color: #addfff;
               }

p.news         { margin: 0;
                 padding: 2px;
                 font-size: 8pt;
                 border: 0px solid;
                 border-color: #0000ff;
                 background-color: #addfff;
               }

p.newsdate     { margin: 0;
                 padding: 2px;
                 font-size: 8pt;
                 font-weight: bold;
                 border-top: 1px solid;
                 border-color: #0000ff;
                 background-color: #addfff;
               }

p.newshead     { margin: 0;
                 padding: 2px;
                 font-style: italic;
                 font-weight: bold;
                 background-color: #addfff;
                 border: 1px solid;
                 border-color: #0000ff;
               }

p.indexL       { font-size: 10pt;
                font-weight: normal;
                padding: 10px 0 5px 0;
                margin: 0;
              }

p.eventsh     { font-size: 11pt;
                font-weight: bold;
                padding: 10px 0 0 0;
                margin: 0;
              }

p.eventst     { font-weight: normal;
                padding: 3px;
                margin: 0;
              }

.indexL a     { color: #0000ff;
                 text-decoration: underline;
              }

/* =============== css for diary page =================== */

div.entry      { background: #ccffff;
                 min-height: 500px;
               }

div.diary      { width: 630px;
                 text-align: center;
                 margin-top: 10px;
                 margin-left: 85px;
                 margin-right: auto;
               }

.diary td      { text-align: left;
                 padding: 5px;
                 border: 1px solid #0000ff ;
               }

.diary th      { text-align: center;
                 font-size: 14pt;
                 font-weight: bold;
                 border: 1px solid #0000ff ;
                 padding: 5px 0;
               }

.diary img    { width: 15px;
                height: 15px;
                border: 0 solid;
              }

span.invis       { visibility: hidden;
                 }

td.entered       { text-align: right;
                 }

col.entry        { width: 30px;
                   align: right;
                 }

col.race         { width: 430px;
                   align: left;
                 }

/* =============== css for results pages =================== */

div.res_hd          { width: 750px;
                      margin-right: auto;
                      margin-left: auto;
                      text-align: center;
                    }

.res_hd table.a { border: 0; /* === 3 columns === */
               width: 690px;
               padding: 0;
               margin-top: 10px;
             }

.res_hd table.b { border: 0; /* === 2 columns === */
               width: 460px;
               padding: 0;
               margin-top: 10px;
             }

.res_hd table.c { border: 0; /* === 1 columns === */
               width: 230px;
               padding: 0;
               margin-top: 10px;
             }

.res_hd td    { border: 0;
               padding: 5px 0 5px 5px;
               margin: 0;
               text-align: left;
               vertical-align: top;
             }

.res_hd tr    { border: 0;
               padding: 0;
               margin: 0;
               text-align: left;
             }

.res_hd p    { margin: 10px 0 0 0;
             }

.res_hd col  { width: 200;
             }

.res_hd a:hover { font-weight: normal;
                  text-decoration: underline;
                  color: #ff0000;
                }

div.res        { margin-left: 20px;
                 width: 750px;
                 padding:10px;
               }
div.archive    { width: 700px;
                 text-align: center;
                 margin-top: 10px;
                 margin-left: 50px;
                 margin-right: auto;
                 padding: 5px 0;
               }
.archive td    { text-align: center;
                 font-weight: bold;
                 padding: 5px;
                 border: 1px solid #0000ff;
               }

.archive th    { text-align: center;
                 font-weight: bold;
                 border: 1px solid #0000ff;
                 padding: 0;
               }

.archive caption { font-size: 16pt;
                 text-align: center;
                 font-weight: bold;
               }

div.mabac_hd   { width: 620px;
                 margin-right: auto;
                 margin-left: auto;
                 text-align: center;
               }

.mabac_hd table { width: 540px;
               padding: 0;
               margin-top: 5px;
             }

.mabac_hd table.jr { width: 450px;
             }

.mabac_hd table.final { width: 200px;
             }

.mabac_hd th    { border: 1px solid;
               padding: 5px 0 5px 5px;
               margin: 0;
               text-align: left;
               vertical-align: top;
             }

.mabac_hd td    { border: 1px solid;
               padding: 5px 0 5px 5px;
               margin: 0;
               text-align: left;
               vertical-align: top;
             }

.mabac_hd tr { border: 0;
               padding: 0;
               margin: 0;
               text-align: left;
             }

.mabac_hd col  { width: 90px;
             }

div.relay      { width: 750px;
                 margin-right: auto;
                 margin-left: auto;
                 text-align: center;
               }

col.pos        { width: 40px;
               }

col.team       { width: 320px;
               }

col.time       { width: 70px;
               }

td.pos         { text-align: right;
               }

td.team        { text-align: left;
               }

td.pos         { text-align: right;
               }

/* =============== css for the club pages =================== */

div.club       { margin: 0 auto 0 50px;
                 width: 700px;
                 padding:10px;
               }

.club p        { padding: 10px;
               }

.club a        { color: #0000ff;
                 text-decoration: underline;
                 font-weight: normal;
               }

.club a:hover  { color: #ff0000;
               }

/* ========== css for multi line menu ==================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/muti-line-dropdown.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {position:relative; z-index:500; height:40px;} /* height for this demo only */
#menu ul {padding:0; margin:0; list-style:none; padding:5px; background:#6699ff;}
#menu ul.level1 {height:30px;}
#menu ul ul {position:absolute; left:-9999px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px; border: 0; margin: 0;}
#menu tr { border:0; marjin:0; padding:0; }
#menu td { border:0; marjin:0; padding:0; }
#menu ul li {background:#fff; margin-right:5px; float:left;}
#menu ul li a {display:block; float:left; padding:8px 10px 8px 5px; font:normal 12px verdana, sans-serif; color:#000; text-decoration:none; background:#82caff; border:1px solid #888; border-color:#ddd #555 #555 #ddd;}
#menu ul li a.fly {background:#82caff url(../images/arrow.gif) no-repeat right center; padding-right:15px;}

#menu ul ul li {margin:0;}
#menu ul ul li a {width:105px;}
#menu ul ul li a.fly {padding-right:10px;}

#menu ul li:hover {position:relative;}
#menu ul li a:hover {direction:ltr; background:#8a9; color:#fff; border-color:#8a9; position:relative;}
#menu ul li:hover > a {background:#8a9; color:#fff; border-color:#8a9;}

#menu ul :hover ul {left:-5px; width:122px; top:31px;}

#menu ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul :hover ul {left:122px; width:122px; top:-5px;}

#menu ul :hover ul ul,
#menu ul :hover ul :hover ul ul, 
#menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}