/******************************************************************************/
/*                                                                            */
/*   BASE FOR SCREENS SMALLER THAN 60 EM /960 px                              */
/*                                                                            */
/*   BASE COLOURS                                                             */
/*      grey            #498092                                               */
/*      glight          #72a1b1                                               */
/*      gdark           #2d677a                                               */
/*      glight+         #aacad5                                               */
/*      gdark+          #195265                                               */
/*                                                                            */
/**************************************************************** SB 20140316 */

/* BODY  **********************************************************************/
body {
    font-size:1.0em;
    line-height:1.2;
}


/* HEADINGS *******************************************************************/
h1,h2,h3 {
 /*   -webkit-font-smoothing: antialiased;*/
}

h1 {
    color:#fff;
    line-height:1.2em;
    margin:0;
}



/* HEADER  ********************************************************************/

div#branding {
	width:50%;
    float: left;
    margin-bottom:2.5em;
}

div#motto {
	display:block;
	width:50%;
    margin-bottom:2.5em;
    float: right;
    text-align:right;
    font-size:0.80em;
    line-height:1.2em;
}


/* NAVIGATION *****************************************************************/

ul#navigationA {
	clear: both;
    width: 100%;
    font-size:1.1em;
    background:#195265;
    /*margin-top: 3.0em;*/
    margin-bottom: 0;
}
ul#navigationA li {
	width:33.33%;
    float:left;
    border:0; 
    text-align:center;
}

ul#navigationA li:nth-child(3n+1) {
    margin-left:0;
    clear:both;
}
ul#navigationA li:last-child {
    border-bottom:none;
}

ul#navigationA a {
	color:#aacad5;
    background:#195265;
    display:block;
    text-decoration:none;
    text-align:center;
}
ul#navigationA li a:hover,
ul#navigationA li a:focus {
   color:#195265;
   background:#aacad5;
}

ul#navigationA li.cur a {
   color:#2d677a;
   background:#aacad5;
}
ul#navigationA li.cur a:hover,
ul#navigationA li.cur a:focus {
    text-decoration:none;
}


/* BANNER  ********************************************************************/

div#banner {
	  display:block;
	  clear:both;
	  width:100%;
	  position:relative;
}

div#banner_img {
    width:100%;
}

div#banner_txt {
  font-size:3.0em;
  color:#fff;
  position:absolute;
  top:1em;
  left:2em;
}



/* CONTENT  *******************************************************************/



div.intro {
    width:70.0%;
    margin:2.0em auto 1.0em auto; 
}


/* LAYOUT *********************************************************************/
div#content_wrapper {
    overflow:hidden;
    width:90%;
    margin:0 auto;	
}

div.listing {
    padding-top:2em;
    margin-bottom:1em;
}

div.overview {
        width:55%;
        float:left;
}


div.explain {
        width:35%;
        float:right;
}


/* THUMBNAILS AND COLUMNS ************************************************************/

    .columns {
        overflow:hidden;
        font-size:0.9em;
    }
    .columns li {
        margin-left:3.5%;
        float:left;
        padding:0;
    }

    ul.col_2 li {
        width:48.25%;
    }
    ul.col_2 li:nth-child(2n+1) {
        margin-left:0;
        clear:both;
    }

    ul.col_3 li {
        width:31%;
        margin-bottom:2em;
    }
    ul.col_3 li:nth-child(3n+1) {
        margin-left:0;
        clear:both;
    }

    ul.col_4 li {
        width:48.25%;
    }
    ul.col_4 li:nth-child(2n+1) {
        margin-left:0;
        clear:both;
    }

ul.thumbs li img {
    padding:2px;
    width:160px;
    float:none;
    margin:0 0.5em 0 0;
}


/* FOOTER  ********************************************************************/


div#footer ul {
    line-height:1.4;
    font-size:1.0em;
}
div#footer ul li {
	font-size:1.0em;
    margin:0;
    float:left;
    border-left:1px solid #fff;
    padding:0 0.5em;
}
div#footer ul li:first-child {
    padding-left:0;
    border:0;
}