@charset "utf-8";
/*############################################################################*/
/* 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                                                        */
/*    EuropeExt                                                 */
/*############################################################################*/

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

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

/*ody#tinymce.mceContentBody {padding: 8px 10px;}*/

p {margin: 0 0 15px 0; padding: 0;}

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; }

img { border:none; }

label, input.sub { cursor: pointer; }

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

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

.pointer { cursor: pointer; }

.bannerHome{display:inline;float:right;margin-left:10px;margin-right:20px}

/*#################################################### HTML5 ########################################################*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; margin: 0; padding: 0; }
/*#################################################### HTML5 ########################################################*/

  /*##########################################################################*/
  /* 1.1 Heading #############################################################*/
  /*##########################################################################*/
  @font-face { font-family: "EuropeExt"; src: url("/css/fonts/42852.ttf"); }
  
  h1,h2,h3,h4 { font-weight: normal; color: #ffe800; margin: 0 0 5px 0; font-family: "EuropeExt", Arial, serif; }

  h1 { font-size: 26px; }
  h2 { font-size: 20px; }
  h3 { font-size: 18px; }
  h4 { font-size: 16px; }
  h5 { font-size: 14px; font-family: Arial, serif; margin: 0 0 10px 0; }
  h6 { font-size: 12px; color: #00aeef; font-family: Arial, serif; margin: 0 0 10px 0; }
  
/*############################################################################*/
/* 2. Layout #################################################################*/
/*############################################################################*/

.container_16 {
  clear: both;
	float:left;
}

/*.grid_12 {
	width: 700px;
	overflow: hidden;
	padding-left: 20px;
	padding-top: 0;
	margin-top: 0;
}*/

.main {	
	width: 940px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	padding: 0 auto;
	position: relative;
}

.wrap { padding-bottom: 50px; }
  
.content {
	width: 700px;
	float:left;
	padding: 0 0 0 20px;
	margin-top: 0;
}

#footer {
	position: relative;
	width: 940px;
	margin: 0 auto;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;} 

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

  #header {
    height: 85px;
    padding: 20px 0;
    position: relative;
	background: url("/css/img/headerMain.png") no-repeat 0 0;
  }

	/*##########################################################################*/
	  /* 2.2 Navigation ##########################################################*/
	  /*##########################################################################*/
	
	  nav {
		width: 940px;
		height: 43px;
		margin: 0 0 15px 0;
		padding: 0;
		position:relative;
		background-color: #474747;
		font-size: 10px;
	  }
		
	/*############################################################################*/
	
	/*##########################################################################*/
  /* 2.3 Content #############################################################*/
  /*##########################################################################*/
  .columncount{
 	column-count: 2;
 	column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	}

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

    #slideshow li img {
    }

    #slideshow li { margin: 0; }

/*############################################################################*/
/* 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: #ffe800;
  }

  #feature-block ul#feature-output li h2 a:hover { color: #00aeef; }
  
  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;
    width: 700px;
    margin: 10px 0 20px 0;
    padding: 20px 0 5px 0;
    border-top: 8px solid #00aeef;
    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 a {
      color: #ffe800;
    }
    #ctas li.first a:hover {
      color: #00aeef;
    }
      
      #ctas li.first img {
        margin: 0 0 10px 0;
      }
      
      #ctas li.first span {
        margin-left: 0;
      }
/*############################################################################*/
/* 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 {
  width: 190px;
  padding-left: 20px;
  background-color: #333;
  font-size: 10px;
}
#nav-sub ul li ul.menu li a:active { color: #00aeef; }

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