@font-face {
    font-family: 'neueultralight';
    src: url('/assets/site_resources/HelveticaNeueLTStd-UltLt.otf.eot'),
     url('/assets/site_resources/HelveticaNeueLTStd-UltLt.otf.eot?#iefix') format('embedded-opentype'),
         url('/assets/site_resources/HelveticaNeueLTStd-UltLt.otf.woff') format('woff'),
         url('/assets/site_resources/HelveticaNeueLTStd-UltLt.otf.ttf') format('truetype'),
         url('/assets/site_resources/HelveticaNeueLTStd-UltLt.otf.svg#neueultralight') format('svg');
    font-weight: normal;
    font-style: normal;s

}

@font-face {
    font-family: 'HelveticaNeueLTStd_Roman';
    src: url('/assets/site_resources/HelveticaNeueLTStd_Roman.eot'),
     url('/assets/site_resources/HelveticaNeueLTStd_Roman.eot?#iefix') format('embedded-opentype'),
         url('/assets/site_resources/HelveticaNeueLTStd_Roman.woff') format('woff'),
         url('/assets/site_resources/HelveticaNeueLTStd_Roman.ttf') format('truetype'),
         url('/assets/site_resources/HelveticaNeueLTStd_Roman.svg#HelveticaNeueLTStd_Roman') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'HelveticaNeueLTStd_Lt';
    src: url('/assets/site_resources/HelveticaNeueLTStd_Lt.eot'),
     url('/assets/site_resources/HelveticaNeueLTStd_Lt.eot?#iefix') format('embedded-opentype'),
         url('/assets/site_resources/HelveticaNeueLTStd_Lt.woff') format('woff'),
         url('/assets/site_resources/HelveticaNeueLTStd_Lt.ttf') format('truetype'),
         url('/assets/site_resources/HelveticaNeueLTStd_Lt.otf.svg#HelveticaNeueLTStd_Lt') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* -- Admin -- */

@media only screen and (max-device-width: 1200px), only screen and (max-width: 1200px) {

.navbar-fixed-top .nav > li > a {
padding: 10px 7px;

}

}

@media only screen and (max-device-width: 993px), only screen and (max-width: 993px) {

.navbar-fixed-top .nav > li > a {
font-size:11px;
padding: 10px 7px;

}

}

@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {

.navbar-fixed-top .nav > li > a {
font-size:11px;
padding: 10px 7px;
margin-top:10px;

}

}


#options{
width:220px;
}

.collapse{
background:none;}

.navbar a {
    color:#7777bb;
font-family: "HelveticaNeueLTStd_Lt", Helvetica, sans-serif;
  }

.navbar a:hover {
    color:#ffd061;
  }

.msl_admin_menu{
padding:0 0 0 10px;
}


.sidepanel{
padding:0 5px 5px 10px;
background:none;
}

.sidepanel h3{
font-size:20px;
}

#controlpanel li {
border-bottom:1px solid #cccccc;
}

.sidepanel ul{
margin:0;
padding:0;
}
.sidepanel li{
background:none;
padding:4px 0 2px 0;
border-bottom:1px solid #cccccc;}

.sidepanel li a{
background:none;
padding:0;}

#admin-panel {
display:block;
padding:10px 0 10px 10px;
margin-right:10px;
position:relative;
z-index:10000;
float:right;
width:250px;
}

#search{
width:235px;

}


#search .textbox{
width:150px;
margin:5px 0 10px 15px;
}

#search .button{
background:#7777bb;
color:#fff;
font-size: 8pt;
height:23px;
vertical-align:top;
top:-1px;
padding:2px;
display:inline;
margin-top:5px;
font-family:'HelveticaNeueLTStd_Roman';

}


#admin-panel a {
background:none;
border-right:1px solid;
display:block;
float:right;
font-size:8pt;
margin-left:2px;
padding:5px 5px 0 5px;
text-align:center;
vertical-align:top;
cursor: pointer;
height:12px;
line-height:8px;
}

#admin-panel a:first-child{
border-right:none;
}

#tbbasket, #tbadmin, #tblogin, #tbcontrols, #tbdamin, #tbaccount{
cursor:pointer;
}

/*div#account, div#controls, div#admin, div#basket, div#login {
opacity: 0.9;
padding: 20px;
position: fixed;
background: #fff;
z-index:10000;
right: 350px;
top: 70px;
} */


div#account, div#controls, div#admin, div#basket {
display:none;
}

.msl_admin{
background:none;
padding:0;
}

#ulOrgs li{
margin-top:0;}

a.basket{
float:none;
clear:both;
border-top: 1px solid #eee;
padding-top:3px;
font-size:13px;
}

#basket a {
font-size:11px;
float:none;
}
#basket dd.price {
font-size:11px;
float:left;
margin-right:10px;
}

#basket dd.qty{
float:left;

}


.msl_edit{
display:block;
}


/* Template stuff */


/*Banner */

/*Stops news appearing on the homepage*/
.banner{
display:none;
}

.bannertitle a{
color:white ;
font-size:30px;
font-family: "BrandonGrotesque-Bold";
}
/* font-family: "HelveticaNeueLTStd_Lt", Helvetica, sans-serif; */
}

.bannertitle a:hover{
color:#7777bb;
text-decoration: none !important ;
}


.bannerleader {
color:white ;
font-size:18px;
font-family: "BrandonGrotesque-Regular";
}


@media only screen and (max-device-width: 600px), only screen and (max-width: 600px) {

.carousel{
display:none;
}
}

.logo{
display:block;
float:left;
padding:10px;
}
.nav-collapse{
margin-top:30px;
}

.main{
margin-top:100px;
}

.topbanner{
margin-top:100px;
font-size: 1.8em;
position:relative;
}

.topbanner img{
width:100%;
}

.topbanner h1{
position:absolute;
top:100px; 
right:50px;
float:right;

font-size: 2.2em;
   background: rgb(255, 255, 255); /* fallback color */
   background: rgba(255, 255, 255, 0.7);
   padding: 10px 10px 0 10px; 
line-height:1em;
}

@media only screen and (max-device-width: 992px), only screen and (max-width: 992px) {

.topbanner h1 {
top:50px; 
right:20px;
float:right;
font-size: 1.6em;

}

}


@media only screen and (max-device-width: 600px), only screen and (max-width: 600px) {

.topbanner h1 {
top:20px; 
right:20px;
float:right;
font-size: 1.6em;
}

}



.topbanner h1 span { 
   background: rgb(255, 255, 255); /* fallback color */
   background: rgba(255, 255, 255, 0.7);
   padding: 10px; 
width:100%;
}
.topbanner h1 span.spacer {
   padding:0 5px;
}

.pagecontent{
padding:30px 15px 25px 15px;
width:100%;
}

.input.button{
background:none;
}

.sidebarheader{
margin-top:0;
}


/* Footer */

.adverts{margin-bottom:10px;display: block;overflow: hidden;margin-bottom: 20px;}

.footerbanner{
/* margin:0 0 20px 20px; */
display: block;
overflow: hidden;
padding:10px;
}
.footerbanner img {max-width:100%;width: 100%;}

#footerinfo{
/* border-top: 1px #999999 solid; */
padding-top:10px;
height:100%;
margin-bottom:20px;
 box-shadow: 0 -4px 0 0 #ffd061, 0 -10px 0 0 #7777bb;  
}

.unstyled ul,li{
list-style:none;
}

#bottombar{

padding-top:10px;
width:50%;
font-size:0.8em;
float:left;
}

ul.social-icons{
height:15px;
margin:0;
padding:0;
}

.social-icons li{
float:left;
margin:3px 0 10px 10px;
}

.social-icons li a{
display:block;
width:40px;
height:40px;
}

.twitter{
background:url('/assets/site_resources/icons-lseweb_twitter-gold.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.twitter:hover{
background:url('/assets/site_resources/icons-lseweb_twitter-purple.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.facebook{
background:url('/assets/site_resources/icons-lseweb_facebook-gold.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.facebook:hover{
background:url('/assets/site_resources/icons-lseweb_facebook-purple.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.tumblr{
background:url('/assets/site_resources/icons-lseweb_tumblr-gold.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.tumblr:hover{
background:url('/assets/site_resources/icons-lseweb_tumblr-purple.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.youtube{
background:url('/assets/site_resources/icons-lseweb_youtube-gold.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.youtube:hover{
background:url('/assets/site_resources/icons-lseweb_youtube-purple.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.flickr{
background:url('/assets/site_resources/icons-lseweb_flickr-gold.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.flickr:hover{
background:url('/assets/site_resources/icons-lseweb_flickr-purple.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.instagram{
background:url('/assets/site_resources/icons-lseweb_instagram-gold.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

.instagram:hover{
background:url('/assets/site_resources/icons-lseweb_instagram-purple.png');
width:40px;
height:40px;
background-size: 40px;
cursor:pointer;
}

/* Homepage */

.homepagesection{
/* border-bottom:1px solid #cccccc; */
padding-top:20px;
margin-bottom:40px;
 box-shadow: 0 -4px 0 0 #ffd061, 0 -10px 0 0 #7777bb;  

}

.homepagesection:last-child{
margin-bottom:0px;
}


.homepagesection h2, .homepagesection h3{
border-bottom:1px solid #cccccc;
padding-bottom:3px;
margin-bottom:15px;
width:345px;
max-width:100%;
}

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

.homepageblog {width:100%;margin:10px 0 0px 0;}

.crop{width:100%; height:200px;margin:25px 10px 10px 0;float:left;overflow:hidden; }

.vidcrop{width:100%; height:300px;margin:25px 10px 10px 0;float:left;overflow:hidden; }


.homepageblog img {width:110%;}

@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {

.homepageblog img{
display:none;
}

.homepageblog li{
clear:both;
width:100%;
}
}


.homepageblog iframe {width:100%;margin:0px 30px 50px 0;float:left;}

.homepageblog ul{
list-style:none;
display:block;
margin:0;
padding:0;
}

.homepageblog li{
margin:10px 0 20px 0;
display:block;
width:32%;
margin:0 1% 0 0 ;
float:left;
padding:10px;
/* border-bottom:1px solid #cccccc; */

}
/* .homepageblog li:last-child{
margin:10px 0 0 0;
border-bottom:none;

} */

.rss_title   {
    display: block;
    font-size: 18px;
  font-family: "HelveticaNeueLTStd_Lt", Helvetica, Arial, sans-serif;
    line-height: 1.1em;
 margin:0px 0px 8px 0;
overflow:hidden;
height:38px;
}

.rss_title a{
width:100%
}

.homepageblog p   {
    display: inline;
    font-size: 14px;
  font-family: "HelveticaNeueLTStd_Roman", Helvetica, Arial, sans-serif;
    line-height: 1.4;
    margin-right: 5px;
font-weight: 400;
}

.rss_description {
    color: #666666;
    display: block;
    line-height: 1.4;
margin:10px 0 0 0;
}

.rss_description a{
-webkit-transition: opacity 0.3s; 
transition: opacity 0.3s;
}

.rssimage:hover{opacity:0.8;}

.rss_pubdate{

font-family: "HelveticaNeueLTStd_Lt", Helvetica, Arial, sans-serif;
margin:10px 0 5px 0px;
}

.rssimage{
float:left;
margin:5px 10pcx 10px 0;
-webkit-transition: opacity 0.3s; 
transition: opacity 0.3s;

}

/* Society lists */




ul.msl_organisation_list{

margin:20px 0;}

.msl-gl-description, .msl-listingitem-description{
font-size:10px;
padding:3px;
}

.msl-listing-category{
margin-left:0.8;
}

.msl_organisation_list li{
  width: 24%;
margin-top:4px;
height:120px;
float:left;
}

@media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {

.msl-gl-description, .msl-listingitem-description{
display:none;
}

}

.awardicon img{
width: 80px;
}

/* Whats On */


.events .msl_eventlist .msl_event3 {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 5px;
    padding: 0;
}

.events .msl_eventlist .msl_event3 .msl_event_image img {
    margin: 0 auto 5px;
}

.events .msl_eventlist .msl_event3 dd.msl_event_description {
    line-height: 1.4;
}


/* Forms */

.form-group {
 min-height: 40px;
 
    overflow: auto;

margin-top:10px;
margin-bottom:10px;
}

.formtypeselect{
display:block;
height:20px;
float:left;
}

.formtypeselect:hover{
colour:black;
}

.formtypeselect:active{
colour:black;
}

/* Nav Advert */

.navbanner img{
float:right;
height:90px;
width:728px;
margin:-20px 0 15px 0;
}