/* ----------- START WALTER -----------*/

.container-wrap{
	width: 1160px;
	background: #ecf7fb; /*f1f1f1*/
	padding-left: 40px;
	padding-right:40px;
	margin-left: auto;
	margin-right: auto;
}

#header-group-contact{
	text-align:center;
	background: #FFCE4E;
	float: left;
	margin-bottom: 15px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;

}





/* ----------- END WALTER -----------*/


@font-face {
	font-family: Futura;
	src: url('/assets/site_resources/FuturaExtended.ttf');
}

@font-face {
	font-family: century gothic;
	src: url('/assets/site_resources/GOTHIC.TTF');
}


@-ms-viewport{
  width: device-width;
}

*, *::before, *::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


html {
    min-width: 1140px;
    width: 100%;
    overflow-x: hidden;
}


a img{
	border:none;
}

a {
text-decoration: none;
}

h1 {
    font-family: Futura;
    font-weight: normal;
    font-style: normal;
    font-size: 21pt;
    line-height: 33px;
}

h2 {
    font-family: Futura;
    font-weight: normal;
    font-size: 18pt;
    line-height: 30px;
}


h3 {
    font-family: futura;
    font-weight: normal;
    font-size: 15pt;
    line-height: 30px;
}

header .row {
    margin-bottom: 90px;
}

#footercontents a:hover {
    color: orange;
}

#main2 #msl_event img:not(#ui-id-1):not(#events-icon) {
    width: 100% !important;
    height: auto !important;
    max-width: 43%;
    min-width: 270px;
}

.news_body img {
    width: 100% !important;
    height: auto !important;
    min-width: 250px;
    max-width: 500px;
}



body {
    margin: 0;
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    background-color: #fff;
    overflow-y: hidden;
    text-decoration: none;
    overflow-x: hidden;
    background-image: url("/stylesheet/StudentCentral/bg1.jpg");
    background-repeat: repeat;
}


body > form {margin-bottom:0;
	text-decoration:none;
}




.solopen {
    position: relative;
    float: left;
}

.logobar {
    position: relative;
    height: 80px;
}


header {
    margin: 30px 0 10px;
    padding: 0;
}

header .logo a {
    display: block;
    float: left;
    margin: 0px 0 0px;
    padding: 5px 30px;
}


.msl-pagebanner {
    margin: 19px 0px 25px 0px;
}

.advert {position:absolute; right:0px; margin-top:5px;}

footer {
    color: #ffffff;
    margin-top: 40px;
}


footer p {
    margin: 5px 0;
}

footer p.tel {
    background: url(tel.png) no-repeat scroll left 50% transparent;
    font-size: 14px;
    margin: 7px 0;
    padding: 0 0 0 27px;
}
footer p.mail {
    background: url(mail.png) no-repeat scroll left 50% transparent;
    font-size: 14px;
    margin: 7px 0;
    padding: 0 0 0 27px;
}
footer a {color:#fff;}

header .container {
    position:relative;
}


.msl_email {
    padding: 0 0 0 0px;
    display: inline-block;
    min-height: 16px;
	background-image: none;
}


.msl_web, .msl_facebook {

    word-break: break-all;
}

/*    Social media icons     */

.somedia a img{

}

.somedia a img:hover{
	opacity: 0.5;
	transition: opacity 0.5s;
}


/* Back to top scroll icon -   */

.backToTop{
	cursor: pointer;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 1000;
	display: none;
	background: url(/assets/site_resources/Top-of-Page-Widget.png);
	background-size: 100% 100%;
}


/* Nav */
.nav-collapse.collapse {display:block;padding:0;background:none;}
.navbar ul {
	position: relative;
	left: 0;
	display: block;
	float: left;
	margin: 0 0px 0 0;
	list-style:none;
}

.navbar .nav.pull-right {
	float: right;
	margin-right: 0;
}

.navbar ul > li {
 	float: left;
}

.navbar ul > li > a {
	float: none;
	padding: 10px 15px 10px;
	color: #777777;
	text-decoration: none;
	text-shadow: 0 1px 0 #ffffff;
	display:block;
}

.navbar ul .dropdown-toggle .caret {
  	margin-top: 8px;
}

.navbar ul > li > a:focus,
.navbar ul > li > a:hover {
	color: #333333;
	text-decoration: none;
	background-color: transparent;
}

.navbar ul > li > a.current,
.navbar ul > li > a.current:hover,
.navbar ul > li > a.current:focus {
	color: #555555;
	text-decoration: none;
	background-color: #e5e5e5;
	-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.navbar-inverse ul > li > a {
    color: #999999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse ul > li > a:focus,
.navbar-inverse ul > li > a:hover {
	color: #ffffff;
	background-color: transparent;
}

.navbar-inverse ul li > a.current,
.navbar-inverse ul li > a.current:hover,
.navbar-inverse ul li > a.current:focus {
	color: #ffffff;
	background-color: #111111;
}


.primary > ul {
    margin: 0px 0px;
    list-style: none;
    position: absolute;
    padding: 0px;
    width: 1080px;
    background-color: rgba(239, 81, 51, 1);
}



.primary > ul > li {
    width: 216px;
    float: left;
    position: relative;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

.primary > ul > li > a {
    width: 201px;
    margin: 0;
    padding: 15px;
    color: white;
    text-decoration: none;
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,sans-serif;
    display: block;
}


.primary ul li:hover a {
    background: #f1f1f1;
    text-decoration: none;
    color: #000;
    width: 210px;
}


.primary ul ul {
    display: none;
    left: 0px;
    list-style: none outside none;
    margin: 0 0px 0px 0px;
    padding: 0;
    position: absolute;
    top: 47px;
    width: 210px;
    z-index: 10000;
    background-color: #f1f1f1;
    border-radius: 5px 5px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}


.primary ul li:hover ul {display:block;}
.primary ul ul li {padding:0px 0 0;margin:0;}

.primary ul a.nav-about + ul li a, .primary ul a.nav-food + ul li a, .primary ul a.nav-activities + ul li a, .primary ul a.nav-services + ul li a, .primary ul a.nav-energybase + ul li a {
    background: #f1f1f1;
    display: block;
    line-height: 2;
    text-decoration: none;
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    padding: 2px;
    color: #000000;
    width: 195px;
}


.orgLogo img {
    width: 100%;
}


#main3 .mslwidget img {
    width: 100% !important;
    height: auto !important;
    max-width: 600px;
}




/* about */
.primary ul ul.subnav_nav_about_ {
    border-left: rgba(254, 198, 20, 1)  solid 15px;
    border-bottom: rgba(254, 198, 20, 1)  5px solid;
}
.primary ul li:hover a.nav-about {
    border-left: rgba(254, 198, 20, 1)  solid 15px;
}
.primary ul ul.subnav_nav_about_ li a:hover {
    background-color: rgba(254, 198, 20, 1) ;
    color: white;
    text-decoration: none;
}

/* Activities   rgba(140, 83, 160, 1)   */
.primary ul ul.subnav_nav_activities_ {
    border-left: rgba(140, 83, 160, 1)  solid 15px;
    border-bottom: rgba(140, 83, 160, 1)  5px solid;
}
.primary ul li:hover a.nav-activities {
    border-left: rgba(140, 83, 160, 1)  solid 15px;
}
.primary ul ul.subnav_nav_activities_ li a:hover {
    background-color: rgba(140, 83, 160, 1) ;
    color: white;
    text-decoration: none;
}


/* Food */
.primary ul ul.subnav_nav_food_ {
    border-left: rgba(35, 164, 119, 1) solid 15px;
    border-bottom: rgba(35, 164, 119, 1) 5px solid;
}
.primary ul li:hover a.nav-food {
    border-left: rgba(35, 164, 119, 1) solid 15px;
}
.primary ul ul.subnav_nav_food_ li a:hover {
    background-color: rgba(35, 164, 119, 1);
    color: white;
    text-decoration: none;
}


/* Shop */
.primary ul ul.subnav_nav_services_ {
    border-left: rgba(238, 81, 51, 1) solid 15px;
    border-bottom: rgba(238, 81, 51, 1) 5px solid;
}
.primary ul li:hover a.nav-services {
    border-left: rgba(238, 81, 51, 1) solid 15px;
}
.primary ul ul.subnav_nav_services_ li a:hover {
    background-color: rgba(238, 81, 51, 1);
    color: white;
    text-decoration: none;
}


/* gym*/
.primary ul ul.subnav_nav_energybase_ {
    border-left: rgba(47, 170, 215, 1) solid 15px;
    border-bottom: rgba(47, 170, 215, 1) 5px solid;
}
.primary ul li:hover a.nav-energybase {
    border-left: rgba(47, 170, 215, 1) solid 15px;
}
.primary ul ul.subnav_nav_energybase_ li a:hover {
    background-color: rgba(47, 170, 215, 1);
    color: white;
    text-decoration: none;
}



/* Toolbar stuff */



.toolbar .container > .mslwidget, .toolbar .sidepanel {
    width: 95px;
    float: left;
    max-height: 23px;
    text-align: center;
    z-index: 20000;
    margin-bottom: 15px;
}



.toolbar .sidepanel.controlpanel h3 + p{display:none;}
.sidepanel.controlpanel .msl_person{display:none;}
.sidepanel.controlpanel li[id$="_liAccount"]{visibility:collapse;}

.sidepanel.controlpanel li[id$='_liAccount'] a {
    visibility: visible;
}

#controlpanel li {
    border-bottom: 0px dotted #CCC !important;
}

.toolbar #msl_admin h3 {
    background-image: url("admin-icon.png");
}
.toolbar h3.active, .toolbar #msl_admin h3.active {
background-color:#f1f1f1;
}

.toolbar .mslwidget #msl_admin > ul, .toolbar .mslwidget #msl_admin > div, .toolbar .sidepanel ul, .toolbar #basket {
display:none;
}


.toolbar .mslwidget #msl_admin ul, .toolbar .mslwidget #msl_admin > div, .toolbar .sidepanel ul, .toolbar #basket {
    background: #f1f1f1;
    z-index: 1000;
    position: relative;
    float: left;
    width: 191px;
    padding-left: 0px;
    border: 1px solid rgba(202, 202, 202, 1);
    top: 0px;
}





#ctl00_basket_pnlBasket {background: #f1f1f1;}

.toolbar #msl_admin ul li, .toolbar .sidepanel ul li, .toolbar #controlpanel ul li, .toolbar #msl_admin h4 {
    font-size: 13px;
    margin: 0;
    padding: 0;
    float: left;
    background: none;
    display: block;
    line-height: 1.3;
}


.toolbar #msl_admin ul li a, .toolbar .sidepanel ul li a, .toolbar #msl_admin h4 a {
    padding: 7px;
    margin: 0;
    background: none;
    line-height: 1.5;
    display: block;
    width: 189px;
}



.toolbar #msl_admin ul li a:hover, .toolbar .sidepanel ul li a:hover, .toolbar #msl_admin h4 a:hover {
	background:#fff;
	text-decoration:none;
}

.toolbar .navbar-inner {min-height:30px;}
.toolbar .navbar-inner .container {position:relative;}
.toolbar .navbar-inner li a {
	padding:5px 15px 5px 20px;
	color:#333;
	background:none;
}
.toolbar .navbar-inner li a:hover {
	text-decoration:underline;
}

.registerbutton {
    color: black;
    background: #f1f1f1;
    position: absolute;
    right: 67px;
    padding: 4px 10px 6px 10px;
    border: 1px solid #cacaca;
    border-radius: 3px;
    text-decoration: none;
}

.toolbar #search {
    position: absolute;
    right: 222px;
}

.toolbar #search input {
	float: left;
	margin-left:3px;
	line-height:20px;
	font-size:14px;
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,sans-serif;
}

.toolbar #search input.textbox {
	background: transparent;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	color: #666;
	float: left;
	padding: 6px 31px 8px 12px;
	width: 176px;
	outline: none;
	top: -1px;
	position: relative;
	margin: 0px;
	border-bottom: thin solid #000;
}

.toolbar #search input.button:hover {
   cursor: pointer;
   background-size: 65% 100%;
}

.toolbar #search input.button {
     color: transparent;
     background-image: url(/assets/site_resources/Magnify-Glass-Icon.png );
     position: absolute;
     font-weight: normal;
     padding: 4px 10px 6px 10px;
     border: none;
     border-radius: 3px;
     text-decoration: none;
     font-weight: normal;
     background-size: 60% 90%;
     background-repeat: no-repeat;
     background-color: transparent;
     width: 50px;
}


textarea.textbox {width:100%;}


.msl-loginbutton {
    color: black;
    background: #f1f1f1;
    position: absolute;
    right: 0px;
    padding: 4px 10px 6px 10px;
    border: 1px solid #cacaca;
    border-radius: 3px;
    text-decoration: none;
}


.msl-loginbutton:hover, .registerbutton:hover {text-decoration:none; background-color: #f05133; color: #fff;}

.sidepanel + #search + .registerbutton, .sidepanel + .mslwidget + #search + .registerbutton {display:none;}

/* Page Banner */


.lead-banner {
    position: relative;
    left: -10px;
}




#basket-wrapper h3 img {
    position: relative;
    margin-right: 6px;
    top: 8px;
}







/* Subnav */


.subnav {
    background: none repeat scroll 0 0 #f1f1f1;
    margin: 0px;
    min-height: 0px;
    padding: 0 0px;
    border-radius: 3px;
    color: #fff;
    border-left: 15px solid rgba(238, 81, 51, 1);
}

.contactinfo {
    background: none repeat scroll 0 0 #f1f1f1;
    margin: 0px;
    min-height: 0px;
    padding: 0 0px;
    border-radius: 3px;
    color: #fff;
    word-break: break-all;
}



.contactinfo dd {
    margin: 0px;
    margin-left: 0px;
    padding: 2px;
    padding-bottom: 5px;
    padding-left: 9px;
    color: #000;
    white-space: ;
    word-wrap: normal;
}

.subnav ul {
    font-size: 14px;
    list-style: none outside none;
    margin: 0;
    padding: 0px 0 0px;
}

.subnav ul li {
    margin: 0 0px;
    list-style: none;
    display: block;
    width: 100%;
}

.subnav a {
    color: #000;
    padding: 5px;
    padding-left: 10px;
    display: block;
}

.subnav a:hover {
    color: #fff;
    background-color: rgba(238, 81, 51, 1);
    display: block;
    padding: 5px;
    padding-left: 10px;
}

.subnav a.current {
    color: #fff;
    font-weight: bold;
    background-color: rgba(237, 81, 51, 1);
}

.subnav ul ul {
    margin-left: 14px;
    border-left: 6px solid rgba(238, 81, 51, 1);
}


#sidebar {
    float: left;
    font-size: 15px;
    margin-right: 2%;
    width: 24%;
}

#main {
    float: left;
    padding: 0px 20px 20px 20px;
    width: 73.8%;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
}


#main2 {
    float: left;
    padding: 0px 20px 20px 20px;
    width: 99.8%;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    margin-top: 10px;
}

.org-side {
    float: left;
    padding: 15px 20px 20px 20px;
    width: 290px;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    margin-top: 10px;
    margin-left: 14px;

}

.org-side h3 {
    display: none;
}

#organisation .mslwidget img {
    width: 100% !important;
    height: auto !important;
}
#organisation .mslwidget object, #organisation .mslwidget embed {
    width: 100%;
    height: 260px;
}



#main3 {
    float: left;
    padding: 0px 20px 20px 20px;
    width: 71.8%;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    margin-top: 10px;
}



footer .container .span3 {
	width: 300px;
}

footer .container {
/* width: 1070px;  */
}

footer .container .row {
    margin-left: 105px;
}



#ctl00_Main_ReportViewer1 {
    height: 100% !important;
}



/* 
---------------------------- Toolbar
*/

.navbar-static-top {
    position: static;
    margin-bottom: 0px;
}


.navbar {
    *position:relative::: ;
    *z-index:2::: ;
    margin-bottom: 0px;
    overflow: visible;
    margin-top: 30px;
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    border-width: 0 0 1px;
}
.navbar-static-top .navbar-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.toolbar .navbar-inner {
    min-height: 30px;
}

.navbar-inner::before, .navbar-inner::after {
    display: table;
    line-height: 0;
    content: "";
}


.navbar-inner {
    min-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    *zoom:1:: ;
}



.toolbar .navbar-inner .container {
    position: relative;
}

.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1080px;
}

.navbar .container {
    width: auto;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1080px;
}

.container::after {
    clear: both;
}

.container::before, .container::after {
    display: table;
    line-height: 0;
    content: "";
}

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-right: 5px;
    margin-left: 5px;
}


.toolbar h3 {
    color: #111111;
    cursor: pointer;
    font-size: 12px;
    line-height: 45px;
    margin: 0;
    padding: 0 0 0 0px;
    position: relative;
    z-index: 10000;
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal;
    font-style: normal;
    border-left-color: #e6e6e6;
    border-left-style: solid;
    border-left-width: 1px;
    height: 42px;
}



.toolbar h3:hover  {
    background: #f1f1f1;
}


.sidepanel + #search + .registerbutton, .sidepanel + .mslwidget + #search + .registerbutton {
    display: none;
}

.container {
    margin-right: auto;
    margin-left: auto;
    *zoom:1: ;
}

.btn {
	display: inline-block;
	*display: inline;
	padding: 4px 12px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #bbb;
	*border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

    .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
        color: #333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }

    .btn:active, .btn.active {
        background-color: #ccc; \9
    }

    .btn:first-child {
        *margin-left: 0;
    }

    .btn:hover {
        color: #333;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position .1s linear;
        -moz-transition: background-position .1s linear;
        -o-transition: background-position .1s linear;
        transition: background-position .1s linear;
    }

    .btn:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn.active, .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    }

    .btn.disabled, .btn[disabled] {
        cursor: default;
        background-image: none;
        opacity: .65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.somedia {
    position: relative;
    float: right;
    width: 225px;
    text-align: right;
}

.toolbar {
    position: relative;
    z-index: 10000;
    margin-top: 10px;
}

.navrow {
    height: 51px;
    /* top: 14px; WALTER REMOVED*/ 
    position: relative;
    background-color: rgba(239, 81, 51, 1);
}

.scnews {
    position: relative;
    float: left;
    width: 305px;
}

.leader {
    height: 82px;
    white-space: pre-wrap;
    overflow: hidden;
    position: relative;
    top: 5px;
    width: 280px;
    margins: ;
    margin: 0px;
    opacity: 0;
    font-size: 15px;
}

.news_full h5 {
    margin: 0;
    padding: 10px !important;
    color: white;
    text-decoration: none;
    z-index: 1000;
    position: absolute;
    background-color: rgba(238, 81, 51, 1);
    width: 305px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    top: 110px;
    text-align: left;
    background-color: rgba(238, 81, 51, 0.9);
}


.news_full .news_item {
    display: block;
    padding: 0px;
    margin-bottom: 23px;
    height: 150px;
    width: 305px;
    cursor: pointer;
    box-shadow: 2px 2px 10px rgba(153,153,153,0.4);
    -moz-box-shadow: 2px 2px 10px rgba(153, 153, 153, 0.4);
    -webkit-box-shadow: 2px 2px 10px rgba(153, 153, 153, 0.4);
    background-color: white;
}

.news_full .news_item_inner {
    margin: 0px;
    position: relative;
}

.news_full h5 a {
    margin: 0;
    padding: 0px;
    padding-left: 5px;
    color: white;
    text-decoration: none;
    font-size: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
}

.newsheader p.nheader::after {
    content: " ";
    position: relative;
    display: block;
    width: 305px;
    margin-top: 19px;
    margin-bottom: 20px;
    border-radius: 5px;
    height: 5px;
    background-color: #662d91;
}

.newsheader p.eheader::after {
    content: " ";
    position: relative;
    display: block;
    width: 640px;
    margin-top: 19px;
    margin-bottom: 20px;
    border-radius: 5px;
    height: 5px;
    background-color: #ff7e00;
}

.mainEvents {
    position: relative;
    float: left;
    width: 760px;
    top: -1px;
}

.event_item dl {
    margin: 0px;
}

.scnews .msl_pubdate {
    background-color: #e7e7e7;
    display: block;
    width: 305px;
    position: absolute;
    top: 70px;
    z-index: 100;
    padding: 3px;
    padding-left: 16px;
    background-color: rgba(230, 230, 230, 0.9);
}


.openingh {
    position: relative;
    float: right;
    left: -2px;
    top: -5px;
    cursor: pointer;
    background: url(/stylesheet/StudentCentral/opening_hours.png);
    width: 150px;
    height: 30px;
}



.nheader1 {
    position: absolute;
    width: 100%; /*339px*/
    height: 80px;
    top: 6px;
    left: 5px;
    font-family: futura;
    font-size: 38px;
   
}

.vertical_contents {
    position: relative;
    top: 85px;
    left: 15px;
}

.newsheader {
    position: relative;
    float: left;
    width: 1084px;
}

.eheader1 {
    position: absolute;
    width: 339px;
    height: 80px;
    left: 361px;
    top: 6px;
    font-family: futura;
    font-size: 38px;
}

.ads1 {
    position: relative;
    width: 1075px;
    float: left;
    background-repeat: no-repeat;
    top: 80px;
    background-position: 0px 62px;
    left: 10px;
	opacity: 0.8;
}






.footerboxes_logos {
    width: 50%;
    float: left;
}


.ftext {
    float: left;
    width: 50%;
    padding-left: 32px;
}


#accessib {
    float: right;
    padding-right: 29px;
    padding-top: 40px;
}




#footercontents, #footercontents a {
    color: #f1f1f1;
    z-index: 1500;
    position: relative;
}



.footerboxes {
    float: left;
    position: relative;
    margin: 10px;
    width: 231px;
}

.fboxes {
    padding-left: 30px;
}



#fnavi {
    padding-left: 12px;
}



.vtitle {
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    width: 150px;
    position: relative;
    left: -60px;
    top: 43px;
    font-weight: bold;
    font-size: 14px;
    color: rgba(254, 196, 10, 1);
    border-bottom: 4px solid rgba(254, 196, 10, 1);
}

.footer_nav {
    list-style: none;
    position: relative;
}

#fstudentcentral {
    top: -28px;
}

#fnavigation {
    top: -9px;
}


#vt2 {
    color: rgba(35, 165, 119, 1);
    border-bottom: 4px solid rgba(35, 165, 119, 1);
}

#vt3 {
    color: rgba(47, 171, 216, 1);
    border-bottom: 4px solid rgba(47, 171, 216, 1);
}



#logoboxes .footerboxes {
    width: 470px;
}

#uollogo {
    float: right;
    right: 27px;
    position: relative;
}



.msl_event_image {
    position: relative;
    top: 0px;
    left: 0px;
}

.vertical_contents2 {
    position: relative;
    top: 83px;
    left: 65px;
    float: left;
    width: 701px;
}


#fsocial {
    top: 32px;
}


/*media all*/
.event_item {
    width: 200px;
    height: 200px;
    position: relative;
    background-color: #ffffff;
    margin-bottom: 20px;
    cursor: pointer;
    box-shadow: 2px 2px 10px rgba(153,153,153,0.4);
    -moz-box-shadow: 2px 2px 10px rgba(153, 153, 153, 0.4);
    -webkit-box-shadow: 2px 2px 10px rgba(153, 153, 153, 0.4);
    float: left;
    margin-right: 46px;
    border: 1px solid rgba(204, 204, 204, 0.2);
    overflow: hidden;
}


.msl_event_image img {
    width: 200px;
    height: 200px;
}


.msl_event_time {
    position: absolute;
    padding: 7px;
    padding-left: 11px;
    top: 166px;
    left: 0px;
    margin: 0px;
    width: 198px;
    background-color: #e7e7e7;
    color: black;
    background-color: rgba(230,230,230,0.9);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.msl_event_name {
    margin: 0;
    padding: 10px !important;
    color: black;
    text-decoration: none;
    z-index: 900;
    position: absolute;
    width: 195px;
    text-align: left;
    left: 3px;
    font-size: 16px;
    overflow: hidden;
    top: 0px;
    height: 52px;
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,sans-serif;
    display: block;
    opacity: 0;
}



.msl_event_description {
    position: absolute;
    padding: 3px;
    top: 52px;
    left: 12px;
    width: 166px;
    height: 98px;
    opacity: 0;
    overflow: hidden;
    margin-left: 0px;
    display: block;
    color: black;
}


.londonskyline {
    position: relative;
    width: 100%;
    height: 253px;
    margin-left: 0px;
    border-bottom: 15px solid gray;
	margin-top: 60px;
}


#parliament {
    background-image: url(/stylesheet/StudentCentral/footer-parliament.png);
    width: 344px;
    height: 258px;
    position: absolute;
    background-repeat: no-repeat;
    float: left;
    left: 53%;
    top: 4px;
    z-index: 111;
}


/*media all*/
#towerbridge {
    background-image: url(/stylesheet/StudentCentral/footer-towerbridge.png);
    width: 273px;
    height: 177px;
    position: absolute;
    background-repeat: no-repeat;
    float: left;
    margin-right: 0px;
    top: 78px;
    left: 0px;
}








/* main.css (1066, 9) */
/*media all*/
#nelson {
    background-image: url(/stylesheet/StudentCentral/footer-nelsoncolumn.png);
    width: 121px;
    height: 174px;
    position: absolute;
    background-repeat: no-repeat;
    float: left;
    top: 81px;
    left: 28%;
}


#londoneyeb {
    background-image: url(/stylesheet/StudentCentral/footer-londoneyeb.png);
    width: 94px;
    height: 130px;
    position: absolute;
    background-repeat: no-repeat;
    top: 132px;
    left: 52px;
}


#londoneyew {
    background-image: url(/stylesheet/StudentCentral/footer-londoneyew.png);
    width: 195px;
    height: 196px;
    position: absolute;
    background-repeat: no-repeat;
    top: 46px;
    left: 0px;
}

#shard {
    background-image: url(/stylesheet/StudentCentral/footer-shard.png);
    width: 50px;
    height: 273px;
    position: absolute;
    background-repeat: no-repeat;
    float: left;
    top: -11px;
    left: 238px;
}

#bt {
    background-image: url(/stylesheet/StudentCentral/footer-bt.png);
    width: 40px;
    height: 273px;
    position: absolute;
    background-repeat: no-repeat;
    float: left;
    left: 23%;
}

#wembely {
    background-image: url(/stylesheet/StudentCentral/footer-wembely.png);
    width: 271px;
    height: 130px;
    position: absolute;
    background-repeat: no-repeat;
    float: left;
    left: 4%;
    top: 125px;
}

#fbase {
    background-color: rgba(34, 34, 34, 1);
    width100%: ;
    width: 100%;
    height: 18px;
    position: absolute;
    top: 252px;
    z-index: 1000;
}

#fbase2 {
    background-color: rgba(134, 134, 134, 1);
    width: 100%;
    height: 18px;
    position: absolute;
    top: 241px;
    z-index: 1;
}

#londoneyec {
    position: absolute;
    left: 39%;
    width: ;
    width: 329px;
}

#towershard {
    position: absolute;
    left: 77%;
    z-index: 100;
}

#back1 {
    background-image: url(/stylesheet/StudentCentral/footer-back2-2.png);
    position: absolute;
    left: -91px;
    width: 98px;
    height: 74px;
    background-repeat: no-repeat;
    top: 192px;
    z-index: 500;
}

#back2 {
    background-image: url(/stylesheet/StudentCentral/footer-back2-1.png);
    position: absolute;
    left: 19%;
    width: 285px;
    height: 86px;
    background-repeat: no-repeat;
    top: 179px;
}

#back3 {
    background-image: url(/stylesheet/StudentCentral/footer-back2-3.png);
    position: absolute;
    left: 80%;
    width: 243px;
    height: 92px;
    background-repeat: no-repeat;
    top: 189px;
    z-index: 1;
}



#back4 {
    background-image: url(/stylesheet/StudentCentral/footer-back2-4.png);
    position: absolute;
    left: 48%;
    width: 98px;
    height: 159px;
    background-repeat: no-repeat;
    top: 108px;
}

#back5 {
    background-image: url(/stylesheet/StudentCentral/footer-back2-5.png);
    position: absolute;
    left: -112px;
    width: 251px;
    height: 86px;
    background-repeat: no-repeat;
    top: 176px;
}



/* main.css (1224, 9) */
/*media all*/
#back6 {
    background-image: url(/stylesheet/StudentCentral/footer-back3-1.png);
    position: absolute;
    left: 7%;
    width: 165px;
    height: 229px;
    top: 39px;
}

/* main.css (1233, 9) */
/*media all*/
#back7 {
    background-image: url(/stylesheet/StudentCentral/footer-back3-2.png);
    position: absolute;
    left: 35%;
    width: 260px;
    height: 164px;
    top: 95px;
    background-repeat: no-repeat;
}

/* main.css (1243, 9) */
/*media all*/
#back8 {
    background-image: url(/stylesheet/StudentCentral/footer-back3-3.png);
    position: absolute;
    left: 52%;
    width: 60px;
    height: 229px;
    top: 39px;
    background-repeat: no-repeat;
}

/* main.css (1253, 9) */
/*media all*/
#back9 {
    background-image: url(/stylesheet/StudentCentral/footer-back3-4.png);
    position: absolute;
    left: 67%;
    width: 112px;
    height: 96px;
    top: 168px;
    background-repeat: no-repeat;
}

#back10 {
    background-image: url(/stylesheet/StudentCentral/footer-back2-2.png);
    position: absolute;
    width: 67px;
    height: 48px;
    background-repeat: no-repeat;
    top: 216px;
    z-index: 93;
    float: right;
    right: 32px;
}


.flayer2, .flayer3  {
    position: relative;
}



.landm2 {
    z-index: 1;
}

.landm {
    z-index: 2;
}

.footerbgc {
    background-color: #222222;
    height: 400px;
}

.org-side .mslwidget {
    width: 225px;
    background-color: ;
    text-overflow: h;
}

.orgLogo {
    text-align: center;
}


.popupw {
	display: none;

}


.popupw {
    background-color: snow;
    border: 1px #f1f1f1 solid;
    width: 689px;
    height: 422px;
    border-radius: 5px;
    padding: 25px;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-bottom: 20px;
}

.popupwc {
    position: relative;
    overflow-y: auto;
    height: 370px;
}

.popupclose {
    background-image: url("/assets/site_resources/close-btn.png");
    background-color: red;
    position: absolute;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: 6px;
    left: 663px;
    top: 0px;
    cursor: pointer;
}

.ptable {
    border: #ebebeb dashed 1px;
    width: 100%;
}

.ptable td {
    padding: 5px;
}


.tdheader {
    background-color: lightSalmon;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    width: 50%;
}

.tdc1 {
    width: 15%;
    font-weight: bold;
    text-align: right;
}


.tdsubhead {
    font-weight: bold;
    background-color: #b7a2c7;
    text-align: left;
}


.tdc2 {
    width: 244px;
    text-align: left;
}

input.textbox {
    width: 190px;
    height: 32px;
    box-shadow: inset 0px 0px 5px #ddd;
    border-radius: 5px;
    outline: none;
    padding: 6px 18px 7px 9px;
    font-size: 15px;
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,sans-serif;
}

input.button {
    padding: 4px 10px 6px 10px;
    border: 1px solid #cacaca;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    background-color: #f1f1f1;
    border-radius: 3px;
    line-height: 20px;
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,sans-serif;
    background-image: none;
}

input.button:hover {text-decoration:none; background: #f05133; color: #fff; cursor:pointer;}

h3.form_title {
    color: #333;
    display: block;
    padding: 1em 10px;
    margin: 0;
    position: relative;
    z-index: 1;
	background-color: transparent !important; 
    border-bottom: 1px solid #eee;
}

.vp_form .vpFormSubmit {
    background: transparent !important;
    border-top: 1px solid #eee;
    margin: 1em 0 0 0;
    padding: 1em;
}

select {
    width: 160px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: inset 0px 0px 5px #ddd;
    padding: 5px;
	margin-bottom: 10px;
}


#cookiewarning {
    z-index: 70000;
    border: 2px solid grey;
    border-left-width: 0px;
    border-top-width: 0px;
    background-color: #f1f1f1;
    width: 100%;
    height: 85px;
    padding: 15px;
    left: -2px;
    top: -135px;
}


.cookiewarningbox {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1050px;
}

#cookiebutton {
    position: relative;
    margin-left: 19px;
}


#main2 #news {
    position: relative;
    top: 30px;
    padding: 10px;
    margin-bottom: 25px;
}

.contactinfo .msl_phone {
    position: relative;
    top: 7px;
}


#spage_title {
    display: block;
    position: absolute;
    background: #f1f1f1;
    background-color: rgba(240, 240, 240, 0.8);
    top: 229px;
    left: 10px;
    width: 1080px;
    padding: 0px;
    padding-left: 25px;
    font-family: futura;
}



#spage_title h1 {
	text-transform: uppercase;
}


.topadvert {
position: relative;
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.membershipnote {
    padding: 5px;
    padding-bottom: 10px;
    padding-top: 20px;
    word-break: normal;
}

#msl_event img:not(#events-icon) {
    width: 200px;
    height: 200px;
}

#msl_event h2{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;

}

#msl_event h2:first-of-type::before {
	content: "~ ";
}

#msl_event h2:first-of-type::after{
	content: " ~";
}

#events-icon{
	margin-right: 5px;
}

/*   EVENTS INTRO HEADING PICTURE                  */

#ui-id-1 {
    border-radius: 6px;
    /* border: thick inset #000; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 1px 2px 16px -4px #000;

}


#transaction span.transaction_id {
    font-size: 120%;
}

.visualchange {
    width: 50%;
    height: 105px;
    float: left;
}


#font_bigger {
    position: relative;
    float: left;
    left: 31px;
    font-size: 18px;
    display: block;
    cursor: pointer;
    vertical-align: ;
    position: relative;
    width: 20px;
    height: 20px;
    top: 35px;
}

#font_smaller {
    font-size: 14px;
    display: block;
    cursor: pointer;
    position: relative;
    top: 36px;
    width: 14px;
    height: 20px;
    left: 34px;
    float: left;
}


#fred {
    float: left;
    width: 20px;
    height: 20px;
    background-color: red;
    left: -82px;
    cursor: pointer;
}

#fblack {
    float: left;
    width: 20px;
    height: 20px;
    background-color: black;
    position: relative;
    left: 5px;
    cursor: pointer;
}

#fblue {
    float: left;
    width: 20px;
    height: 20px;
    background-color: blue;
    left: 10px;
    position: relative;
    cursor: pointer;
}

#fwhite {
    float: left;
    width: 20px;
    height: 20px;
    background-color: white;
    left: 15px;
    position: relative;
    cursor: pointer;
}


#bblack {
    float: left;
    width: 20px;
    height: 20px;
    background-color: black;
    left: 0px;
    position: relative;
    cursor: pointer;
    border: 1px solid white;
}



#bwhite {
    float: left;
    width: 20px;
    height: 20px;
    background-color: white;
    left: 3px;
    position: relative;
    cursor: pointer;
    border: 1px solid black;
}


.join_list .button {
    display: block;
    margin-top: 8px;
}


ul.join_list {

    padding-left: 0px;
	margin: 0px;
}


ul.join_list li {
    list-style-type: none;
    margin: 0.5em 0;
    border: 1px solid #f1f1f1;
    padding: 7px;
    background-color: lightSalmon;
}

.product_box {
    margin: 1em 3px 1em 0;
    padding: 1em;
    border: 1px solid #ccc;
}



/* opening hours */



.op-item {
    position: relative;
    float: left;
    width: 100%;
}


.op-header {
    position: relative;
    float: left;
    width: 100%;
    background-color: orange;
    padding: 5PX;
    font-weight: bold;
}

.op-contents {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px;
    vertical-align: top;
    text-align: ;
}


.openinghours {
    position: relative;
    float: left;
    border: 1px #f1f1f1 solid;
}

.op-in-wraper {
    position: relative;
    float: left;
    width: 50%;
    padding: 1px;
    min-width: 257px;
}

.op-header-term {
    position: relative;
    float: left;
    padding: 5px;
    background-color: rgba(158, 143, 188, 1);
    width: 100%;
    margin-top: 1px;
    font-weight: bold;
}


.op-contents strong {
    padding: 10px;
}


.cc-opening .op-contents {
    padding: 0px;
}

.cc-opening-ot .op-contents {
    padding: 0px;
}

.ophheader {
    padding: 0px;
    margin: 0;
}


.eaterclosure > p {
    text-align: center;
    font-weight: bold;
    color: red;
    font-size: 20px;
}

.eaterclosure {
    text-align: center;
    padding-bottom: 20px;
}






[class*='col-'] {
	float: left;
	padding-right: 20px; /* column-space */
}

.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 20px;
	padding-left: 20px; /* grid-space to left */
	padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}



/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}








/*
Forum styles
*/


dl.forum_nav {
    float: left !important;
}

.view {
    float: right;
}

.msl_add {
    float: right;
}


.badge_avatar {
    width: 90px;
}

.badge_tools ul {
    display: none !important;
}


#forum_topics h1 {
    margin-bottom: 20px !important;
}


/*----------START MOBILE @ 767----------*/
	@media handheld, only screen and (max-width: 767px) {
		.view, .rss {
			display: none;
		}
	
		#forum_topics h1 {
			margin-bottom: 35px !important;
		}
		
		.cke_top {
			display: none;
		}
		
		.forum_post_content {
			padding-right: 0px !important;
		}
		
		#forum_addpost.forum_post.forum_post_author {
			display: none;
		}
		
		.forum_post .forum_post_author {
		
			float: left;
		}
		
		.forum_post_control_inner .forum_post .forum_post_author {
			display: block;
		}
	
		.topadvert a {
			top: 55px;
			
		}
		
		.logobar {
			height: 100%;
			min-height: 10px;
			max-height: 130px;
		}

		.grid {
			width: 100%;
			min-width: 0;
			margin-left: 0px;
			margin-right: 0px;
			padding-left: 20px; /* grid-space to left */
			padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
		}
		
		[class*='col-'] {
			width: 150px;/*auto*/
			float: none;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 10px;
			margin-bottom: 10px;
			padding-left: 0px;
			padding-right: 10px; /* column-space */
		}
		
			/* Mobile Layout */
		
		[class*='mobile-col-'] {
			float: left;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 0px;
			margin-bottom: 10px;
			padding-left: 0px;
			padding-right: 10px; /* column-space */
			padding-bottom: 0px;
		}
		
		.mobile-col-1-1 {
			width: 100%;
		}
		.mobile-col-2-3, .mobile-col-8-12 {
			width: 66.66%;
		}
	
		.mobile-col-1-2, .mobile-col-6-12 {
			width: 50%;
		}
	
		.mobile-col-1-3, .mobile-col-4-12 {
			width: 33.33%;
		}
	
		.mobile-col-1-4, .mobile-col-3-12 {
			width: 25%;
		}
	
		.mobile-col-1-5 {
			width: 20%;
		}
	
		.mobile-col-1-6, .mobile-col-2-12 {
			width: 16.667%;
		}
	
		.mobile-col-1-7 {
			width: 14.28%;
		}
	
		.mobile-col-1-8 {
			width: 12.5%;
		}
	
		.mobile-col-1-9 {
			width: 11.1%;
		}
	
		.mobile-col-1-10 {
			width: 10%;
		}
	
		.mobile-col-1-11 {
			width: 9.09%;
		}
	
		.mobile-col-1-12 {
			width: 8.33%
		}
	
		/* Layout Columns */
	
		.mobile-col-11-12 {
			width: 91.66%
		}
	
		.mobile-col-10-12 {
			width: 83.333%;
		}
	
		.mobile-col-9-12 {
			width: 75%;
		}
	
		.mobile-col-5-12 {
			width: 41.66%;
		}
	
		.mobile-col-7-12 {
			width: 58.33%
		}
		
		.hide-on-mobile {
			display: none !important;
			width: 0;
			height: 0;
		}
	
	
	
		html {
			min-width: 10px;
			width: 100%;
		}
	
	
	/* mobile-footer */
	
		#fnavi, .visualchange {
			display: none;
		}
		
		
		#footercontents {
			position: relative;
			top: 20px;
		}
		
		#logoboxes {
			position: relative;
			left: 0px;
		}
		
		#ftext {
			height: 245px;
		}
	
		.footerboxes_logos {
			width: 16%;
			float: none;
		
		}
	
		.ftext {
			float: left;
			width: 85%;
			padding-left: 0px;
			top: 20px;
			position: relative;
			font-size: 12px;
		}
		
		
		#uollogo {
			position: relative;
			float: none;
			right:0;
		}
		
		#parliament {
			display: none;
		}
		
		#nelson {
			left: 76%;
			background-size: 88px;
			top:122px;
			width: 85px;
		}
		
		#bt {
			display: block;
			left: 65%;
		}
		
		
		#wembely {
			display: none;
		}
		
		#londoneyec {
			position: absolute;
			width: 211px;
			float: right;
			right: -1%;
		}
	
	
		#towershard {
			position: absolute;
			left: 0%;
			z-index: 100;
		}
		
		
		#back1 {
			display: none;
		}
		
		.flayer2, .flayer3 {
			display: none;
		}
		
		#sclogo {
			padding: 15px 0 15px 0;
		}
	
	
	
	
		/*  Toolbar  */
		
		.toolbar {
			min-width: 320px;
		}
		
		.toolbar .container > .mslwidget, .toolbar .sidepanel {
			width: 75px;
		}
	
	
		.toolbar .mslwidget #msl_admin ul, .toolbar .mslwidget #msl_admin > div, .toolbar .sidepanel ul, .toolbar #basket {
			background: #f1f1f1;
			z-index: 1000;
			position: absolute;
			float: left;
			width: 315px;
			padding-left: 0px;
			border: 1px solid rgba(202, 202, 202, 1);
			top: 30px;
		}
		
		
		.toolbar #msl_admin ul li a, .toolbar .sidepanel ul li a, .toolbar #msl_admin h4 a {
			padding: 7px;
			margin: 0;
			background: none;
			line-height: 1.5;
			display: block;
			width: 312px;
		}
	
		#ctl00_AdminPanel_pnlOrganisations {
			top: 480px !important;
			left: 0px;
		}
		
		
		.navbar-inner {
			padding-right: 0px;
			padding-left: 0px;
		}
		
		
		.toolbar h3 {
			font-size: 11px;
		
		}
		
		header .logo a img {
			width: 150px;
		}
		
		.mobile-nav-button {
			position: relative;
			width: 40px;
			height: 35px;
			cursor: pointer;
			float: right;
		}
	
	
		.mobile-nav-button::before {
			content: "\2261";
			font-size: 50px;
			padding: 7px;
			text-align: center;
			display: inline-block;
			line-height: 21px;
			color: grey;
		}
		
		header {
			margin: 10px 0px 0px;
			padding: 0;
		}
		
		header .logo a {
			margin: 0px 0 0px;
			padding: 0px 7px;
		}



		.registerbutton {
			color: black;
			background: #f1f1f1;
			position: relative;
			right: 0px;
			border: 0px;
			padding: 4px 10px 6px 10px;
			text-decoration: none;
			background: url(/stylesheet/StudentCentral/register_icon.png) no-repeat;
			width: 35px;
			height: 35px;
			opacity: 0.6;
			float: right;
		}
		
	
		.msl-loginbutton {
			color: black;
			position: relative;
			padding: 4px 10px 6px 10px;
			border: 0px;
			background: url(/stylesheet/StudentCentral/logout_icon.png) no-repeat;
			width: 35px;
			height: 35px;
			opacity: 0.6;
			float: right;
		}
		
		
		.somedia {
			display: none;
		}
	
	
		.openingh {
			position: relative;
			float: right;
			right: 5px;
			top: 4px;
			cursor: pointer;
			background: url(/stylesheet/StudentCentral/opening_hours_m.png);
			width: 29px;
			height: 28px;
			left: -15px;
		}
		.toolbar #search {
			display: none;
		}
		
		.registerbutton:hover {
			text-decoration: none;
			background: url(/stylesheet/StudentCentral/register_icon.png) no-repeat;
		}
		
		#controlpanel {
			width: 90px;
		}
	
	
	/* mobile navigation */



		.primary-mobile > ul {
			margin: 0px 0px;
			list-style: none;
			position: relative;
			padding: 0px;
			width: 100%;
			background-color: rgba(239, 81, 51, 1);
			text-align: center;
		}
		
		.primary-mobile > ul > li {
			float: left;
			position: relative;
			text-align: center;
			padding-left: 0px;
			padding-right: 0px;
			width: 100%;
			border-bottom: solid thin #DB9588;  /* added by WR  */
			background: #93D2F2;
		}
	
	
		.primary-mobile > ul > li > a {
			width: 100%;
			margin: 0;
			padding: 15px;
			color: white;
			text-decoration: none;
			font-family: 'Open Sans',"Helvetica Neue",Helvetica,sans-serif;
			display: block;
			text-align: center;
		}
	
		.primary-mobile ul li:hover a {
			background: #f1f1f1;
			text-decoration: none;
			color: #000;
			width: 100%;
		}
	
	
		.primary-mobile ul ul {
			display: none;
			left: 0px;
			list-style: none outside none;
			margin: 0 0px 0px 0px;
			padding: 0;
			position: relative;
			top: -1px;
			width: 100%;
			z-index: 10000;
			background-color: #f1f1f1;
			border-radius: 5px 5px;
			border-top-right-radius: 0px;
			border-top-left-radius: 0px;
		}
	
	
		.primary-mobile ul a.nav-about + ul li a, .primary-mobile ul a.nav-food + ul li a, .primary-mobile ul a.nav-activities + ul li a, .primary-mobile ul a.nav-services + ul li a, .primary-mobile ul a.nav-energybase + ul li a {
			background: #f1f1f1;
			display: block;
			line-height: 2;
			text-decoration: none;
			font-family: 'Open Sans',"Helvetica Neue",Helvetica,sans-serif;
			font-size: 14px;
			padding: 2px;
			color: #000000;
		width: 100%;
		}
	
		.primary-mobile ul ul.subnav_nav_about_ {
			border-left: rgba(254, 198, 20, 1) solid 5px;
			border-bottom: rgba(254, 198, 20, 1) 5px solid;
			border-right: rgba(254, 198, 20, 1) solid 5px;
		}
		
		
		.primary-mobile ul li:hover a.nav-about {
			border-left: rgba(254, 198, 20, 1) solid 5px;
			border-right: rgba(254, 198, 20, 1) solid 5px;
		}
	
	
		.primary-mobile ul ul.subnav_nav_activities_ {
			border-left: rgba(140, 83, 160, 1) solid 5px;
			border-bottom: rgba(140, 83, 160, 1) 5px solid;
			border-right: rgba(140, 83, 160, 1) solid 5px;
		}
		
		
		.primary-mobile ul li:hover a.nav-activities {
			border-left: rgba(140, 83, 160, 1) solid 5px;
			border-right: rgba(140, 83, 160, 1) solid 5px;
		}
	
		.primary-mobile ul ul.subnav_nav_food_ {
			border-left: rgba(35, 164, 119, 1) solid 5px;
			border-bottom: rgba(35, 164, 119, 1) 5px solid;
			border-right: rgba(35, 164, 119, 1) solid 5px;
		}
		
		
		.primary-mobile ul li:hover a.nav-food {
			border-left: rgba(35, 164, 119, 1) solid 5px;
			border-right: rgba(35, 164, 119, 1) solid 5px;
		}
	
	
		.primary-mobile ul ul.subnav_nav_services_ {
			border-left: rgba(238, 81, 51, 1) solid 5px;
			border-bottom: rgba(238, 81, 51, 1) 5px solid;
			border-right: rgba(238, 81, 51, 1) solid 5px;
		}
		
		
		.primary-mobile ul li:hover a.nav-services {
			border-left: rgba(238, 81, 51, 1) solid 5px;
			border-right: rgba(238, 81, 51, 1) solid 5px;
		}
	
	
		.primary-mobile ul ul.subnav_nav_energybase_ {
			border-left: rgba(47, 170, 215, 1) solid 5px;
			border-bottom: rgba(47, 170, 215, 1) 5px solid;
			border-right: rgba(47, 170, 215, 1) solid 5px;
		}
		
		
		.primary-mobile ul li:hover a.nav-energybase {
			border-left: rgba(47, 170, 215, 1) solid 5px;
			border-right: rgba(47, 170, 215, 1) solid 5px;
		}
	
	
		.navrow {
			top: 14px;
			position: relative;
			background-color: rgba(239, 81, 51, 1);
			width: 100%;
			height: 5px;
		}
		
		
		.primary-mobile > ul {
			margin: 0px 0px;
			list-style: none;
			position: relative;
			padding: 0px;
			background-color: rgba(239, 81, 51, 1);
			display:none;
			width: 100%;
		}
	
	
		.primary-mobile ul li:hover a {
			background: #f1f1f1;
			text-decoration: none;
			color: #000;
		}
		
		.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
			width: 100%;
		}
		
		.loginbcontainer {
			position: absolute;
			float: right;
			top: 54px;
			right: 10px;
		}
	
	
	/* section  */
	
		.lead-banner .msl-pagebanner img {
			width: 100%;
		}
		
		.msl-pagebanner {
			margin: 10px 0px 20px 0px;
			width: 100%;
			position: relative;
		}
	
		.lead-banner {
			left:0;
			position: relative;
		}
		
		
		.subnav {
		
			margin: 0px;
			margin-bottom: 20px;
			border-left: 5px solid rgba(238, 81, 51, 1);
			border-right: 5px solid rgba(238, 81, 51, 1);
		}
	
		#sidebar {
			margin-right: 0%;
			width: 100%;
		}
		
		
		#main {
			padding: 0px 20px 20px 20px;
			width: 95%;
			margin: 8px;
		}
	
	
		#spage_title {
			position: relative;
			width: 100%;
			padding: 5px;
			top:0;
			left:0;
			padding-left: 6px;
		}
		
		#spage_title h1 {
			text-transform: uppercase;
			font-size: 15px;
		}
	
	
	/* org section */
	
	
		.org-side {
		
			width: 94%;
			border-radius: 4px;
			margin-top: 10px;
			margin-left: 10px;
			word-break: break-all;
		}
		
		#main3 {
			width: 94%;
			margin-top: 0px;
			margin-left: 10px;
		}


	}	

/*----------END MOBILE @ 767----------*/
/*----------START MOBILE @ 600----------*/
	@media handheld, only screen and (max-width: 600px) {
	
		.topadvert a {
			top: 20px;
			position: relative;
		}
		
		.topadvert a img {
			width: 100%;
		}
		
		
		.logobar {
			height: 100%;
			min-height: 10px;
			max-height: 130px;
		}
	
	
	}
/*----------END MOBILE @ 600----------*/