﻿#wrapper #internalNav {width: 142px;}

#wrapper #nav {
    display:none;
}
#wrapper #content a {
    color: #6c5097;
}

#internalNav ul.sys_simpleListMenu > li > div.sys_selected a, #internalNav ul.sys_simpleListMenu > li > div.sys_selected span {
    background-color: #6c5097!important;
    font-weight: bold;
    color: #fff;
}

#logo {margin: 15px 15px 15px 0;}

#additionallogo img{width: 160px;}


#wrapper #FooterLinks ul#partnerLogos{margin: 0; padding: 0;}
#wrapper #FooterLinks ul#partnerLogos li{display:inline-block; width: auto; margin: 2px 6px 2px 0; padding: 0;}
#wrapper #FooterLinks ul#partnerLogos li img{height: 80px; width: auto}
body #wrapper #FooterLinks {
    border-top: 2px solid #6c5097;
}  
  
  /* previous headerBackground colour: #D27826 */


#content .headingBackground {background-color: #6c5097; color: #fff !important;}
#content .headingBackground a{color: #fff;} 

/* fix for youtube embed width issue */
.iframeHolder {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
}
.iframeHolder iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
  
@media screen and (max-width: 767px) {
body #wrapper #additionallogo img{height: 68px;}
body #wrapper #additionallogo {margin:15px 0px 15px 15px;}
}



@media only screen and (max-width: 479px) {

    
    #wrapper #logo {width: 55%; display:inline-block; margin: 0; }
    body #wrapper #additionallogo {width: 40%; display:inline-block; margin: 0; top: 0; }
    #wrapper #logo a{background:none;}   
    
    body #wrapper #additionallogo img {width: 100%; max-width: 160px; height: auto; display:inline-block; }
    #wrapper #logo img{display:block; width: 200px; height: auto;margin: 10px 0 0 0;}   

    #wrapper #FooterLinks ul#partnerLogos li img {height: auto; width: 80%;}
}

