/* FORMATS MOUSE ACTIVITY ON LINKS */

a:link {color: blue;}     /* unvisited link */
a:visited {color: blue;}   /* visited link */
a:hover {color: red;}     /* mouse over link */
a:active {color: blue;}    /* selected link */
a{
text-decoration:none;
}

/*  FORMATS THE WEBSITE PAGE SIZE, BACKGROUND AND TYPOGRAPHY */
body{
    background-color:#AEB7C0;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:15px;
    color:#3F3B3B;
}
h2,h3,h4 {
    font-family:Verdana;
    color:#36832B;
}
div.outer{
    overflow:auto;
    width:864px;
    margin:0px auto 0px auto;
    padding-top:0px;
    border:0px solid blue;
    border-radius: 0px;
    background: #FAFAFA;
}

/*  FORMATS AND POSITIONS THE HEADER */
div.RNRlogo{
    float: left;
    border: 0px solid black;
    height: 100px; width: 126px;
    background-color:cyan;
}
div.birketts{
    float: left;
    border: 0px solid black;
    text-align: center;
    height:90px; width:548px;
    padding-top:20px;
}
div.arc{
    float:left;
    height: 100px; width: 126px;
    border: 0px solid black;
    background-color:white;
}
img.ARC{
    width:80px; display: block;
    margin: 0px auto;
    margin-top:10px;
    border: 0px solid black;
}
div.header{
    float: left;
    margin:30px 30px 10px 30px;
    height:110px;
    width: 800px;
    border: 0px solid black;
}
img.birketts{
    display: block;
    width:120px;
    margin: 0px auto;
}
span.title1{
    font-size: 230%;
    line-height: 1.5em;
}
span.title2{
    font-size:160%;
    color: darkcyan;
}
p.permit{
    font-size: 75%;
    width:128px;
    text-align:center;
}
img.header{
    width:100%;
    Height: 100%;
}
#cssmenu{
    float: left;
    margin:10px 30px 10px 30px;
    border: 0px solid black;   
}
div.subindex{
    position: absolute;
    top: 130px;
    left: 20px;
    width:800px;
    font-family:helvetica,sans serif;
    font-size: 13px;
    font-weight:bold;
    text-align:right;
    border: 0px solid black;
    color: blue;
    margin-bottom: 0px
}
li.header{
    display:inline; margin-right:20px;
}

/*  FORMATS THE HOME PAGE ANNOUNCEMENT BOX */
div.announcement{
    border:0px solid black;
    width:539px;
    background: lightblue;
    color: darkcyan;
    text-align: center;
    padding: 10px 10px 15px 10px;
    margin-bottom:10px;
    font-size:14px;
    line-height:1.5em;
}

/* FORMATS THE HOME PAGE IMAGES*/
img.home_page{
    margin:0px;    
}
img.home_page_centre{
    Margin:0px 5px 0px 5px;   
}
/*  FORMATS THE HOME PAGE AND NEWS PAGE SIDE BAR */
div.side-bar{
    margin:10px 35px 0px 10px;
    font-size: 90%;
    line-height:1.5em;
    width: 220px;
    border:0px solid blue;
    float:right;
    display:inline;
}
div.innertube{
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 5px;
    margin-bottom: 5px;
    background-color: #EBEBEB;
    border-radius: 0px;
    border:1px #FFFFFF;
}
div.recent_updates{
    padding: 10px;
    height: 24px;
    font-size:110%;
    font-family: verdana;
    font-weight: bold;
    margin-bottom: 5px;
}
div.notices{
    padding: 10px;
    color: #AA2537;
    margin-bottom: 5px;
}
div.officescape{   
    border:1px solid steelblue;
    margin-bottom: 5px;
}
div.social{
    text-align: center;
    margin-top: 0px;
    border: 0px solid black;
    padding: 0px;
}
img.logos{
    margin: 10px auto;
}

/* THIS SECTION FORMATS THE KEY PAGE TEXT BOX */
div.key{
    margin:10px 10px 20px 30px;    
    float:left;
    border:0px solid black;
    text-align: justify;
    font-size:100%;
    line-height:1.5em;
}
div.narrow{
    width:558px;   
}
div.wide{
    width:800px;   
}

/* FORMATS THE DECLARED TEAMS PAGE */
div.table{
    display:inline;
    float:left;
    font-size: 80%;
    margin-right:30px;
    Margin-left:30px;
    line-height:1.3em;
}

/* FORMATS THE COURSE MAPS PREVIEW PAGE*/
img.area{
    margin:12px;
}
img.course{
    margin:9px;
}
img.course:hover{
    border:2px solid red;
    margin:8px;
}
img.area:hover{
    border:2px solid red;
    margin:11px;
}

/* FORMATS THE RELIEF PROFILES PREVIEW PAGE */
div.profile{
    display:inline-block;
    border:1px solid blue;
    width:185px;
    margin: 4px;
    text-align:center;
    padding-bottom:5px;
    background-color:#ffffff;
}
div.profile:hover{
    border:2px solid red;
    margin:3px;
}

/* THIS SECTION FORMATS THE ALL TIME RUNNERS TABLE LAYOUT*/
div.table_left{
    font-size: 80%; 
    display:inline;
    float:left;
    line-height:1.3em;
}
div.table_right{
    font-size: 80%;
    display:inline;
    float:right;
    line-height:1.3em;
}

/*  POSITIONS THE RESULTS MAIN PAGE*/
div.winners{
    margin:10px 30px 20px 10px;
    width:635px;
}

/* FORMATS THE RESULTS SIDE BAR*/
div.resultsbar{
    font-size:100%;
    margin-bottom:2px;
    border: 0px solid grey;
    padding: 10px;
    background: lightgrey;
    border-radius: 0px;
}
div.container{
    float:left;
    width: 140px;
    border: 0px solid red;
    margin:10px 10px 20px 30px;
}

/* FORMATS THE YEAR MENU ON THE HISTORICAL RESULTS PAGES*/
div.year_menu{
    float:left;
    border:0px solid black;
    font-family: arial; 
    font-size: 13px;
    font-weight:bold;
    margin-top:10px;
    background-color: #7D7569;
    width: 500px;
    height:40px;
    overflow:auto;  
}
div.year_menu_small{
    float:left;
    border:0px solid black;
    font-family: arial; 
    font-size: 13px;
    font-weight:bold;
    margin-top:10px;
    margin-right:5px;
    background-color: #7D7569;
    width: 145px;
    height:40px;
    overflow:auto;  
}
ul.year_menu{
    padding-left:8px;
}
li.year{
    display:inline;
    border:0px solid black;
    padding: 0px 8px 0px 8px;
}
a.history:link{color:white;}
a.history:visited{color:white;}
a.history:hover{color:red;}
a.history:active{color:white;}

/* THIS SECTION FORMATS THE RACE HISTORY ARCHIVE MENU*/
li.history{
    width:140px;
}

/* FORMATS THE RACE HISTORY IMAGES*/
div.history{
    width:220px;
    margin:5px 0px 0px 10px;
    border:1px solid black;
}
p.history{
    text-align:center;
    padding:0px 10px 0px 10px;
    font-size:75%;
    line-height:1.4em;
    margin:5px auto 5px auto;
}
div.history_portrait{
    width:155px;
    margin:5px 0px 0px 10px;
    border:1px solid black;
}
img.history{
    margin:10px 10px 0px 10px;  
}

/* THIS SECTION FORMATS THE MAIN PHOTOS GALLERY */
div.gallery_link{
    float:left;   
    text-align: center;
    width:150px;
    border:1px solid blue;
    padding:10px;
    margin:13px;		
}
img.gallery{
    margin:0px;
}