@import url(https://fonts.googleapis.com/css?family=Oswald:200,300,regular,500,600,700&subset=latin-ext,vietnamese,latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto:200,300,regular,500,600,700&subset=latin-ext,vietnamese,latin,cyrillic);
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

@import url('https://fonts.googleapis.com/css?family=Spectral+SC');

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@600;800&display=swap');
@font-face {

    src: url('intro-webfont.woff2') format('woff2'),
         url('intro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



BODY {
	padding: 0px;
	margin: 0px;
	background-repeat:no-repeat;
      
      
      
      
      

}
BODY, P, INPUT,li,td, H1, H2, H3, H4, div{
           font-family: 'Roboto', sans-serif;
        
         

	font-size: 14pt;
	color: #000000;
	line-height: 150%;
}
.lockup{
	font-family: 'Roboto Slab', serif !important;
	color: #000000;
    font-size: 22pt;

}

p, ol, li {
 font-size:inherit;
 color: inherit;

}

.parallax-window {
    min-height: 400px;
    background: transparent;
}
A:LINK{

	color: #3D9970;
	text-decoration: none;


}
A:VISITED{
	color: #3D9970;
	text-decoration: none;

}
A:HOVER {
	color:#006600;
	text-decoration: underline;

}
A:ACTIVE {
	color:#3D9970;
	text-decoration: underline;
}
a.anchorFixed {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

.uttBorderRadius{

  border-radius: 0px 10px 10px 10px;
	
}

.bg {
	background:url(../backrounds/bg.png) repeat 0% 0%;
	padding:15px 35px 40px 45px
} 
.bodycell{
    color: #000000;
}
.bodycellorange{
    color: #000000;
	font-size: 10pt;
}
.bodycellsmall, .smallbodycell{
    color: #000000;
	font-size: 10pt;
}
.bodycelllarge{
    color: #000000;
	font-size: 12pt;
}
.bodycellhighlight{
    color: #006600;
    background-color: #cccccc;
}

.header_text_size{

	font-size: 16pt;
}

.mandatory{
    color: #cc0000;
	font-size: 16pt;
    padding:2px;
}
.pageFullwidth{
	width: 100%;  
	width: 100vw; 
	position: relative; 
	left: 50%; 
	right: 50%; 
	margin-left: -50vw; 
	margin-right: -50vw;
}
.outreachButton {
		
		margin-right:15px; 
		padding-top:10px; 
		padding-bottom:10px; 
		color: #ffffff; 
		background-color: #0366ff; 
		border: 1px solid #ffffff;
	
		
	}
.outreachButton:hover {
  		background-color: #000000; 
  		color: white;
	}




.transparency_background{
	background-image:url();
}
.transparency_background2{
	background-image:url();
}
.transparency_background3{
	background-image:url();
}
.transparency_background4{
	background-image:url();
}



.topbar{
	background-image:url();
	font-size: 10pt;
	color: #000000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-bordet-radius: 8px;
    -moz-border-radius: 8px;
	border-radius:5px;
    border-radius: 8px;
	padding:3px;
    margin:3px;
}
.topbar a:link{
	font-size: 14pt;
	color: #000000;
	
    
}
.topbar a:visited{
	font-size: 14pt;
	color: #000000;
	
}
.topbar A:HOVER{
	font-size: 14pt;
	color: #666666;
}


.labelh1{
    
     
    color: #000000;
	font-size: 28pt;
    line-height:30pt;
    
	
}

.labelh2, .labelevents{
    
    color: #000000;
	font-size: 28pt;
    
    padding-top:5px;
    padding-bottom:5px;
    margin-top:10px;
    margin-bottom:10px;
    line-height:30pt;
	
}
.divfeaturedprogramme {
	position:absolute; 
	text-align:center;  
	color: aliceblue; 
	background: linear-gradient(rgba(255,0,0,0), rgba(0,0,0,.7)); 
	width: 100%; 
	height:100%;
}
.divfeaturedprogramme:hover {
	background: linear-gradient(rgba(255,255,255,0), rgba(255,0,0,.7)); 

}
.divhover:hover {
	background: linear-gradient(rgba(200,200,200,.7), rgba(255,255,255,0)); 

}
.labelfeaturedprogramme {

font-weight:bold;
	color: #ffffff;
    
	font-size: 22pt;    
    padding-bottom:5px;
    
    margin-top:10px;
    margin-bottom:5px;
    line-height:30pt;	
}
a.labelfeaturedprogramme{
 	color: #FFFFFF;
	text-decoration: none;


}
.labelfeaturedprogramme:hover{
 	color: #333333;
	text-decoration: none;


}



.labelevents:hover{
 	text-decoration:underline;
}
.labelh3, .labelh3 a{
	color: #000000;
	font-size: 16pt;
	
}



.alternateTable th {
  background-color: black; /* Black background for the first row */
  color: white; /* White font for the first row */
}
.alternateTable tr:nth-child(even) {background: #999}
.alternateTable tr:nth-child(odd) { }
.courseTable tr:hover {background-color: #ccc;}
.courseInfo:hover {font-weight:bold; }
.courseTable th { padding:4px; background: #D6EEEE; text-align:left; border-bottom: 3px solid #000; font-weight:bolder}
.courseTable td {border-bottom: 1px solid #ddd; vertical-align:top;}
.courseDescription td {padding:20px; background: #f1f1f1;}




H1, H2, h3, .sectionheader span, th { /* Common header features */
    
	/* margin-top: .5em; */
	margin-bottom: .5ex;
/* font-family: 'Roboto Slab', serif !important; */
font-family: 'Open+Sans', sans-serif;

	color: #000000;
	font-weight: normal;
    line-height: 125% !important;

}

H1
{
	font-size:  28pt;
}

H2
{
	font-size: 24pt;

}


th
{
	font-size: 14pt;
	padding: 0px 10px 0px 0px;
}

H3 {
	font-size: 16pt;
	margin-top: 0px;
	margin-bottom: 0px;	
	color: #000000;
}


hr {
	border-top: 1px solid #8c8b8b;
}



UL {
	
}


li.noimage{
		list-style-image: url();
}
li.homepage{
		list-style-image: url(../images/bullet_homepage.gif);
}





.formtag { 
	font-size: 14px;     
    	color: #000000; 
         padding:3px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;


border: 1px #7B7252 solid}

.formbutton { 
         font-size: 14px; color: #000000; 
         background-color: #666666; 
         border: #000000; 
         border-style: double; 
         border-top-width: 1px; 
         border-right-width: 1px; 
         border-bottom-width: 1px; 
         border-left-width: 1px;
         padding:3px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
     
}

#date_container {
	width: 40px; 
}
.date {
	width: 55px; height: 68px;
	background: #fcfcfc; 
	background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
	.date  {
		
		font-size: 20px; text-align: center; color: #9e9e9e !important; 
		line-height:-26px;
		
		
	}
	
	.date  span {
		background: #d10000; 
		background: linear-gradient(top, #d10000 0%, #7a0909 100%);
		background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%);
		background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%);
		font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 20px;	
		display: block;
		border-top: 3px solid #a13838;
		border-radius: 0 0 5px 10px;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		padding: 5px 0 10px 0;
	}

@-moz-document url-prefix() {
    .date {
        padding: 2px 0 0 0;
    }
    .date p span {
    	padding: 9px 0 3px 0;
    }
}


	 
.homeTitle{
    
  
	font-size: 16pt;

    -webkit-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
	border-top-left-radius:5px;
    border-top-right-radius: 8px;
	background-color: #999999;
	color: #000000;
    padding-top:4px;
    padding-left:4px;

    padding-bottom:4px;
}
.homeTitle_over {
    

	font-size: 16pt;

    -webkit-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
	border-top-left-radius:5px;
    border-top-right-radius: 8px;
    text-shadow: 1px 2px 5px #000;
	color: #666666;
	background-color: #000000;
    padding-top:4px;
    padding-left:4px;
    padding-bottom:4px;
}
.homeTitle a:link{
    
	color: #000000;
}
.homeTitle:hover{
    color: #666666;
    background-color: #000000;
}
.homeTitle_over a:link{
	color: #666666;
}
.homeTitle_over a:visited{
	color: #000000;
}
.homeTitle a:hover{

	color: #666666;

}
.homeTitle a:visited{
	font-weight: bold;
	color: #000000;
}
.homeTitle_over a:hover{
	font-size: 16pt;
	color: #666666;
    background-color: #000000;
}


      #applyNow
      {
        background:transparent url(../images/apply_now.png) no-repeat scroll 0px 0px;
        height:170px;
        left:0;
        position:fixed;
        top:150px;
        width:40px;
      }
      div#applyNow:hover
      {
        background-position:-41px 0px;
      }
      #applyNow a
      {
        display:block;
        height:170px;
        width:40px;
      }
.curved{
         padding:1px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
}
.curved_background{
         padding:1px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
		background-image:url();
}
.curved_background2{
		margin-right:2px;
         padding:3px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
		background-image:url();
}
.curved_background3{
         padding:1px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
		background-image:url();
}
#wrapper { width: 1020px; margin: 0 auto; padding: 5px 0 5px; }
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
#container{
	position:relative;
	width:100%;
	margin:0 auto 25px;
	padding-bottom: 10px;
	
}


.floating-button {
    position: fixed;
    bottom: 15px;
    right: 15px;
    background-color: #FFBC05; /* green */
    color: #000000;
    border: none;
    border-radius: 40px;
    width: 120px;
    height: 50px;
    font-size: 14px;
	font-weight: bold;
    text-align: center;
    cursor: pointer;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    transition: background-color 0.3s ease;
  }

  .floating-button:hover {
    background-color: #00b086; /* search red color */
	color: #ffffff;
  }
  @media (max-width: 600px) {
    .floating-button {


    }
  }
.grid{
	width:228px;
	min-height:230px;
	padding: 4px;
	background:#ccc;
	margin: 3px;
    margin-bottom: 50px;
	font-size:14px;
	float:left;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}
.grid .imgholder img{
	max-width:100%;
	background:#ccc;
	display:block;
}
.registerButton{ font-size:20px; font-weight:bold; color:#fff; background-color:#900;}



.responsive_footer_column {
  float: left;

  padding: 5px;
  min-width: 190px;
  min-height: 200px;

} 
#grid_half {
	width:50%; 
    
	margin-bottom: 50px;
    float:left; 
    min-height:260px;
}
#grid_third {
	width:30%; 
	margin-left:20px;	
    margin-bottom: 50px;
    float:left; 
    min-height:280px;
}
#grid_fourth {
	width:23%; 
	margin:2px; 
    margin-bottom: 50px;
    float:left; 
    min-height:260px;
}
#grid_two_third {
	width:62%; 
	margin:2px; 
    margin-bottom: 50px;
    float:left; 
    min-height:260px;
}
.column_fifth {
 float:left;
 width:20%;
}
.column_fourth {
 float:left;
 width:25%;
}
.column_third {
 float:left;
 width:33.33%;
}
.column_half {
 float:left;
 width:50%;
}
.column_two_third {
 float:left;
 width:66.66%;
}


.grid_half {
	width:50%; 
	
    margin-bottom: 50px;
    float:left; 
    min-height:260px;
}
.grid_third {
	width:33.33%; 
	
    margin-bottom: 50px;
    float:left; 
    min-height:280px;
}
.grid_fourth {
	width:23%; 
	margin:2px; 
    margin-bottom: 50px;
    float:left; 
    min-height:260px;
}
.grid_fifth {
	width:18%; 
	margin:5px; 
    margin-bottom: 50px;
    float:left; 
    min-height:260px;
}
#grid_fifth {
	width:18%; 
	margin:5px; 
    margin-bottom: 50px;
    float:left; 
    min-height:260px;
}
.grid_two_third {
	width:62%; 
	margin:2px; 
    margin-bottom: 50px;
    float:left; 
    min-height:260px;
}


.video-container {
    position: relative;
    padding-bottom:  53.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%;
}





.calltoactionbutton {
	
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #a12727;
    border-radius: 8px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 24px;
    color: #ffffff;
    text-decoration: none;
}
.calltoactionbutton:hover,
.calltoactionbutton:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: #ffffff;
    text-decoration: none;
}
.calltoactionbutton:link{

	color: #ffffff;
}
.calltoactionbutton:visited{

	color: #ffffff;
}
.calltoactionbutton:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
    color: #ffffff;
}
.calltoactionbutton:after{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 -4px -6px 4px;
    position: relative;
    top: 3px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACL0lEQVRIid2Vv2sUQRTHP989i0COTZCQ4mTTiiJYiZnKJn+BlSFgoVFEkHT6N1gqGDB2QtAq2Filv+k1kWB7yyFBooSQIsU8i5sNc+te1h+VPlh4u/Pe9/v2zXfewL9u+tVA51wuqWdmAEPv/eFfEzjn5oBVYAW4LCmLBAH4BGwCG977g98mcM7dAp5Jmj+rCDPbB9a892+b1jsTwB8D65K6Z4EDSJoGbi4sLBwPBoN+K0GsfF1S1gaekMjMloqi2CvLcndsrQY+B+wC89JoycxI/RbbBy6le1KvcjUFj9WN+cn798pPvs8D91PAOsFKW4nRvpjZBTN7zkhRaTHLaeBpOc65HPiWSPEA2ALOAbNAnjxHwDVJwcxuAy+BqQgVgBnv/RExuWLvAVnVczO7573fqpe+uLiIpKzb7Ybt7W2A1865r5Lex9wshNADPo+1qNrACD6xN0VR0Ol0ODk5ST+nhY3FN7YoEh4A7+Jf5pJyM8sl5cBhCOE6ECTdAV5Imop5QdJMv98/GiOIJB+BK6lymszMhpIumtlT4EF6Zszsg/f+6umv1XI321oU13pmNgAeVqJIct6k8XWCDTPbr5OkfqV5SbP1cxDn0sZEgngC12Ifx0DbzMwC8Kg+WX+aRWVZ7hRFcQwsqQG5rpboB+CJ9/5VPb5xmpZl2S+KYg+4IWk6nUcT2nK3CRzaL5zzjGbLMiN1VRIOwA6jDf2zC6eBrGtmPYAsy4aVzv9/+wHLIwduyvjspgAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}
.headerRow{
		
		display:table-cell;
		vertical-align:middle;
		margin:0px auto;
		height: 400px;

text-shadow: 1px 2px 2px #000;

		color:#FFF;
		line-height:70px;

		margin-top: 75px;	

        font-weight: 'bolder';

        font-size: 50pt;
        
		
}
.headerRow2{
		background: rgba(254, 254, 254, 0.3);
		display:table-cell;
		vertical-align:middle;
		margin:0px auto;
		height: 250px;

		font-size:40px;
		font-weight:bolder;
		color:#FFF;
		line-height:70px;
		text-shadow: 1px 2px 2px #000;
		margin-top: 75px;			
		
}
.portrait{

   padding:1px;
   border:1px solid #ccc;
   background-color:#fff;


}
.profile_image{

   width:200px;


}

.notification {
    margin: 0px auto;
    max-width: 600px;

    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 18px;
    font-weight:bold;
    color: white;
    background-color: #da2244;
    background-image: url('../images/icon_alert.png');
    background-position: 10px 20px; 
    background-repeat: no-repeat;
    padding: 7px 30px 7px 60px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;


}

.notification_green {
    margin: 0px auto;
    max-width: 600px;

    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 10px;
    font-size: 18px;
    font-weight:bold;
    color: white;
    background-color: lightseagreen;
    background-image: url('../images/icon_information.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 7px 30px 30px 60px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;


}

#search_box {
    color: #000000;
    width: 260px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('../images/icon_search_small.png');
    background-position: 2px 10px 5px 10px; 
    background-repeat: no-repeat;
    padding: 7px 20px 7px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

#search_box:focus {
    width: 280px;
}
.showMobileOnly{
   		display:none;
   
    }
.mobile_hide{
           

        }
.navigation_mobile_hide{
           display:block;
        }
        #navigation_mobile_hide{
           display:block;
        }
.navigationShowMobileOnly{
   		display:none;
   
}
#navigationDiv {

     position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 0px;
  position: sticky;
}
.header_logo{
	width:120px;
}

.websiteDropdown{width:280px;}
#mcomp_msdd{width:380px;}

.headerRowLabel {
			font-size:20px;
			 
        	color:#FFF; 
			text-shadow: 2px 2px #000;
}
.headerRowLabel a:link, .headerRowLabel a:visited, .headerRowLabel a:hover{
	color:#FFF; 
}
.librarybutton, .librarybutton:link {
	padding: 5px 10px;
	font-weight: bold;
	text-decoration: none!important;
	border: 1px solid #afaeae;
	border-radius: 3px;
	clear: both;
	cursor: pointer;
}
.librarybutton:hover, .librarybutton:focus {
	background: #0D79F6 linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
}
.styled-button-c3:focus {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0px, rgba(255, 255, 255, 0.05) 100%) repeat scroll 0% 0% transparent;
    border-color: rgba(82, 168, 236, 0.8) !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}

.color-s3, .styled-button-c3 {
color: #FFFFFF !important;
}

.border-p3, .styled-button-c3 {
	border-color: #EE342A !important;
}
.bg-p3, .styled-button-c3 {
	background-color: #EE342A !important;
}
.styled-button-c3 {
	margin: 2px 1px;
	font-size: 14px;
	height:30px;
}


.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  margin-bottom:5px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}
.testimonial{
	border-radius: 3px;
    position: relative;  
    padding: 1rem 1.2rem;
}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
	.testimonial blockquote{
	border-radius: 3px;
    position: relative;  
    font-style: italic;
    text-align: center;
    padding: 1rem 1.2rem;
    width: 80%;  /* create space for the quotes */
    color: #4a4a4a;
    margin: 1rem auto 2rem;
    color: #4a4a4a;
    background: #FFFFFF;
		
	}
	
	.testimonial blockquote:before, .testimonial blockquote:after{
		font-size:68px;
	}
	.testimonial blockquote:before{
    content: \022f;
    margin-right: 13px;
    right: 100%;
}
   .testimonial blockquote:after{
   
    margin-left: 13px;
    left: 100%;  
    top: auto;
    bottom: 13px;
}
	
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.reverse_the_thing {
        display: flex;
            flex-wrap: wrap;

       
    }


@media screen and (max-width: 1440px) {
.navigation_mobile_hide{
			text-align:left;
           display:none !Important;
        }
        #navigation_mobile_hide{
			text-align:left;
           display:none !Important;
        }
	.navigationShowMobileOnly{
			display:block;

		}
}


@media screen and (max-width: 920px) {
.grid_third {
			margin:0px auto;
            width:48%; 
            margin-right:10px;
            margin-bottom:10px;
            min-height:10px;
            
}
#grid_third {
			margin:0px auto;
            width:48%; 
            margin-right:10px;
            margin-bottom:10px;
            min-height:10px;
            
}
.column_fourth {
 float:left;
 width:50%;
}
.column_fifth {
 float: left;
 width: 50%;
}
  
         
.navigation_mobile_hide{
			
           display:none !Important;
			float:left;
        }
        #navigation_mobile_hide{
			text-align:left;
           display:none !Important;
        }            
        
         
        
        }
@media screen and (max-width: 768px) {
		H1 {
			font-size:24pt;
		}

		H2{
			font-size:22pt;

		}
H3{
			font-size:16pt;

		}


		.labelh3, .labelh3 a{
			
			font-size: 14pt;
		}
.labelh2, .labelevents, .labelh2 a{
    
	font-size: 20pt;
}

.lockup{

    font-size: 12pt !important;

}
a.labelfeaturedprogramme{
line-height:10pt;	
	font-size: 14px;    
font-weight: bold;

}
.column_padding{
 margin:10px;
}
.column_fourth{
 float:left;
 width:100%;
}
.column_third {
 float:left;
 width:100%;
}
.column_half {
 float:left;
 width:100%;
}
.column_two_third {
 float:left;
 width:100%;
}

        .grid{
            width:100%;
            min-height:220px;
            padding: 4px;
            margin-bottom:75px;
            background:#ccc;
            margin: 3px;
            font-size:14px;
            float:left;
            box-shadow: 0 1px 3px rgba(34,25,25,0.4);
            -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
            -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
            
            -webkit-transition: top 1s ease, left 1s ease;
            -moz-transition: top 1s ease, left 1s ease;
            -o-transition: top 1s ease, left 1s ease;
            -ms-transition: top 1s ease, left 1s ease;
        }
        
        .grid_half {
            width:100%; 
            
            margin-bottom:10px;
            float:left; 
			min-height:50px;
        
        }
        
        .grid_third {
			margin:0px auto;
            width:100%; 
            margin-right:10px;
            margin-bottom:10px;
            min-height:10px;
            
	
            
            
        
         
        
        }
        .grid_fourth {
            width:46%;             
            margin-bottom:10px;               
    min-height:260px;
        
        }
        .grid_two_third {
            width:100%; 
            margin:2px; 
            margin-bottom:10px;
            float:left; 
        
        }
        #grid_half {
            width:100%; 
            margin:2px;
            margin-bottom:10px; 
            float:left; 
        
        }
        
        #grid_third {
 			margin:0px auto;
            width:100%; 
            margin-right:10px;
            margin-bottom:10px;
            min-height:10px;
        
        }
        #grid_fourth {
            width:45%; 
            
            margin-bottom:10px;
       
        min-height:260px;
            float:left; 
        
        }
        
        #gird_fourth ul{
         list-style-type: none;
        }
        
        
        #grid_two_third {
            width:100%; 
            margin:2px; 
            margin-bottom:10px;
            float:left; 
        
        }
        #search_box {
            width: 170px;
            box-sizing: border-box;
            border: 2px solid #ccc;
            border-radius: 4px;
            font-size: 14px;
            background-color: white;
            background-image: none;
            background-position: 10px 10px; 
            background-repeat: no-repeat;
            padding: 14px 20px 12px 5px;
            -webkit-transition: width 0.4s ease-in-out;
            transition: width 0.4s ease-in-out;
            font-family: 'Roboto Slab', serif !important;
        }

        #search_box:focus {
            width: 180px;
        }

        .headerRowLabel {
			font-size:18px;
        	
        }
		
        .mobile_hide{
           display:none;
        }
        #mobile_hide{
           display:none !Important;
        }
        .navigationDiv {
        	position: relative;
        }
        .profile_image{
  			 width:110px;
        }
        .lead_image{
  			 width:60%;
        }
        .main_slideshow {
		display:none !Important;
	}
.header_logo{
	width:75px;
}
    #utt_title {
		display:none;
	}
    .search_and_social {
   		display: none;
        float: left;
		display:block;
        margin: 10px;
        margin:0 auto;
	}
    .headerRow{
			height: 300px;	
			font-size:16px;
   }
.showMobileOnly{
   		display:block;
   
    }

.navigation_mobile_hide{
			
           display:none !Important;
			float:left;
        }
        #navigation_mobile_hide{
			text-align:left;
           display:none !Important;
        }



#mcomp_msdd{width:284px;}
.websiteDropdown{width:190px;}

    .reverse_the_thing {

        flex-direction: column-reverse;
       
    }

}



/* beautiful CSS dates - Kroc Camen - camendesign.com
   creative commons 3.0 attribution. share + remix this, just include "Kroc Camen" and/or "camendesign.com" in your CSS */
/* ======================================================================================================================= */

a[rel~=bookmark]		{display: block; position: relative; width: 60px; margin-bottom: 18px;
				 border: 1px solid #888885; -moz-border-radius: 5px; -webkit-border-radius: 5px;
/* day */			 font: 24px/35px "Helvetica Neue", Arial, sans-serif; text-align: center;
				 letter-spacing: 2px; text-decoration: none; color: #666;
				 background: #fcfcfc url("images/date-day-bg.png") repeat-x left 18px;}
a[rel~=bookmark] sup		/* lift the suffix, so that the number is fully centered */
				{position: absolute; padding-top: 4px;
				 font-size: 10px; line-height: 10px; letter-spacing: normal;}

/* year + month */
a[rel~=bookmark] abbr		{display: block; font: 10px Verdana, sans-serif; letter-spacing: normal; color: white;
				 -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}
/* month */
a[rel~=bookmark]>:first-child	{width: 50px; margin: -1px 0 0 -1px; padding: 0 5px; border: 1px solid #832a28;
				 line-height: 16px; text-align: left; text-transform: uppercase;
				 background: #a33537 url("images/date-month-bg.png") repeat-x bottom left;}
/* year */
a[rel~=bookmark] sup+abbr	{position: absolute; top: 0; left: 0; width: 52px; padding: 0 3px;
				 border: 1px solid #a33537; border-bottom: 1px solid #832a28;
				 line-height: 14px; color: #eaa; text-align: right;}
/* time */
a[rel~=bookmark] sub		{display: none; height: 17px; border-top: 1px solid #bbd; margin: 0 3px; color: #aac;
				 font: 9px/16px Verdana, sans-serif; letter-spacing: normal; text-align: center;}

a[rel~=bookmark]:hover,		/* since the date is the permalink, add a focus rectangle around it when hovering */
 a[rel~=bookmark]:focus		{margin-bottom: 0; text-decoration: none;
 /* Webkit > */			 outline: auto 5px -webkit-focus-ring-color; outline-offset: -2px;
 /* Gecko > */			 -moz-outline: -moz-mac-focusring solid 2px; -moz-outline-radius: 0 7px 7px; 
				 -moz-outline-offset: 0;}
a[rel~=bookmark]:hover sub,	/* show the time on mouse-over / keyboard-focus */
 a[rel~=bookmark]:focus sub	{display: block;}

/* ======================================================================================================================= */