@charset "utf-8";
/* CSS Document */
/* Reset -------------------------------------------------------------- */
 
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
}
 
html,
body,
div{
    margin: 0;
    padding: 0;
	background:#000;
	color:#FFF;
}
/* Color -------------------------------------------------------------- */
 
#header{
    background: #BDBDBD;
	/*border: 1px solid #0AA;  PSC */
	/*max-width: 1600px; PSC */
    margin: 0 auto;/* PSC */
    padding-top: 0.1em; /*PSC */
}
 
#main{
    background: #BDBDBD;
}
#footer{
    background: #BDBDBD;
} 
#secondary .widget,
#tertiary .widget{
   /*  border: 1px solid #bbbbbb; */
}
 
/* Structure Mobile -------------------------------------------------------------- */
 
.wrap{
    max-width: 1400px;/* 1600? PSC */
    margin: 0 auto;
    padding: 0 0;
	 /*border: 1px solid #AAA; PSC */
}
 
.wrap:after {
    content: "";
    display: table;
    clear: both;
}
 
#primary, .AdBox4{
 /*   max-width: 720px;  PSC */ 
/* NOTES----------------------------------------------
might be worth thinking about adverts here ie min width 728 although limiting mobile so maybe not..................................
*/
    margin: 0 auto;
}
#secondary{
   max-width: 300px;/* 400 PSC */
    margin: 0 auto;
	/*border: 1px solid #3D7BC1;  PSC */
	/*border-radius: 1.0em; PSC */
	text-align:center;
	float: left;
	min-height:1500px;/*  PSC NEEDED so that the ad has space to grow into*/
	clear: left;
}
#tertiary{
   max-width: 300px;/* 400 PSC */
    margin: 0 auto;
	/*border: 1px solid #3D7BC1;  PSC */
	/*border-radius: 1.0em; PSC */
	text-align:center;
	float: left;
	clear: left;
} 
#secondary .widget,
#tertiary .widget{
    padding: 1em;
    margin-bottom: 1em;
}
.AdBox4 {
	float: left;
	width: 100%;
	/*border: 1px solid #A00;*/
	margin: 0.3em 0;
	overflow:hidden;
}
 #branding a{
	 font-size: 1.6em;
 }
 .site-title{
	 padding-top:0.2em;
 }
.SmallMenu {
	visibility:visible;
}
h1 {
	font-size: 1.5em;
}
#content ul {
	text-align: left;
}
/* Small Mobile-------------------------------------------------------------- */
 
@media screen and (min-width : 650px) {
#secondary{
   max-width: 300px;/* 400 PSC */
    margin: 0 auto;
	/*border: 1px solid #3D7BC1;  PSC */
	/*border-radius: 1.0em; PSC */
	float: left;
	clear: left;
}
#tertiary{
   max-width: 300px;/* 400 PSC */
    margin: 0 auto;
	/*border: 1px solid #3D7BC1;  PSC */
	/*border-radius: 1.0em; PSC */
	float: right;
	clear: right;
}
 #branding a{
	 font-size: 1.6em;
 }
 .SmallMenu {
	visibility:visible;
}
h1 {
	font-size: 2.0em;
}
}
/* =Structure Tablet-------------------------------------------------------------- */
 
@media screen and (min-width : 900px) {
    #primary{
        float: left;
        width: 75%;
        padding-right: 1em;
    }
 
    #secondary,
    #tertiary{
        float: right;
        clear: right;
        width: 25%;
	/*border: 1px solid #3D7BC1;  PSC */
	/*border-radius: 1.0em; PSC */
    }
 #branding a{
	 font-size: 1.4em;
 }
 .SmallMenu {
	 visibility:hidden;
	 line-height: 0.1em;
}
h1 {
	font-size: 2.0em;
} 
}
/* Structure Desktop-------------------------------------------------------------- */

@media screen and (min-width : 1140px) {  
    #primary{
        float: left;
        margin-left: 20%;
        width: 60%;
        padding: 0 1em;
    }
 
    #secondary{
        float: left;
        margin: 0 0 0 -80%; /* 80% PSC */
        width: 20%;
        clear: none;
	/*border: 1px solid #3D7BC1;  PSC */
	/*border-radius: 1.0em; PSC */
    }
 
    #tertiary{
        float: right;
        width: 20%;
        clear: none;
	/*border: 1px solid #3D7BC1;  PSC */
	/*border-radius: 1.0em; PSC */
    }
 #branding a{
	 font-size: 1.2em;
 }
 .SmallMenu {
	 visibility:hidden;
	 line-height: 0.1em;
} 
h1 {
	font-size: 2.0em;
}
}

/* PSC----------------------------------------------------- */
.StickyBox{
	height: auto;
}
#CountBox1Container {
	/*width: 140px;
	 height:90px; */
	border:thin #000 solid;
	font-size: 1.0em;
	color:#FFFFFF;
	background:#000;
	text-align:center;
	margin-left: 0.5em;
	float:left;
}
.CentreBanner img {
    display: block;
    max-width: 728px;
    text-align: center;
    width: 100%;
}
.imgleft      {float: left;
               margin-right: 0.8em;
               padding-bottom: 0.1em;
               text-align: center;
			   font-size:18px;
               }
.imgright     {float: right;
               margin-left: 0.8em;
			   margin-right: 14px;
               padding-bottom: 0.1em;
               text-align: center;
			   font-size:18px;			   
               }
			   
.imgRight p   {margin: 0;
}
.imgLeft p   {margin: 0;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.TextImg {
	display: inline-block;
	width:100%;
}