@charset "UTF-8";
/* CSS Document */

/* CONTAINERS */
#container{width:960px; margin: 10px auto;}

/*Skybox*/
#sb940 {width:940px; clear:both; margin-bottom:30px}

/*short skybox and middle banner*/
#sb620 {width:620px; clear:both; margin-bottom:30px} 


#sb300 {width:300px; clear:both; margin-bottom:30px}

/*right column*/
#r300 {width:300px; clear:both; margin-bottom:30px}

#wrapper100{width:100%;}
#adcontainer{width:100%;}
#ad{padding:10px; margin:10px 0 10px 0; 	}

.col2 {width:48.5%; position:relative; }
.col3 {width:31.5%; display:relative}
.col4 {width:23.5%; position:relative;}
.col3of4 {width:75%; position:relative;}
.col2of3 {width:66%; position:relative;}

/*iframe*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* FONTS */
.caps {text-transform:uppercase}
.bold {font-weight:bold}
.thin {font-weight:200}
.times {font-family:Times New Roman}
.sans {font-family:'Open Sans',Helvetica, Arial, sans-serif}
.serif {font-family:Times New Roman, serif}
.lspace0{letter-spacing:-1px}
.lspace{letter-spacing:1px}
.black{color:#000000}
.white{color:#ffffff}
.red{color:#d30000}
.yellow{color:#ffcc00}
.lightblue{color:#75adc4}
.brightblue{color:#6eefff}
.blue{color:#007bad}
.darkblue{color:#043a50}
.lightgrey{color:#d1d2d3}
.grey{color:#828588}
.darkgrey{color:#5b5e61}

/*font sizes*/
.font11{font-size:11px; line-height:130%}
.font12{font-size:12px; line-height:130%}
.font14{font-size:14px; line-height:130% }
.font16{font-size:16px; line-height:140%}
.font18{font-size:18px; line-height:140%}
.font20{font-size:20px; line-height:140%}
.font22{font-size:22px; line-height:140%}
.font24{font-size:24px; line-height:140%}
.font28{font-size:28px; line-height:110%}
.font32{font-size:32px; line-height:110%}
.font36{font-size:36px; line-height:110%}
.font38{font-size:38px; line-height:110%}
.font40{font-size:40px; line-height:110%}
.font42{font-size:42px; line-height:110%}
.font46{font-size:46px; line-height:110%}
.font48{font-size:48px; line-height:110%}
.font50{font-size:50px; line-height:110%}
.font54{font-size:54px; line-height:110%}
.numbers-red {font-size:24px; padding:5px; margin:0 5px 5px 0; padding-top:0; background-color:#d30000; color:#FFFFFF; display:block}
.numbers-blue {font-size:24px; padding:5px; margin:0 5px 5px 0; padding-top:0; background-color:#007bad; color:#FFFFFF; display:block}
.newitem {margin-left:5px; padding:2px 5px 2px 5px; color:#FFFFFF; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; background-color: #9b9b9b;}

/*linking*/
a{text-decoration: none; }
a:hover{text-decoration:none}


/* alignment and space */
.clear{clear:both}
.center{margin:0 auto}
.fleft{float:left}
.fright{float:right}

.tleft{text-align:left}
.tright{text-align:right}
.tcent{text-align:center}

.mb05{margin-bottom:-5px}
.mb0{margin-bottom:0px}
.mt0{margin-top:0px}
.ml0{margin-left:-10px}
.mt{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mb{margin-bottom:10px}
.mr{margin-right:10px}
.ml{margin-left:10px}
.m10{margin:10px}



.pt{padding-top:10px}
.pb{padding-bottom:10px}
.pr{padding-right:10px}
.pl{padding-left:10px}
.p10{padding:10px}

.pt5{padding-top:5px}
.pb5{padding-bottom:5px}
.pr5{padding-right:5px}
.pl5{padding-left:5px}
.p5{padding:5px}




/*border and colours*/
.redbar { border-left:solid 8px #d30000}
.greybar {border-left:solid 8px #b3babd}
.border-b {border-bottom:1px solid #919191}
.border-t {border-top:1px solid #919191}
.border-l {border-left:1px solid #919191}
.border-r {border-right:1px solid #919191}
.border-dot-b {border-bottom:1px dotted #919191}
.border-dot-t {border-top:1px dotted #919191}
.border-dot-l {border-left:1px dotted #919191}
.border-dot-r {border-right:1px dotted #919191}
.border-lite-b {border-bottom:1px solid #EEEEEE}
.border-lite-t {border-top:1px solid #EEEEEE}
.border-lite-l {border-left:1px solid #EEEEEE}
.border-lite-r {border-right:1px solid #EEEEEE}

.greyborder {border:1px solid #919191}
.lightgreyborder {border:1px solid #eeeeee}



.border-black-b2 {border-bottom:2px solid #000000}
.border-black-b {border-bottom:1px solid #000000}
.border-black-t {border-top:1px solid #000000}
.border-black-l {border-left:1px solid #000000}
.border-black-r {border-right:1px solid #000000}

#borderrounded0 {
    border-radius: 10px;
    border: 1px solid #000000;
    padding: 5px;

}

#borderroundedblue {
    border-radius: 10px;
    background: #8cb3c7;
    padding: 5px;

}
#borderroundedgrey {
    border-radius: 10px;
    background: #ececec;
    padding: 5px;

}

#borderroundedblue:hover { 
    background-color: #007bad;
}
#borderroundedgrey:hover { 
    background-color: #555555;
}



.redbg{background-color:#d30000}
.lightgreybg{background-color:#f2f5f7}
.greybg{background-color:#dcdcdc}
.lightbluebg{background-color:#B2CADA}
.medbluebg{background-color:#75adc4}
.bluebg{background-color:#007bad}
.darkbluebg{background-color:#043a50}


/*VIDEO*/
.video-container {}
.video-container .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video-container .video iframe,
.video-container .video object,
.video-container .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*ig*/
.ig-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow:visible;
}
 
.ig-container iframe,
.ig-container object,
.ig-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}