/*..............................................................................
............NNNNNN NN...N$ NNNNN................................................
..............NN...NN...N$ NN...................................................
..............NN...NNNNNN$ NNNNN................................................
..............NN...NN...N$ NN... ...............................................
..............NN...ND...N$ NNNNN................................................
................................................................................
...........NNNNNNN:.............................................................
...... NNNNNNNNNNNNNNN.... NNNNN............NNNNN ..NNNNNNNNNNNNNNNNN...........
.....NNNNNNNNNNNNNNNNNNN=. NNNNN............NNNNN ..NNNNNNNNNNNNNNNNNNN.........
... NNNNNNNNND+ODNNNNNNN.. NNNNN............NNNNN ..NNNNNNNNNNNNNNNNNNNNN.......
...NNNNNNN.........+NN.... NNNNN............NNNNN .........ZNNNNN ..............
..NNNNNN+................. NNNNN............NNNNN .........ZNNNNN ..............
.DNNNNNN.................. NNNNN............NNNNN .........ZNNNNN ..............
.NNNNNN................... NNNNN............NNNNN .........ZNNNNN ..............
.NNNNNN................... NNNNN............NNNNN .........ZNNNNN ..............
.NNNNNN................... NNNNN............NNNNN..........ZNNNNN ..............
.DNNNNNN...................NNNNNZ..........~NNNNN .........ZNNNNN ..............
..NNNNNN ...........  .....NNNNND..........NNNNND..........ZNNNNN ..............
..,DNNNNNN......... NNN....DNNNNNN ...... NNNNNNN..........ZNNNNN ..............
...=NNNNNNNND..,ZDNNNNNN ...NNNNNNNNZ..$NNNNNNNN...........ZNNNNN .......,......
.....NNNNNNNNNNNNNNNNNNN ... DNNNNNNNNNNNNNNNNN ...........ZNNNNN .......OO.....
...... NNNNNNNNNNNNNND .......+NNNNNNNNNNNNNN,.............ZNNNNN .......OOOO...
......... NDDNNNNND..............,NNNNNNNN,................ONNNNN........OOOOO..
..............................................................................*/


/*############################################################################*/
/* INDEX #####################################################################*/
/*############################################################################*/
/*                                                                            */
/* 1. General style                                                           */
/*    1.1  Heading                                                            */
/* 2. Layout                                                                  */
/*    2.1  Header                                                             */
/*    2.2  Navigation                                                         */
/*    2.3  Content                                                            */
/*    2.4  Slideshow                                                          */
/*    2.5  Pagination                                                         */
/*    2.6  Document                                                           */
/*    2.7  Audio                                                              */
/*    2.8  Video                                                              */
/* 3. Homepage                                                                */
/*    3.1  News                                                               */
/*    3.2  Call To Actions                                                    */
/*    3.3  Media                                                              */
/*    3.4  Social                                                             */
/*    3.5  Sponsor                                                            */
/* 4. Galleries                                                               */
/* 5. Membership                                                              */
/* 6. Profile                                                                 */
/*    6.1  Profile details                                                    */
/* 7. Sub navigation                                                          */
/* 8. Partners                                                                */
/* 9. Results                                                                 */
/* 10.News articles                                                           */
/* 11.eNewsletter list                                                        */
/* 12.eNewsletter sign-up                                                     */
/* 13.Google Ads                                                              */
/* 14.Contact                                                                 */
/* 15.Volunteer form                                                          */
/* 16.Footer                                                                  */
/*                                                                            */
/*############################################################################*/
/* Font colour                                                                */
/*    blue   : #00aeef                                                        */
/*    yellow : #ffe800                                                        */
/*    light grey: #474747                                                     */
/*    dark grey: #333                                                         */
/* Heading font family                                                        */
/*    Eurostile LT W01 Bold                                                   */
/*    Eurostile LT W01 Demi                                                   */
/*    Eurostile LT W01 Medium                                                 */
/*############################################################################*/

/*############################################################################*/
/* 1. General ################################################################*/
/*############################################################################*/

html, body {
  margin: 0;
  padding: 0;
  background: #000 url("../images/background.jpg") no-repeat 50% 0;
  color: #ffffff;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
}

body#tinymce.mceContentBody {padding: 8px 10px;}

a {
  color: #ffe800;
  text-decoration: none;
  outline: 0;
}
  
a:hover { color: #00aeef; }

a:active { outline: 0; }
:-moz-any-link:focus { outline: 0; }


.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

ul li ul { margin: 0; }
ul li ul li { list-style: circle; }

input, textarea, select {
  border: 1px solid #333;
  padding: 2px;
  vertical-align: middle;
}

label, input.sub { cursor: pointer; }

.pagination { text-align: center; margin: 20px 0; }

  .pagination .prev,
  .pagination .next {
    padding: 2px 5px;
    background-color: #333;
  }

.read-more {
  padding-left:10px;
  background: transparent url("../images/arrow-yellow.gif") no-repeat 0 50%;
}

.read-more:hover {
  background: transparent url("../images/arrow-blue.gif") no-repeat 0 50%;
}

hr {
  height: 1px;
  border: 0;
  color: #333;
  background-color: #333;
  width: 100%;
}

sup { font-size: 6px; }

.pointer { cursor: pointer; }

  /*##########################################################################*/
  /* 1.1 Heading #############################################################*/
  /*##########################################################################*/
  h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    color: #00aeef;
    line-height: 1em;
    margin-bottom: 5px;
    font-family: "Eurostile LT W01 Medium", Arial, serif;
  }

  h1 {
    font-size: 26px;
    color: #ffe800;
    text-transform: uppercase;
  }
  
  h2 {
    font-size: 20px;
    color: #00aeef;
  }

  h3 {
    font-size: 16px;
    color: #00aeef;
  }

  h4 { font-size: 14px; }
  
  .wf-loading {
    visibility: hidden;
  }
  
  .wf-active, wf-inactive {
    visibility: visible;
  }

  .reader{
    position: absolute;
    left: 0;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    text-indent: -9999px;
  }
  
  .thumb {
    margin-bottom: 10px;
  }
  
/*############################################################################*/
/* 2. Layout #################################################################*/
/*############################################################################*/

.container_16 {
  clear: both;
}

  .grid_12 {
    width: 700px;
    overflow: hidden;
  }


  /*##########################################################################*/
  /* 2.1 Header ##############################################################*/
  /*##########################################################################*/

  #header {
    height: 85px;
    padding: 20px 0;
    position: relative;
  }
    
    #header #logo {
      position: absolute;
      bottom: 20px;
      left: 0;
    }
    
    #header a {
      display: block;
      overflow: hidden;
      height: 86px;
      width: 372px;
      background: url("../images/perth2011.png") no-repeat 0 0;
      text-indent: -9999px;
    }
    
    #header #event {
      position: absolute;
      bottom: 15px;
      right: 0;
      text-align: right;
      text-transform: uppercase;
      font-family: "Eurostile LT W01 Medium", Arial, serif;
    }
    
      #header div span {
        display: block;
        line-height: 30px;
        font-weight: 800;
        color: #fff;
      }

      #header .dates,
      #header .month { font-size: 26px; }
      
      #header .location { color: #c7c7c7; font-size: 20px; line-height: 1em; margin: 0; padding: 0; }

  /*##########################################################################*/
  /* 2.2 Navigation ##########################################################*/
  /*##########################################################################*/

  #navigation {
    height: 40px;
    margin-bottom: 20px;
    position:relative;
    z-index: 2;
  }
    
    #navigation div {
      background-color: #474747;
      font-size: 10px;
    }


  /*##########################################################################*/
  /* 2.3 Content #############################################################*/
  /*##########################################################################*/
  #content { background-color: #000; }
  
  #content .featured-text {
    color: #00aeef;
    font-size: 16px;
    margin-bottom: 10px;
  }
  
  #content .properties {
    overflow: hidden;
  }
  
  #content .properties li {
    display: block;
    float: left;
    margin: 0;
    list-style-type: none;
  }
  
  #content .content {
    column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;
    column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px;
    margin-bottom: 20px;
  }

  /*##########################################################################*/
  /* 2.4 Slideshow ###########################################################*/
  /*##########################################################################*/
  #slideshow {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
    z-index: 1;
    height: 315px;
    width: 490px;
    overflow: hidden;
  }

    #slideshow li img {
      height: 315px !important;
      width: 490px !important;
    }

    #slideshow li { margin: 0; }

  #boat_detail #slideshow { width: 460px; height: 296px; }

  /*############################################################################*/
  /* 2.5 Pagination ############################################################*/
  /*############################################################################*/
  
  .pagination {
    text-align: center;
    font-size: 10px;
  }
  
    .pagination .current,
    .pagination .step-links a {
      padding: 5px 20px;
      margin: 0;
    }
  
    .pagination .step-links a {
      background-color: #333;
      width: 70px;
      font-family: "Eurostile LT W01 Demi", Arial;
    }
  
    .pagination #btn-prev { margin-right: 30px; }
    .pagination #btn-next { margin-left: 30px; }

  /*############################################################################*/
  /* 2.6. Document #############################################################*/
  /*############################################################################*/
  
  /* Document Layout */
  ul.documents {
    border-top: 1px solid #474747;
    margin: 10px 0 0 0;
    padding: 20px 0 0 0;
    font-size: 11px;
    width: 720px;
  }
  
    ul.documents li {
      display: block;
      float: left;
      width: 160px;
      margin: 0 20px 40px 0;
      position: relative;
    }
  
    ul.documents li a {
      color: #fff;
      text-decoration: none;
      font-size: 12px;
      line-height: 16px;
    }
  
      ul.documents li a:hover span.dl {
        background: transparent url('../images/icon-dl.png') no-repeat 0 0;
        display: block;
        position: absolute;
        top: 55px;
        left: 33px;  
        z-index: 1;
        width: 42px;
        height: 42px;
      }
  
      ul.documents li a img {
        display: block;
        margin: 0 0 5px 0;
      }
  
      ul.documents li a span.date {
        font-size: 10px;
        font-weight: 500;
        display: block;
        margin: 0;
        color: #666;
        font-style: italic;
      }
      
      ul.documents li a span.size { margin-left: 10px; }
  
  table.documents {
    width: 100%;
    line-height: 28px;
    border-bottom: solid 2px #474747;
    font-size: 11px;
  }
  
    table.documents a,
    table.documents a:visited { color: #ffe800; }
  
    table.documents a:active
    table.documents a:focus,
    table.documents a:hover,
    table.documents tr:hover { color: #00aeef; cursor: pointer; }
  
    table.documents thead tr th {
      padding: 0 0 0 15px;
      color: #fff;
      background-color: #474747;
      text-align: left;
      text-transform: uppercase;
    }
  
    table.documents tbody tr td {
      padding: 0 0 0 15px;
      border-bottom: 1px solid #474747;
    }
  
    table.documents .active { background-color: #333; }

  /*############################################################################*/
  /* 2.7. Audio ################################################################*/
  /*############################################################################*/
  .audios {
    margin: 20px 0;
    padding: 0;
    list-style: none;
  }
  
    .audios li.audio-li {
      margin: 0;
      padding: 20px 0;
      border-top: 1px solid #474747;
    }
  
    .audios li.audio-li .date { font-size: 10px; font-style: italic; color: #666; margin-bottom: 10px; }
  
    .audios li.audio-li .clearfix { margin-bottom: 10px; }
  
  /*############################################################################*/
  /* 2.8. Video ################################################################*/
  /*############################################################################*/
  .videos {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    list-style: none;
    width: 720px;
    border-top: 1px solid #474747;
  }
  
    .videos li {
      width: 160px;
      height: 150px;
      float: left;
      margin: 0 20px 30px 0;
      padding: 0;
      display: block;
      position: relative;
    }
  
    .videos .name { font-size: 12px; margin: 5px 0 0 0; line-height: 16px; font-family: Arial; color: #fff; }
    
    .videos .date { font-size: 10px; color: #666; margin: 0; font-style: italic; }
  
    .videos li a span {
      background: transparent url('../images/icon-play.png') no-repeat 0 0;
      display: block;
      position: absolute;
      top: 26px;
      left: 60px;  
      z-index: 1;
      width: 42px;
      height: 42px;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      -moz-opacity:.70;
      filter:alpha(opacity=70);
      opacity:.70;
    }
    
    .videos li a:hover span {
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -moz-opacity:1;
      filter:alpha(opacity=100);
      opacity:10;
    }

  .warning {
    font-weight: bold;
    background: #000 url('../images/icon-error.png') 0 0 no-repeat;
    padding-left: 20px;
  }
  
/*############################################################################*/
/* 3. Homepage ###############################################################*/
/*############################################################################*/

  /*##########################################################################*/
  /* 3.1 News ################################################################*/
  /*##########################################################################*/
  #feature-block {
    width: 700px;
    height: 420px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
  }

  #feature-block ul {
    position: absolute;
    top: 0;
    list-style: none; 
    padding: 0;
    margin: 0;
  }

  ul#feature-list {
    right: 0;
    width: 160px;
  }

  ul#feature-list li {
    margin: 0;    
    font-size: 12px;
    border-top: 1px solid #000;
  }
  
  ul#feature-list li.first { border-top: none; }
  
  ul#feature-list li a {
    color: #fff;
    background: #004660 url('../images/bg-feature-list.png') repeat-y 0 0;
    text-decoration: none;  
    display: block;
    padding: 10px 10px 10px 15px;
    height: 96px;
    outline: none;
  }

  ul#feature-list li a:hover,
  ul#feature-list li.current a {
    text-decoration: none;
    background-color: #00aeef;
    color: #fff;
  }

  ul#feature-list li a.current:hover {
    text-decoration: none;
    cursor: default;
  }

  ul#feature-output {
    left: 0;
    width: 540px;
    height: 420px;
    position: relative;
    z-index: 1;
  }

  ul#feature-output li {
    margin: 0;    
    position: absolute;
    width: 540px;
    height: 420px;
    cursor: pointer;
  }

  ul#feature-output li div {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #000;
    height: 70px;
  }

  #feature-block ul#feature-output li h2 { width: 700px; padding-top: 10px; }
  
  #feature-block ul#feature-output li h2 a {
    padding: 0;
    font-size: 20px;
    text-decoration: none;
    color: #00aeef;
  }

  #feature-block ul#feature-output li h2 a:hover { color: #ffe800; }
  
  ul#feature-output li a.read-more {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
  }
  
  ul#feature-output li a.read-more:hover { color: #00aeef }

  /*##########################################################################*/
  /* 3.2 Call To Actions #####################################################*/
  /*##########################################################################*/
  
  #ctas {
    overflow: hidden;
    margin: 0;
    padding: 20px 0 0 0;
    border-bottom: 8px solid #00aeef;
    font-size: 11px;
    list-style-type: none;
  }
    
    #ctas li {
      clear: right;
      display: block;
      overflow: hidden;
      position: relative;
      float: right;
      width: 340px;
      margin: 0 0 20px 0;
      padding: 0;
    }
      
      #ctas li img {
        display: block;
        float: left;
      }
    
    #ctas a {
      display: block;
      overflow: hidden;
      color: #ffffff
    }
    
    #ctas span {
      display: block;
      margin: 0 0 0 130px;
    }
      
      #ctas span.title {
        margin: 0 0 2px 130px;
        color: #00aeef;
        font-size: 14px;
      }
      
      #ctas a:hover span.title {
        text-decoration: underline;
      }
    
    #ctas li.first {
      float: left;
    }
      
      #ctas li.first img {
        margin: 0 0 10px 0;
      }
      
      #ctas li.first span {
        margin-left: 0;
      }
  
  /*##########################################################################*/
  /* 3.3 Media ###############################################################*/
  /*##########################################################################*/
  #media-block {
    border-bottom: 8px solid #00aeef;
  }

      #media-block h2 {
        text-transform: uppercase;
        font-size: 16px;
        background-color: #00aeef;
        color: #fff;
        padding: 5px 10px;
        margin-bottom: 20px;
      }
      
      #media-block h3 {
        font-size: 16px;
        padding-top: 5px;
      }
      
      #media-block span a {
        padding-top: 5px;
        font-size: 12px;
        float: right;
      }
    
      #media-block .grid_6 {
        width: 340px;
        overflow: hidden;
      }
      
      .media-list {
        list-style: none;
        margin: 10px 0 0 0;
        padding: 0;
        width: 360px;
        
      }
      
      .media-list li {
        width: 160px;
        display: inline;
        float: left;
        margin: 0 20px 20px 0;
        padding: 0;
        position: relative;
      }
      
      #page-galleries .media-list li { height: 160px; }
      
      .media-list .gallery-name { font-size: 14px; margin: 5px 0; }
      
      .media-list .gallery-date { font-size: 10px; color: #666; margin: 0; font-style: italic; }

      .media-list li a span {
        background: transparent url('../images/icon-play.png') no-repeat 0 0;
        display: block;
        position: absolute;
        top: 26px;
        left: 60px;  
        z-index: 1;
        width: 42px;
        height: 42px;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -moz-opacity:.70;
        filter:alpha(opacity=70);
        opacity:.70;
      }

      .media-list li a:hover span {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity:1;
        filter:alpha(opacity=100);
        opacity:10;
      }

  /*##########################################################################*/
  /* 3.4 Social ##############################################################*/
  /*##########################################################################*/
  #social-block {
    margin: 0 0 20px 0;
    padding: 0 0 12px 0;
    border-top: 1px solid #00aeef;
    border-bottom: 1px solid #00aeef;
  }
  
    #social-list {
      overflow: hidden;
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 9px;
    }
    
    #social-list li {
      display: block;
      float: left;
      overflow: hidden;
      height: 40px;
      width: 40px;
      margin: 12px 12px 0 0;
    }
    
    #social-list li a {
        display: block;
        width: 0;
        height: 0;
        margin: 0;
        padding: 40px 0 0 40px;
        background: transparent url('../images/icon-socialmedia.png') no-repeat 0 0;
        color: #fff;
      }
    
    #social-list li#twitter a {background-position: 0 -40px;}
    #social-list li#rss a {background-position: 0 -80px;}
    #social-list li#follow {height: auto; width: 64px; margin-right: 0; padding-top: 6px; text-transform: uppercase;}

  /*##########################################################################*/
  /* 3.5 Sponsor #############################################################*/
  /*##########################################################################*/
  #sponsor-block {
    margin: 0 0 20px 0;
    display: block;
    height: 53px;
    overflow: hidden;
    z-index: 1;
  }

/*############################################################################*/
/* 4. Galleries ##############################################################*/
/*############################################################################*/

/* galleries page */
#page-galleries .media-list { width: 720px; }

#gallery-section h1 { margin: 20px 0 0 0; }

#display-container {
  display: block;
  margin-bottom: 20px;
}

  #media-viewer {
    width: 700px;
    height: 450px;
    overflow: hidden;
    background: #333 url('../images/icon-loader.gif') no-repeat 50% 50%;
  }
  
  #media-info { min-height: 47px; }

  #display-container .info {
    margin: 0;
    padding: 10px 15px;
    background-color: #333;
  }

    #display-container .info h3 { margin: 0; font-size: 18px; }
    
    #display-container .info p { margin: 0; font-size: 12px; }

/* gallery thumbnails */

.gallery-list {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
  width: 720px;
}

  .gallery-list li a:active { outline: none; }
  
  .gallery-list li {
    width: 100px;
    height: 95px;
    overflow: hidden;
    float: left;
    margin: 0 20px 20px 0;
    padding: 3px 0 0 0;
    display: block;
    position: relative;
    font-size: 10px;
    line-height: 12px;
    border-top: 2px solid #000;
  }

  .gallery-list li:hover { cursor: pointer; }
  
  .gallery-list li img { margin-bottom: 5px; }
  
  .gallery-list li.active,
  .gallery-list li:hover { border-color: #00aeef; }
  
  .gallery-list li.active p { color: #00aeef; }
  
  .gallery-list li .caption { display: none; }

  .gallery-list li a:hover span {
    background: transparent url('../images/icon-play.png') no-repeat 0 0;
    display: block;
    position: absolute;
    top: 10px;
    left: 30px;  
    z-index: 1;
    width: 42px;
    height: 42px;
  }




/*############################################################################*/
/* 5. Membership #############################################################*/
/*############################################################################*/

.purchase-membership {
  padding: 20px;
  background-color: #333;
  font-size: 12px;
}

  .purchase-membership h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
  }

  .purchase-membership form {
    position: relative;
    margin-top: 20px;
    text-align: right;
  }

  .purchase-membership .price {
    margin: 10px 0 10px 0;
  }

  .purchase-membership label {
    display: inline;
    margin: 0;
    padding: 0 10px 0 0;
    line-height: 30px;
  }

    .purchase-membership label:after {
      content: ":";
    }

  .purchase-membership select {
    height: 30px;
    margin: 0 10px 0 0;
    padding: 4px;
    background-color: #009ce8;
    border: none;
    color: #000;
    line-height: 22px;
  }

  .purchase-membership input[type=submit] {
    margin: 0;
    height: 30px;
    padding: 4px 54px 4px 4px ;
    background: #ffe800 url("../images/arrow-right.gif") no-repeat center right;
    border: none;
    cursor: pointer;
    color: #000;
    line-height: 22px;
  }


/*############################################################################*/
/* 6. Profile ################################################################*/
/*############################################################################*/
.profiles {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  width: 720px;
}

  .profiles li {
    float: left;
    margin: 0 20px 20px 0;
    width: 160px;
    height: 180px;
  }
  
  .profiles li .profile-name,
  .profiles li .profile-title { display: block; }
  
  .profiles li a .profile-title,
  .profiles li a:hover .profile-title { color: #fff; }

  .profiles li a .profile-nation { color: #666; }

  .profiles li a .profile-name,
  .profiles li a:hover .profile-name { color: #00aeef; }

  .profiles.boats li,
  .profiles.athlete li { height: 210px; }
  
  .profiles.boats li span {
    margin-top: 10px;
    padding: 5px 0;
    border-top: 1px solid #474747;
  }
  
  .profiles.boats li a:hover span { color: #ffe800; }

  h1 .profile-title {
    font-size: 14px;
    color: #fff;  
  }

  /*############################################################################*/
  /* 6.1 Profile details #######################################################*/
  /*############################################################################*/
  #profile-details {
    margin: 0;
    padding: 10px;
    list-style: none;
    background-color: #333;
  }
  
    #profile-details li {
      font-size: 11px;
      border-bottom: 1px solid #474747;
      margin: 0;
      padding: 10px 5px;
    }
    
    #profile-details li.first { border-top: 1px solid #474747; }
    
    #profile-details li span {
      display: block;
      color: #00aeef;
      font-weight: 700;
    }
  

/*############################################################################*/
/* 7. Sub navigation #########################################################*/
/*############################################################################*/
#nav-sub ul,
#nav-sub ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}

#nav-sub ul {margin: 0 0 20px 0;}
#nav-sub ul ul {margin: 0;}

#nav-sub ul li.active ul { display: block; }

#nav-sub ul li a {
  display: block;
  width: 200px;
  line-height: 2em;
  background-color: #474747;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 2px;
  padding: 5px 10px;
}

#nav-sub ul li ul.menu li a {
  color:#fff;
  width: 190px;
  padding-left: 20px;
  background-color: #333;
  font-size: 10px;
}

#nav-sub li a.active,
#nav-sub a:hover,
#nav-sub .menu a:hover { color: #00aeef; }

/*############################################################################*/
/* 8. Partners ###############################################################*/
/*############################################################################*/
.partners {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
}


.partners li.partner-li {
  padding: 0;
  margin: 0;
  list-style: none;
}
  
  .partners li.partner-li {
    position: relative;
    margin-bottom: 40px;
    clear: left;
  }

  .partners li.partner-li h3 { color: #00aeef; }
  
  .partners li.partner-li img {
    float: left;
    margin: 0;
    padding: 0;
  }

  .partners li.partner-li div {
    margin-left: 220px;
  }

#sponsor-page h2 {
  margin-top: 20px;
  border-bottom: 1px solid #474747;
  padding-bottom: 10px;
}


/*############################################################################*/
/* 9. Results ################################################################*/
/*############################################################################*/
#content_results table {
  width: 100%;
  font-size: 10px;
  border-collapse: collapse;
}
  
  #content_results table thead tr th {
    border-bottom: solid 1px #00aeef;
    color: #00aeef;
    line-height: 31px;
    text-align: left;
    text-transform: uppercase;
  }
  
  #content_results table thead tr th.rank {
    width: 15px;
    visibility: hidden;
    font-size: 1px;
    }
  
  #content_results table tbody tr {
    border-bottom: solid 1px #4d4d4d;
    }
    
    #content_results table tbody tr td {
      padding: 10px 0;
      }
    
    #content_results table tbody tr td.date {
      width: 100px;
      color: #00aeef;
      }
    
    #content_results table tbody tr td.rank {
      width: 15px;
      color: #00aeef;
      }
    
    #content_results table tbody tr td.race_points span {
      display: block;
      }
    
    #content_results table tbody tr td.total-points,
    #content_results table tbody tr td.net-points {
      color: #ffe800;
      }
  
  #content_results table ul {
    margin: 0;
    }
  
  #content_results table ul li {
    list-style-type: none;
    }

#content_results table thead tr th.datetime,
#content_results table tbody tr td.datetime {
  display: none;
}

#content_results table tbody tr.commenced td {
  color: #666666;
}


/*############################################################################*/
/* 10. News articles #########################################################*/
/*############################################################################*/

/* the last two articles */
.most-recent-article {
  position: relative;
  width: 340px;
  height: 340px;
  margin-bottom: 20px;
  background-color: #333;
}

  .most-recent-article dl {
    line-height: 16px;
    width: 314px;
    padding:0 13px;
  }
  
  .most-recent-article dl dt {
    font-size: 18px;
    font-weight: 700;
    padding-top: 250px;
    height: 50px;
    overflow: hidden;
    color: #00aeef;
    margin-bottom: 10px;
    line-height: 1.4em;
  }
  
  .most-recent-article dl dt a { color: #00aeef; }
  
  .most-recent-article dl dd.date {
    position: absolute;
    left: 13px;
    top: 230px;
    font-weight: 700;
    font-size: 10px;
  }
  
  .most-recent-article dd.picture {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .most-recent-article dd.picture img { width: 340px; height: 220px; }
  
/* article list */
#article-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

#article-list li {
  position: relative;
  padding: 0;
  margin: 0 0 20px 0;
}

  #article-list li span { padding-left: 180px; }
  
  #article-list li img { float: left; }
  #article-list li .title,
  #article-list li .date,
  #article-list li .description,
  #article-list li .read-more { display: block; }
  
  #article-list li .title {
    font-size: 14px;
    font-weight: 700;
  }

  #article-list li .date {
    font-size: 10px;
    color: #666;
    font-style: italic;
  }
  
  #article-list li .description {
    color: #fff;
  }


/* date */
.pub-list {
    color: #666;
    font-style: italic;
    font-size: 10px;
    margin-top: 20px;
}

/*############################################################################*/
/* 11. eNewsletter list ######################################################*/
/*############################################################################*/
.newsletter {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

  .newsletter li.newsletter-li {
    margin: 0;
    padding: 20px 0;
    border-top: 1px solid #474747;
  }
    .newsletter li .clearfix { margin-bottom: 10px; }
    .newsletter li.newsletter-li .date { font-size: 10px; font-style: italic; color: #666; margin-bottom: 10px; font-family: Arial; }
    .newsletter li.newsletter-li .read-more { padding: 5px 40px 5px 50px; background: #333 url("../images/arrow-yellow.gif") no-repeat 30px 50%; }

/*############################################################################*/
/* 12. Newsletter sign-up ####################################################*/
/*############################################################################*/
#enewsletter {
  background-color: #474747;
  margin: 20px 0;
  padding: 20px;
}

  #enewsletter ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  #enewsletter ul li {
    margin: 0;
  }

  #enewsletter input {
    width: 166px;
    border: none;
    padding: 5px 7px;
    margin-bottom: 10px;
  }

    #enewsletter input.submit { width: 60px; background-color: #00aeef; color: #fff; font-weight: bold; font-size: 10px; margin-bottom: 0; }

/*############################################################################*/
/* 13. Google Adverts ########################################################*/
/*############################################################################*/
#page-home #livetv, #page-home #liveblog, #page-home #livetracking, #page-home #vouchers {margin: 0 0 20px 0;}
.ad { margin: 0 0 20px 0; }

/*############################################################################*/
/* 14. Contact ################################################################*/
/*############################################################################*/
#page_contact h1 { margin-top: 20px; }

#map {
  height: 450px;
  width: 700px;
  margin-bottom: 20px;
}

.gmap_marker {
  color: #000;
  font-size: 16px;
}
  .gmap_marker span { font-size: 12px; display: block; }

.vcard .fn {
  font-size: 14px;
  font-weight: 700;
}

  .vcard .street-address,
  .vcard .fn { display: block; }
  
  .vcard .adr .type,
  .vcard .adr .country-name { display: none; }
  
  .vcard .title { font-style: italic; }
  
  .vcard .adr { margin-bottom: 20px; }

/*############################################################################*/
/* 15. Volunteer form ########################################################*/
/*############################################################################*/
.form {
  margin: 0;
  padding: 0;
  list-style: none;
}

  .form li {
    margin: 0;
    padding: 10px 0;
    font-style: italic;
  }

  .form ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

    .form ul li {
      margin: 0;
      padding: 0;
      list-style: none;
    }
  
    .form li label {
      display: block;
      margin-bottom: 3px;
      font-style: normal;
      font-size: 14px;
    }
  
    .form li .help_text {
      display: block;
      margin-bottom: 3px;
      font-style: normal;
      font-size: 11px;
    }
    
  .form input[type=text],
  .form input[type=password],
  .form textarea,
  .form select {
    padding: 7px 5px;
    vertical-align: middle;
    font-family: Arial;
    font-size: 12px;
    width: 350px;
    border: none;
  }

  .form textarea { height: 80px; }
  
  .form input:focus,
  .form textarea:focus {
    background-color: #ccc;
  }  
  
  .form .errorlist {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
    .form .errorlist li {
      clear: both;
      color: #ff0000;
      padding: 0;
      margin: 0 340px 0 0;
      float: right;
    }

  .form input.submit {
    background-color: #00aeef;
    padding: 7px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    width: 100px;
  }
  
  /* Login form */
  #login input[type=text],
  #login input[type=password] { width: 200px; }
  
/*############################################################################*/
/* 16. Footer ################################################################*/
/*############################################################################*/
#footer {
  margin: 20px auto;
}

  #footer p { margin: 20px 0 40px 0; }

  #footer p, #footer p a {
    font-size: 10px;
    color: #26455c;
  }

  #footer a { text-decoration: underline; }
  #footer a:hover { text-decoration: none; }
  
  /* Sponsor list */
  #footer #sponsor-list {
    display: block;
    width: 940px;
    height: 80px;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  
  #footer img {
    width: 940px;
    height: 80px;
    background-color: #fff;
  }