/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */




/* //////////////// Webkit font styles start \\\\\\\\\\\\\\\ */


@font-face {
	font-family: 'NotoSans';
	src: url('/Style Library/fonts/NotoSans-Regular-webfont.eot'); /* IE9 Compat Modes */
	src: url('/Style Library/fonts/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	/*url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
	url('/Style Library/fonts/NotoSans-Regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
	url('/Style Library/fonts/NotoSans-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('/Style Library/fonts/NotoSans-Regular-webfont.svg#svgNotoSans') format('svg'); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}




@font-face {
	font-family: 'icomoon';
	src:  url('/Style Library/fonts/icomoon.eot?w32jxk');
	src:  url('/Style Library/fonts/icomoon.eot?w32jxk#iefix') format('embedded-opentype'),
	url('/Style Library/fonts/icomoon.ttf?w32jxk') format('truetype'),
	url('/Style Library/fonts/icomoon.woff?w32jxk') format('woff'),
	url('/Style Library/fonts/icomoon.svg?w32jxk#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}




/*

@font-face {
font-family: 'icomoon';
src:  url('../fonts/icomoon/icomoon.eot?8bcv0p');
src:  url('../fonts/icomoon/icomoon.eot?8bcv0p#iefix') format('embedded-opentype'),
url('../fonts/icomoon/icomoon.ttf?8bcv0p') format('truetype'),
url('../fonts/icomoon/icomoon.woff?8bcv0p') format('woff'),
url('../fonts/icomoon/icomoon.svg?8bcv0p#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
 */


a i[class^="icon-"]:before {
	display: inline-block!Important;
	text-decoration: none!Important;
}

i[class^="fa"]:before  {
	display: inline-block!Important;
	text-decoration: none!Important;
}



[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1.33 !important;
	color:#8c979a !important;
	text-decoration: none!Important;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.icon-alarm-clock.eps:before {
	content: "\e928";
}
.icon-facebook:before {
	content: "\e924";
}
.icon-googleplus:before {
	content: "\e925";
}
.icon-linkedin:before {
	content: "\e926";
}
.icon-twitter:before {
	content: "\e927";
}
.icon-SU .path1:before {
	content: "\e900";
	color: rgb(164, 167, 168);
}
.icon-SU .path2:before {
	content: "\e901";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path3:before {
	content: "\e902";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path4:before {
	content: "\e903";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path5:before {
	content: "\e904";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path6:before {
	content: "\e905";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path7:before {
	content: "\e906";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path8:before {
	content: "\e907";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path9:before {
	content: "\e908";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path10:before {
	content: "\e909";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path11:before {
	content: "\e90a";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path12:before {
	content: "\e90b";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path13:before {
	content: "\e90c";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path14:before {
	content: "\e90d";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path15:before {
	content: "\e90e";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path16:before {
	content: "\e90f";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path17:before {
	content: "\e910";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path18:before {
	content: "\e911";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path19:before {
	content: "\e912";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path20:before {
	content: "\e913";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path21:before {
	content: "\e914";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path22:before {
	content: "\e915";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path23:before {
	content: "\e916";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path24:before {
	content: "\e917";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path25:before {
	content: "\e918";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path26:before {
	content: "\e919";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path27:before {
	content: "\e91a";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path28:before {
	content: "\e91b";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path29:before {
	content: "\e91c";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path30:before {
	content: "\e91d";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path31:before {
	content: "\e91e";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path32:before {
	content: "\e91f";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path33:before {
	content: "\e920";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path34:before {
	content: "\e921";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}
.icon-SU .path35:before {
	content: "\e922";
	margin-left: -3.0107421875em;
	color: rgb(139, 41, 66);
}
.icon-SU .path36:before {
	content: "\e923";
	margin-left: -3.0107421875em;
	color: rgb(164, 167, 168);
}






.icon-alarm-clock.eps {
	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}
.icon-facebook {
	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}
.icon-googleplus {
	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}
.icon-linkedin {
	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}
.icon-twitter {
	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}
.icon-SU {
	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}





/*//////////////// Webkit font styles end \\\\\\\\\\\\\\\*/


/*//////////////// custom font sizes end \\\\\\\\\\\\\\\*/


.icosm{
	font-size:90%!Important;
}

.icon{
	font-size:100%!Important;
}

.icolg{
	font-size:150%!Important;
}



.icoxl{
	font-size:250%!Important;
}



.icoxxl{
	font-size:835%!Important;
}

.steico{
	font-size:500%!Important;
}

.steicofoot{
	font-size:400%!Important;
}

/*//////////////// custom font sizes end \\\\\\\\\\\\\\\*/



html {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size:1em!Important;
	line-height:1.2!Important;
	font-weight:normal!Important;
	-ms-text-size-adjust: 100%!Important;  /* 2 */
	-webkit-text-size-adjust: 100%!Important;  /* 2 */
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	background-color:#60223b!Important; /* stellenbosch grey*/
	/* color:#8c979a!Important; stellenbosch grey*/
	color:#242424!Important; /* stellenbosch grey*/

}

/* Remove the margin in all browsers (opinionated). */

body {
	margin: 0!Important;
	background-color:#ececec!Important; /* stellenbosch light grey*/
	color:#242424!Important; /* stellenbosch grey*/
}



/*  //////////////  A Tags \\\\\\\\\\\\\\\\\\\\\  */



a:hover, a:link:hover {
	text-decoration:none!Important;

}




/*
a {
font-family: 'NotoSans', Helvetica, sans-serif!Important; 
font-weight:normal!Important;
-webkit-transition: color .4s!Important;
font-size:100%!Important;
transition: color .4s!Important;
color: #8c979a!Important;
font-weight:normal!Important;
text-decoration:none!Important;
-webkit-font-smoothing: antialiased!Important;
-moz-osx-font-smoothing: grayscale!Important;
}


a:link, a:visited {
font-family: 'NotoSans', Helvetica, sans-serif!Important; 
font-size:100%!Important;
font-weight:normal!Important;
color: #8c979a!Important;
font-weight:normal!Important;
text-decoration:none!Important;
-webkit-font-smoothing: antialiased!Important;
-moz-osx-font-smoothing: grayscale!Important;
}

a:hover {
font-family: 'NotoSans', Helvetica, sans-serif!Important; 
color: #585e60!Important;
font-size:100%!Important;
text-decoration:none!Important;
-webkit-transition: color .4s!Important;
transition: color .4s!Important;
font-weight:300!Important;
-webkit-font-smoothing: antialiased!Important;
-moz-osx-font-smoothing: grayscale!Important;

}

a:active {
font-family: 'NotoSans', Helvetica, sans-serif!Important; 
font-size:100%!Important;
font-weight:normal!Important;
-webkit-transition: color .3s!Important;
transition: color .3s!Important;
font-weight:normal!Important;
color: #8c979a!Important;
text-decoration:none!Important;
-webkit-font-smoothing: antialiased!Important;
-moz-osx-font-smoothing: grayscale!Important;
}

.link {
font-family: 'NotoSans', Helvetica, sans-serif!Important;
font-size:100%!Important;
font-weight:normal!Important;
text-decoration: none!Important;
font-weight:normal!Important;
-webkit-transition: color .4s!Important;
transition: color .4s!Important;
color: #8c979a!Important;
-webkit-font-smoothing: antialiased!Important;
-moz-osx-font-smoothing: grayscale!Important;

 }


 */



a.lan:link,  a.lan:visited {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size:90%!Important;
	font-weight:normal!Important;
	color: #242424!Important;
	font-weight:normal!Important;
	text-decoration:none!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	text-transform: uppercase;
}

a.lan:hover {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	color: #697174!Important;
	font-size:90%!Important;
	text-decoration:none!Important;
	-webkit-transition: color .4s!Important;
	transition: color .4s!Important;
	font-weight:300!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	text-transform: uppercase;

}

a.lan:active {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size:90%!Important;
	font-weight:normal!Important;
	-webkit-transition: color .3s!Important;
	transition: color .3s!Important;
	font-weight:normal!Important;
	color: #242424!Important;
	text-decoration:none!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	text-transform: uppercase;
}









a.study:link,  a.study:visited {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size:90%!Important;
	font-weight:normal!Important;
	color: #242424!Important;
	font-weight:normal!Important;
	text-decoration:none!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;

}

a.study:hover {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	color: #697174!Important;
	font-size:90%!Important;
	text-decoration:none!Important;
	-webkit-transition: color .4s!Important;
	transition: color .4s!Important;
	font-weight:300!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;


}

a.study:active {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size:90%!Important;
	font-weight:normal!Important;
	-webkit-transition: color .3s!Important;
	transition: color .3s!Important;
	font-weight:normal!Important;
	color: #242424!Important;
	text-decoration:none!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;

}




a.SteWhitel:link,  a.SteWhitel:visited {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size:100%!Important;
	font-weight:normal!Important;
	color: #fff!Important;
	font-weight:normal!Important;
	text-decoration:none!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	text-transform: uppercase;
}

a.SteWhitel:hover {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	color: #f5f5f5!Important;
	font-size:100%!Important;
	text-decoration:none!Important;
	-webkit-transition: color .4s!Important;
	transition: color .4s!Important;
	font-weight:300!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	text-transform: uppercase;

}

a.SteWhitel:active {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size:100%!Important;
	font-weight:normal!Important;
	-webkit-transition: color .3s!Important;
	transition: color .3s!Important;
	font-weight:normal!Important;
	color: #ffff!Important;
	text-decoration:none!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	text-transform: uppercase;
}




a.signIn:link,  a.signIn:visited {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size:100%!Important;
	font-weight:normal!Important;
	color: #fff!Important;
	font-weight:normal!Important;
	text-decoration:none!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	text-transform: uppercase;
	background-color:#44182A!Important;
	display:inline-block!Important;
	width:100%!Important;
	height:60px!Important;
	line-height:60px!Important;
	text-align:center!Important;
}

a.signIn:hover {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	color: #f5f5f5!Important;
	font-size:100%!Important;
	text-decoration:none!Important;
	-webkit-transition: color .4s!Important;
	transition: color .4s!Important;
	font-weight:300!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	text-transform: uppercase;

	background-color:#60223b!Important;
	display:inline-block!Important;
	width:100%!Important;
	height:60px!Important;
	line-height:60px!Important;
	text-align:center!Important;



}

a.signIn:active {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size:100%!Important;
	font-weight:normal!Important;
	-webkit-transition: color .3s!Important;
	transition: color .3s!Important;
	font-weight:normal!Important;
	color: #ffff!Important;
	text-decoration:none!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	text-transform: uppercase;
	background-color:#4D1B2F!Important;
	display:inline-block!Important;
	width:100%!Important;
	height:60px!Important;
	text-align:center!Important;

}




a.steMobile:link,  a.steMobile:visited {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size:180%!Important;
	font-weight:normal!Important;
	color: #fff!Important;
	font-weight:normal!Important;
	text-decoration:none!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	text-transform: uppercase;

}

a.steMobile:hover {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	color: #697174!Important;
	font-size:160%!Important;
	text-decoration:none!Important;
	-webkit-transition: color .4s!Important;
	transition: color .4s!Important;
	font-weight:100!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	text-transform: uppercase;

	color: #fff!Important;

}

a.steMobile:active {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size:160%!Important;
	font-weight:normal!Important;
	-webkit-transition: color .3s!Important;
	transition: color .3s!Important;
	font-weight:normal!Important;
	color: #fff!Important;
	text-decoration:none!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	text-transform: uppercase;

}





a.o365button:link, a.o365cs-contextMenuItem:link, a.ms-fcl-b:link {

	color:#000!Important;
}

a.o365button:visited, a.o365cs-contextMenuItem:visited, a.ms-fcl-b:visited{

	color:#000!Important;
}

a.o365button:hover, a.o365cs-contextMenuItem:hover, a.ms-fcl-b:hover{

	color:#000!Important;
}


a.o365button:active, a.o365cs-contextMenuItem:active, a.ms-fcl-b:active{

	color:#000!Important;
}


.o365cs-nav-contextMenu .o365cs-contextMenuItem, .o365cs-nav-contextMenu .o365cs-contextMenuInactiveItem a,
.o365cs-nav-contextMenu .o365cs-contextMenuItem, .o365cs-nav-contextMenu .o365cs-contextMenuInactiveItem a:link,
.o365cs-nav-contextMenu .o365cs-contextMenuItem, .o365cs-nav-contextMenu .o365cs-contextMenuInactiveItem a:visited;
.o365cs-nav-contextMenu .o365cs-contextMenuItem, .o365cs-nav-contextMenu .o365cs-contextMenuInactiveItem a:hover
.o365cs-nav-contextMenu .o365cs-contextMenuItem, .o365cs-nav-contextMenu .o365cs-contextMenuInactiveItem a:acrive
{

	color:#000!Important;
}


#O365_SubLink_SuiteMenu_zz8_MenuItem_Settings
{

	color:#000!Important;
}




.mobHead {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	color: #697174!Important;
	font-size:160%!Important;
	text-decoration:none!Important;
	-webkit-transition: color .4s!Important;
	transition: color .4s!Important;
	font-weight:100!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	text-transform: uppercase;

	color: #fff!Important;

}







/*  //////////////  A Tags \\\\\\\\\\\\\\\\\\\\\  */








/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

p {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size:100%!Important;
	font-weight:normal!Important;
	line-height:1.2;
	color:#242424!Important; /* stellenbosch grey*/
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}


.library {
	font-family: 'Gill Sans', sans-serif!Important; /* 1 */
	font-size: 200%!Important;
	margin:0!Important;
	font-weight:400!Important;
	line-height:1.2!Important;
	color:#60223b !important; /* stellenbosch marrron*/
	padding:0!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	display:block;
	text-transform: uppercase;
}

.libraryb {
	font-family: 'Gill Sans', sans-serif!Important; /* 1 */
	font-size: 180%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:1.2!Important;`
	color:#242424!Important; /* stellenbosch grey*/
	padding:0!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	display:block;
	text-transform: uppercase;
}


.infoservice {
	font-family: 'Gill Sans', sans-serif!Important; /* 1 */
	font-size: 140%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:1.2!Important;
	color:#A0A0A0!Important; /* stellenbosch grey*/
	padding:0!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	display:block;
	text-transform: uppercase;
}


.infoserviceb {
	font-family: 'Gill Sans', sans-serif!Important; /* 1 */
	font-size: 120%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:1.2!Important;
	color:#242424!Important; /* stellenbosch grey*/
	padding:0!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	display:block;
	text-transform: uppercase;
}


.stetitlespace{
	/*padding-top: .9%;*/
}

.stetitlespace2{
	/*padding-top: .9%;*/

}

.text-right{
	text-align:right!Important;
}


.noRadius{

	border-radius:0!Important;
}
/*  //////////////  Headers \\\\\\\\\\\\\\\\\\\\\  */


h1 {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 250%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:1.2!Important;
	color:#242424!Important; /* stellenbosch grey*/
	padding:0!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}


.h1 {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 250%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:1.2!Important;
	color:#white!Important; /* stellenbosch grey*/
	padding:0!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	border-bottom:4px solid #912765!Important;
	padding:30px 30px 0;
}

.h1b {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 250%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:1.2!Important;
	color:#white!Important; /* stellenbosch grey*/
	padding:0!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	border-bottom:4px solid #912765!Important;
	padding:30px 30px 0;
}


h2 {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 200%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:1.2!Important;
	color:#242424!Important; /* stellenbosch grey*/
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	padding:0!Important;
}

.h2 {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 200%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:1.2!Important;
	color:#fff!Important; /* stellenbosch grey*/
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;

}


h3 {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 150%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:1.2!Important;
	color:#242424!Important; /* stellenbosch grey*/
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}


.h3 {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 150%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:1.2!Important;
	color:#fff!Important; /* stellenbosch grey*/
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}




h4 {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 115%!Important;
	margin:0!Important;
	line-height:1.2!Important;
	font-weight:normal!Important;
	color:#191919!Important; /* stellenbosch grey*/
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	padding:0!Important;
}


h5 {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:1.2!Important;
	color:#242424!Important; /* stellenbosch grey*/
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	padding:0!Important;
}

h6 {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 80%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:1.2!Important;
	color:#242424!Important; /* stellenbosch grey*/
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	padding:0!Important;
}

/*  //////////////  Headers \\\\\\\\\\\\\\\\\\\\\  */

/*
ul, ul li, ul li a, ul li .link,  ul li .a {
font-family: 'NotoSans', Helvetica, sans-serif!Important;
font-size: 100%!Important;
margin:0!Important;
font-weight:normal!Important;
line-height:2!Important;
color:#242424!Important;
-webkit-font-smoothing: antialiased!Important;
-moz-osx-font-smoothing: grayscale!Important;
}
 */

ul, ul li {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:2!Important;
	color:#242424!Important; /* stellenbosch grey*/
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}

ul li a, ul li .link,  ul li .a {
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:2!Important;
	/*  color:#337ab7!Important; /* stellenbosch grey*/
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}

.ms-core-listMenu-item, .ms-core-listMenu-item:link, .ms-core-listMenu-item:visited, .ms-tv-item:link, .ms-tv-item:visited, .ms-tv-header:link, .ms-tv-header:visited {
	color: #242424;
	text-decoration: none;
}

.ms-titlearea, .ms-titlearea a {
	color: #242424
}

.my-breadcrumbNode {
	color: #242424
}

.my-breadcrumbNode:visited{
	color:#242424
}

.my-breadcrumbNode a {
	color: #242424
}

.my-breadcrumbNode a:visited {
	color:#242424
}

.advanced-search {
	color: #242424
}

.advanced-search:visited {
	color: #242424
}

h2 a {
	color:#262626
}

h2 a:visited{
	color:#262626
}

.ms-textSmall, .ms-textXSmall, .ms-metadata, .ms-descriptiontext, .ms-secondaryCommandLink {
	font-size: .99em;
}

.ms-alternating {
	background-color: #f1f1f1;
}

.headertitle, .headertitle a, .headertitle a:link {
	font-size: 11pt;
	font-weight: bold;
}

/*
ol, ol li, ol li a, ol li .link,  ol li .a{
font-family: 'NotoSans', Helvetica, sans-serif!Important; 
font-size: 100%!Important;
margin:0!Important;
font-weight:normal!Important;
line-height:2!Important;
color:#242424!Important; 
-webkit-font-smoothing: antialiased!Important;
-moz-osx-font-smoothing: grayscale!Important;
}
 */


ol, ol li{
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:2!Important;
	color:#242424!Important; /* stellenbosch grey*/
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}


ol li a, ol li .link,  ol li .a{
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	margin:0!Important;
	font-weight:normal!Important;
	line-height:2!Important;
	color:#337ab7!Important; /* stellenbosch grey*/
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	color:#337ab7!Important;
	text-decoration:none!Important;
}


/* HTML5 display definitions
========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
	display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
	display: none;
}

/* Links
========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
	outline-width: 0;
}

/* Text-level semantics
========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
	font-style: italic;
}



/**
 * Add the correct background and color in IE 9-.
 */

mark {
	background-color: #ececec!Important;
	color:#8c979a!Important; /* stellenbosch grey*/
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
	border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
	color:#8c979a!Important; /* stellenbosch grey*/
	border:.5px solid #dddddd!Important; /* stellenbosch grey*/
}

/* Forms
========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
	font: inherit; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
	font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}





/* ////////////////////////////////////   Custom Additions Start Here   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

ul{

	line-height:200%;

}


.steWhiteText{

	color:white!Important;
}

/*Rounded corners for images*/
.rounded {
	border-radius: 10px !important;
}

/* ////////////////////////////////////   Custom Additions End Here   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */






/* ////////////////////////////////////   Colors Start Here   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.steDarkMaroon{
	background-color:#44182A!Important;
}
.steGrey{
	color:#8c979a!Important; /* stellenbosch grey*/
}

.steGreyb{
	background-color:#8c979a!Important; /* stellenbosch grey*/
}

.steLightgrey{
	color:#ececec!Important; /* stellenbosch grey*/
}


.stelogin{

	color:#f5f5f5!Important;	
}


.steLightgreyb{
	background-color:#ececec!Important; /* stellenbosch grey*/
}
.steLightgreyb2{
	background-color:#f5f5f5!Important; /* stellenbosch grey*/
}


.steBarGrey{
	background-color:#f5f5f5!Important; /* stellenbosch grey*/
}

.steWhite{
	color:#ffffff!Important; /* stellenbosch grey*/
}

.steWhiteb{
	background-color:#ffffff!Important; /* stellenbosch grey*/
}


.steMaroon{
	color:#60223b!Important; /* stellenbosch maroon*/
}

.steMaroonb{
	background-color:#60223b!Important; /* stellenbosch grey*/
}

.steLime{

	background-color:#4ba20b!Important;
}

.steRoyal{
	background-color:#7f5a83;
}


.text-left {
	text-align: left!Important;
}


.steSignIn{

	height:60px!Important;
}
/* ////////////////////////////////////   Colors End Here   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */






/* ////////////////////////////////////   Custom Button Classes Start Here   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/* customize default button */

.btn {
	padding: 14px 24px;
	border: 0 none;
	font-weight: 700;
	letter-spacing: 1px;
	/* text-transform: uppercase; */
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	/* font-size: 100%!Important; */
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	border:1px solid #242424!Important;
	color:#242424!Important;
	background-color:white!Important;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: 0 none;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .open > .dropdown-toggle.btn {
	background: #33a6cc;
	color:#697174!Important;
}



.btn-primary {
	background: #0099cc;
	color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background: #33a6cc;
}

.btn-primary:active, .btn-primary.active {
	background: #007299;
	box-shadow: none;
}

/* customize default button */



.btn-releaseMobile {
	background: #3C1525!Important;
	color: #ffffff!Important;
	border:none!Important;
	box-shadow: none!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 170%!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}

.btn-releaseMobile:hover, .btn-releaseMobile:focus, .btn-releaseMobile:active, .btn-releaseMobile .active, .open > .dropdown-toggle.btn-releaseMobile {
	background: #3C1525!Important;
	border:none!Important;
	box-shadow: none!Important;
	-webkit-transition: color .4s!Important;
	transition: color .4s!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 170%!Important;
	color: #ffffff!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}

.btn-releaseMobile:active, .btn-releaseMobile .active {
	background: #3C1525;
	color: #ffffff!Important;
	box-shadow: none;
	border:none!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 170%!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}






.btn-darkmaroon {
	background: #3C1525!Important;
	color: #ffffff!Important;
	border:none!Important;
	box-shadow: none!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}

.btn-darkmaroon:hover, .btn-darkmaroon:focus, .btn-darkmaroon:active, .btn-darkmaroon.active, .open > .dropdown-toggle.btn-darkmaroon {
	background: #3C1525!Important;
	border:none!Important;
	box-shadow: none!Important;
	-webkit-transition: color .4s!Important;
	transition: color .4s!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	color: #ffffff!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}

.btn-darkmaroon:active, .btn-darkmaroon.active {
	background: #3C1525;
	color: #ffffff!Important;
	box-shadow: none;
	border:none!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}







.btn-maroon {
	background: #60223b!Important;
	color: #ffffff!Important;
	border:none!Important;
	box-shadow: none!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}

.btn-maroon:hover, .btn-maroon:focus, .btn-maroon:active, .btn-maroon.active, .open > .dropdown-toggle.btn-maroon {
	background: #481a2c!Important;
	border:none!Important;
	box-shadow: none!Important;
	-webkit-transition: color .4s!Important;
	transition: color .4s!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	color: #ffffff!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}

.btn-maroon:active, .btn-maroon.active {
	background: #481a2c;
	color: #ffffff!Important;
	box-shadow: none;
	border:none!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}



.btn-grey {
	background: #8c979a!Important;
	color: #ffffff!Important;
	color: #ffffff!Important;
	border:none!Important;
	box-shadow: none!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}

.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .open > .dropdown-toggle.btn-grey {
	background: #7b8487!Important;
	border:none!Important;
	color: #ffffff!Important;
	box-shadow: none!Important;
	-webkit-transition: color .4s!Important;
	transition: color .4s!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}

.btn-grey:active, .btn-grey.active {
	background: #7b8487;
	box-shadow: none!Important;
	color: #ffffff!Important;
	border:none!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}






.btn-default {
	background: #8c979a!Important;
	color: #ffffff!Important;
	color: #ffffff!Important;
	border:none!Important;
	box-shadow: none!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	background: #7b8487!Important;
	border:none!Important;
	color: #ffffff!Important;
	box-shadow: none!Important;
	-webkit-transition: color .4s!Important;
	transition: color .4s!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}

.btn-default:active, .btn-default.active {
	background: #7b8487;
	box-shadow: none!Important;
	color: #ffffff!Important;
	border:none!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-size: 100%!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}




/* ////////////////////////////////////   Custom Button Classes End Here   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/*

.ns_nerveSlider .ns_dots {
position: absolute;
top: 0;
right: 0;
padding: 30px;
z-index: 200;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.2;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin: auto 0;
bottom: 0;
left: 45%;
}

 */

.ipadFont{


	font-size:62%!Important;

}

.ipadFont2{


	font-size:46%!Important;

}

.ipadFont3{


	font-size:92%!Important;

}


.ipadFont4{


	font-size:66%!Important;

}

.ipadFont6{


	font-size:80%!Important;

}


.ipadFont5 {
	text-decoration: none;
	color: white !important;
	font-size: 120% !important;
	text-transform: uppercase !important;
	font-family: "NotoSans", Helvetica, sans-serif !important;
	font-weight: normal !important;
	-webkit-transition: color .4s !important;
	transition: color .4s !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}




.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.steNoList{
	list-style-type:none!Important;

}

.noPad{
	padding:0!Important;
}

.noPadL{
	padding-left:0!Important;
}

.noPadB{
	padding-bottom:0!Important;
}


.noPadR{
	padding-right:0!Important;
}


.mar25t{

	margin-top:25px!Important;
}


.mar30t{

	margin-top:30px!Important;
}

.mar30b{

	margin-bottom:30px!Important;
}

.mar60b{

	margin-bottom:60px!Important;
}



.mar40t{

	margin-top:40px!Important;
}


.mar50t{

	margin-top:50px!Important;
}





.mar20t{

	margin-top:20px!Important;
}

.mar20b{

	margin-bottom:20px!Important;
}




.mar10t{

	margin-top:10px!Important;
}


.mar10b{

	margin-bottom:10px!Important;
}



.mar0b{

	margin-bottom:0!Important;
}



.mar5t{

	margin-top:5px!Important;
}


.mar15t{

	margin-top:15px!Important;
}

.mar15b{

	margin-bottom:15px!Important;
}



.noMar{
	margin:0!Important;
}

.pad15{

	padding:15px!Important;

}

.my100{

	width:100%!Important;
}

.pad1L{
	padding-left:1px!Important;
}

.padR{
	padding-right:1px!Important;
}



.pad5L{
	padding-left:5px!Important;
}

.pad5R{
	padding-right:5px!Important;
}


.pad10L{
	padding-left:10px!Important;
}

.pad10R{
	padding-right:10px!Important;
}

.pad1t{
	padding-top: 1px !Important;
}

.pad5t{
	padding-top:5px!Important;
}

.pad5b{
	padding-bottom:5px!Important;
}



.pad10t{
	padding-top:10px!Important;
}

.pad10b{
	padding-bottom:10px!Important;
}

.pad15t{
	padding-top:15px!Important;
}

.pad15b{
	padding-bottom:15px!Important;
}

.pad20t{
	padding-top:20px!Important;
}

.pad20b{
	padding-bottom:20px!Important;
}


.pad15l{
	padding-left:15px!Important;
}

.pad15r{
	padding-right:15px!Important;
}



.pad30t{
	padding-top:30px!Important;
}

.pad30b{
	padding-bottom:30px!Important;
}


.pad60t{
	padding-top:60px!Important;
}

.pad60b{
	padding-bottom:60px!Important;
}


.pad5{
	padding:5px!Important;
}

.pad10{
	padding:10px!Important;
}


.pad15{
	padding:15px!Important;
}

.pad20{
	padding:0px!Important;
	/* changed to 0px by Wouter on 2017/01/03 to allow for bulleted display */
}

.pad30{
	padding:30px!Important;
}

.steNoLines{
	border:none!Important;

}

.pad40r{
	padding-right:40px!Important;
}


.mauto{

	margin:auto!Important;
}
/* ////////////////////////////////////   Padding and Margins  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


.tabs {
	width: 100%;
	float: none;
	list-style: none;
	position: relative;
	margin: 80px 0 0 10px;
}
.tabs li {
	float: left;
	display: block;
	width: 100%
}
.tabs input[type="radio"] {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.tabs label {
	display: block;
	/*padding: 14px 21px;
	padding: 14px 127px;*/
padding: 14px 10px;
border-radius: 5px 5px 0 0;
font-size: 20px;
background: #D3D3D3;
cursor: pointer;
position: relative;
/*top: 4px;*/
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-right: 5px;
font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

font-weight:normal!Important;
-ms-text-size-adjust: 100%!Important;  /* 2 */
-webkit-text-size-adjust: 100%!Important;  /* 2 */
-webkit-font-smoothing: antialiased!Important;
-moz-osx-font-smoothing: grayscale!Important;

text-align: center;





}
.tabs .frmt {
	display: block;
	/*padding: 14px 21px;
	padding: 14px 127px;*/
padding: 14px 5px;
border-radius: 5px 5px 0 0;
font-size: 16px;
background: #D3D3D3;
cursor: pointer;
position: relative;
/*top: 4px;*/
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-right: 5px;
font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

font-weight:normal!Important;
-ms-text-size-adjust: 100%!Important;  /* 2 */
-webkit-text-size-adjust: 100%!Important;  /* 2 */
-webkit-font-smoothing: antialiased!Important;
-moz-osx-font-smoothing: grayscale!Important;

text-align: center;
height:65px;




}
.tabs [id^="tab"]:checked + p {
	color:black;
	-moz-transition: all 2.2s ease-in-out;
	-o-transition: all 2.2s ease-in-out;
	-webkit-transition: all 2.2s ease-in-out;
	transition: all 2.2s ease-in-out;
}
.tabs label:hover {
	background: #fff;
}
.tabs .frmt:hover {
	background: #fff;
}

.tabs .tab-content {
	z-index: 2;
	display: none;
	/*overflow: hidden;*/
	width: 100%;
	font-size: 17px;
	line-height: 25px;
	padding: 15px;
	position: absolute;
	top: 0px; /* was 53*/
	left: 0;
	background: #fff;
	height:140px;
	border-radius:5px 5px 0 0

}
.tabs [id^="tab"]:checked + label {
	background: #fff;
}
.tabs [id^="tab"]:checked + .frmt {
	background: #fff;
}

.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
	display: block;
}

.tabs .btn{
	padding: 6px 24px !important;
}

/* //////////////////// Form Controls REDONE \\\\\\\\\\\\\\\\\\\\\*/




select {
	border: 1px solid #ececec!Important;
	padding: 13px;
	width: 100%;
	height: 52px;
	font-family: 'NotoSans', Helvetica, sans-serif!Important;
	font-weight: normal!Important;
	-ms-text-size-adjust: 100%!Important;
	-webkit-text-size-adjust: 100%!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	font-size: 100%;
	color: #8c979a!Important;
}


.card {
	display: inline-block;
	position: relative;
	width: 100%;
	border-radius: 2px;
	background: #fff;
	border:1px solid #c7c7c7;

}

.cardNL {
	display: inline-block;
	position: relative;
	width: 100%;
	border-radius: 2px;
	background: #fff;
	border:0 solid #c7c7c7;

}



.cardX {
	display: inline-block;
	position: relative;
	border-radius: 2px;
	background: #fff;
	border:1px solid #993B61;

}

.cardClean {
	display: inline-block;
	position: relative;
	border-radius: 2px;
	background: #fff!Important;
	/*border:1px solid #993B61;*/

}

.cardCleant {
	display: inline-block;
	position: relative;
	border-radius: 2px;
	background: #fff!Important;
	/*border:1px solid #993B61;*/
	z-index:90!Important;


}




input[type=search] {
	-webkit-appearance: none;
	padding: 30px 30px 30px 10px;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-weight:normal!Important;
	-ms-text-size-adjust: 100%!Important;  /* 2 */
	-webkit-text-size-adjust: 100%!Important;  /* 2 */
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	font-size: 100%;
	color:#8c979a!Important; /* stellenbosch grey*/
}


input[type="search"], input[type="password"]
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 36px!Important; /* Increase height as required */
	margin-bottom: 20px;
	padding: 0 20px; /* Now only left & right padding */
}

input[type="text"]
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 36px!Important; /* Increase height as required */
	margin-bottom: 20px;
	padding: 0 20px; /* Now only left & right padding */
}


input[type="search"]:focus, input[type="password"]:focus, input[type="text"]:focus
{
	background-color:white!Important;
}

.ms-srch-sb ms-srch-sb-borderFocused{
	background-color:white!Important;
	border-radius:5px!Important;
}


.ms-srch-sb-borderFocused {
	border: 1px solid white!Important;
	border-radius:5px!Important;
	background-color:white!Important;
	width:100%;
}

.ms-srch-sb-border:hover {

	border: 1px solid white!Important;
	border-radius:5px!Important!Important;
	background-color:white!Important;

}


#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox 

{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px!Important;
	margin-bottom: 0!Important;
	padding: 10px 10px  10px 10px; 
	/* before split   padding: 3px 10px  10px 10px; */
	border-radius:5px!Important;
	width:100%!Important;
	font-size: 120%;
	color: #242424;
}






.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #242424!Important;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



.bootstrap-select.btn-group .dropdown-menu li {
	position: relative;
	display: block;
	width: 100%;
}


/* //////////////////// Form Controls REDONE \\\\\\\\\\\\\\\\\\\\\*/









/************************************************************
 *************************Footer******************************
 *************************************************************/


.footer1 {
	background-color: #fff;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;/*	border-top-width: 4px;
	border-top-style: solid;*/
border: 1px solid  #dcdcdc;
}



.title-widget {
	color: #898989;
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	position: relative;
	text-transform:none;
	font-family: 'NotoSans', Helvetica, sans-serif!Important;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	padding-left: 15px;
}

.title-widget::before {
	background-color: #8c979a;
	content: "";
	height: 22px;
	left: 0px;
	position: absolute;
	top: 0;
	width: 5px;
}



.widget_nav_menu ul {
	list-style: outside none none;
	padding-left: 0;
}

.widget_archive ul li {
	background-color: rgba(0, 0, 0, 0.3);
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: 7px;
	width: 3px;
}


.widget_nav_menu ul li {
	font-size: 13px;
	font-weight: 700;
	line-height:40%;
	position: relative;
	text-transform: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	margin-bottom: 7px;
	padding: 5px 0;
	width:95%;
}


.widget_nav_menu ul li:last-child {

	border-bottom: 0 solid rgba(0, 0, 0, 0.05);

}




.widget_nav_menu ul li a{


	line-height:40%;

}




h4.title-median {
	color: #636363;
	font-size: 70%;
	line-height: 20px;
	margin: 0 0 15px 15px;
	padding:0 0 15px 0;
	text-transform: uppercase;
	font-family: 'NotoSans', Helvetica, sans-serif!Important;
}




#social:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}
#social {
	-webkit-transform:scale(0.8);
	/* Browser Variations: */
	-moz-transform:scale(0.8);
	-o-transform:scale(0.8);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}
/*
Only Needed in Multi-Coloured Variation
 */
.social-fb:hover {
	color: #3B5998;
}
.social-tw:hover {
	color: #4099FF;
}
.social-gp:hover {
	color: #d34836;
}
.social-em:hover {
	color: #f39c12;
}
.nomargin { margin:0px; padding:0px;}





.footer-bottom {
	background-color: #fff;
	min-height: 30px;
	width: 100%;
	border-bottom:1px solid #dcdcdc;
}
.footer-bottom2 {
	background-color: #fff;
	min-height: 30px;
	width: 100%;

}



.copyright {
	color: #636363;
	line-height: 47px;
	min-height: 30px;
	padding: 7px 0;
}
.design {
	color: #636363;
	line-height: 67px;
	min-height: 30px;
	padding: 7px 0;
	text-align: right;
}
.design a {
	color: #fff;
}


.footer1 ul li h3{

	padding-bottom:20px;
}




.u{
	-webkit-box-shadow: 4px 8px 17px 0 rgba(0, 0, 0, 0.6), 4px 6px 20px 0 rgba(0, 0, 0, 0.30);
	box-shadow: 4px 8px 17px 0 rgba(0, 0, 0, 0.6), 4px 6px 20px 0 rgba(0, 0, 0, 0.30);
}

.u2{
	-webkit-box-shadow: 2px 1px 3px 0 rgba(0, 0, 0, 0.4), 2px 1px 3px 0 rgba(0, 0, 0, 0.10);
	box-shadow: 2px 1px 3px 0 rgba(0, 0, 0, 0.4), 2px 1px 3px 0 rgba(0, 0, 0, 0.10);
}

.u3{
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 0 3px 0 rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 0 3px 0 rgba(0, 0, 0, 0.10);
}


/************************************************************
 *************************Footer******************************
 *************************************************************/






.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: transparent;
	border-radius: 4px;
}



.hide{
	display:none!Important;
}
/*
.container .row ul {

list-style-type:none!Important;

}
 */


.steMenuRow {

	text-align:center!Important;
}


.article-content 
{
	background-color: rgba(245, 245, 245, 1);
	padding: 30px;
	border: 1px solid #e6e6e6;
	height: auto;
	border-radius:10px;
	overflow-x: auto!Important;
}


a, a:hover { border:none!Important; }

a .steico, a .steico:hover { border:none!Important; }

a.steHomeBtn, a.steHomeBtn:link, .steHomeBtn { border:none!Important; };


.nolines{ border:none!Important; };



/* +++ //////////////////////////////////////////////////// SHAREPOINT CHANGES CLASSES STARTS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\  +++*/

#contentBox {
	margin-right: 0!Important; 
	margin-left: 0!Important;  
	min-width: 100%!Important; 
}


#contentRow {
	/*padding-top: 19px;*/
	padding-top: 0;
}


#pageStatusBar[class], .ms-status-msg {
	position: static;
	margin-bottom: 15px;
	padding: 7px 10px;
	border-width: 1px;
	border-style: solid;
	color: #444;
	text-align: center; /*added*/
	border: 0;/*added*/
}


.o365cs-base .ms-bgc-tp, .o365cs-base .ms-bgc-tp-h:hover, .o365cs-base.ms-bgc-tp {
	/* background-color: #0078D7;*/
	background-color: #60223b!Important; /* stellenbosch maroon*/
}


#DeltaPlaceHolderMain{

	/*background-color:#ececec;*/
	/* padding: 30px!Important;*/

	padding:0!Important;
}


.bootstrap-select {
	color: #242424!Important; 
	font-size: 100%!Important; 
}

::-webkit-input-placeholder {
	color: #242424!Important; 
	font-size: 100%!Important;
}

:-moz-placeholder { /* Firefox 18- */
	color: #242424!Important;
	font-size: 100%!Important;  
}

::-moz-placeholder {  /* Firefox 19+ */
	color: #242424!Important;
	font-size: 100%!Important;  
}

:-ms-input-placeholder {  
	color: #242424!Important; 
	font-size: 100%!Important;  
}



.ms-core-listMenu-horizontalBox {
	color: #666666;
	display: inline-block;
	vertical-align: middle;
	color: white !important;
	height: 60px!Important;
	line-height: 60px!Important;
	padding-top: 2px!Important; 
}

.ms-mpSearchBox {
	width: 100%!Important;
	height: 60px!Important;
}

#searchInputBox {
	margin-bottom: 0;
	float: right;
	margin-top: 9px;
	width:100%;
}

.ms-srch-sb-border {
	border: 1px solid #ababab;
	border-radius: 5px;
}

.ms-srch-sb-border {
	border: 1px solid #ababab;
	border-radius: 5px;
	width: 100%;
	background-color: white!Important;
}



/*This is the main list row of the main menu*/
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {

	text-decoration: none;
	color: white!Important;
	font-size: 140%!Important;
	text-transform: uppercase!Important;

	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-weight:normal!Important;
	-webkit-transition: color .4s!Important;
	transition: color .4s!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
	line-height:90%!Important;


}  

/*This is the drop down container of the main menu*/
.ms-core-listMenu-horizontalBox ul.dynamic {

	background:white;
	padding-left:10px;
	width:400px!Important;
	display:inline;
	list-style-type:none;
	border-radius:10px;
}

/*Link tag in the first level dropdown menu*/
ul.dynamic .ms-core-listMenu-item
{
	font-size:120%!Important;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-weight:normal!Important;
	-webkit-transition: color .4s!Important;
	transition: color .4s!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;

}



/*This is  hover style of a seletec first level dropdown menu*/
ul.dynamic .ms-core-listMenu-item:hover
{
	background:#ececec!Important;
}
/*This is  padding style of a seletec first level dropdown menu*/
ul.dynamic .ms-core-listMenu-item {

	padding: 10px;
}

/* drop down arrow on main menu*/

.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
	padding-right: 26px;
	background-image:none!Important;
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
}  


.ms-srch-sb > .ms-srch-sb-searchLink {
	margin-left: -1px;
	height: 20px;
	width: 20px;
	/* padding-right: 60px; */
	margin-right: 15px!Important;
	margin-top: 8px!Important;
}


.tableCol-33 {
	display: table-cell;
	min-width: 33.2%;
	padding: 3px;
}


.ms-PartSpacingVertical
{
	margin-bottom: -15px!Important;
}

.ms-PartSpacingHorizontal
{
	margin-right: 3px;
}


/* style to overide height issues */


/* style to overide height issues */



/*search box*/
.ms-helperText, input.ms-helperText
{
	color: #8c979a;
	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	font-weight:normal!Important;
	font-size:120%;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;

}

.ns_caption {
	max-height: auto !important;
}

.ns_caption div {
	font-size: 16pt !important; /*Smaller nerveslider caption text*/
	margin-left: 5% !important;
	display: block !important;
	padding: 5px 10px;
	min-height: 1em;
	max-height: auto !important;
	box-shadow: 0px 0px 30px 0px rgba(255,255,255,0.5) inset;
	border-radius: 7px;
	height: auto !important;
}

#txtPrimoSearch, #btnBookSearch {
	margin-top: -1px;
	height: 53px !important;
	font-size: 1.2em !important;;
	border-width: 1px !important;
	box-shadow: 0px 0px 3px 1px #60223B inset;
	border-color: #60223B !important; /*Added for iPad support*/
}

#search-box {
	padding: 0px 30px 0px 30px;
}

/*
#steSearchWrapp {
padding-bottom: 85px !Important;
}
 */

/*Set only on mobile*/
@media all and (max-width: 768px) {
	#steSearchWrapp {
		display: block !important;
		padding-bottom: 185px !important;
	}

	.ns_nerveSlider .ns_caption > div {
		bottom: 100px !important;
	}

	#steMainNavWrapp {
		display:none;
	}
}


.o365button o365cs-contextMenuItem ms-fcl-b {

	color:red!Important;
}


.ms-webpartzone-cell {
	margin: auto auto 40px!Important;
}

.cbs-Item, .cbs-diagnostic-Container {
	padding-bottom: 0px;
}

.width33{

	width:33.3%!Important;
}


#DeltaPlaceHolderPageTitleInTitleArea{
	font-size:190%!Important;
}

#s4-titlerow {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 16px;
	padding-bottom: 19px;
	background-color: #8c979a;
	height: 80px;
}

.box{
	overflow:hidden!Important;
}


#s4-bodyContainer {

	overflow:hidden!Important;
}


#s4-bodyContainer {
	padding-bottom: 1!Important;
}



.o365cs-base .ms-fcl-b,.o365cs-base .ms-fcl-b-h:hover{
	color:#000000!Important;
}

.o365cs-base .ms-bgc-nl,.o365cs-base .ms-bgc-nl-h:hover{
	background-color:#EAEAEA!Important;
}



/* hide separator before root node */
.my-breadcrumbRootNode > .s4-breadcrumb-arrowcont {
	display: none;
}

.my-breadcrumbRootNode  {
	padding: 0 10px 0 5px;
	color:#242424
}

.my-breadcrumbRootNode a {
	padding: 0 10px 0 5px;
	color:#242424
}


.my-breadcrumbRootNode a:visited {
	padding: 0 10px 0 5px;
	color:#242424
}


.my-breadcrumb  {
	padding-left:0;
}



ul.my-breadcrumb ul,
ul.my-breadcrumb li {
	display: inline!Important;
}

/* spacing around separator arrow */
.s4-breadcrumb-arrowcont {
margin: 0 !Important;}

/* fix separator img alignment */
.s4-breadcrumb-arrowcont > span.s4-breadcrumb {
	display: inline !important; 
	overflow: auto !important;
	position: static !important;
}

/* fix separator img alignment */
.s4-breadcrumb-arrowcont > span.s4-breadcrumb img {
	position: static !important;
} 



.o365cs-nav-header16 .o365cs-nav-brandingText {
	line-height: 46px;
	display: inline-block;
	font-family: "SegoeUI-SemiLight-final","Segoe UI SemiLight","Segoe UI WPC Semilight","Segoe UI",Segoe,Tahoma,Helvetica,Arial,sans-serif;
	font-size: 22px;
	-webkit-font-smoothing: antialiased;
	color: white;
}


#suiteBarTop{

	height:auto!Important;
}


.ms-rteTable-default {
	background-color:white;
	text-align:center;
	padding:20px!Important;
}

#onetIDListForm {

	margin:auto!Important;
}


/* +++ //////////////////////////////////////////////////// SHAREPOINT CHANGES CLASSES ENDS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\  +++*/




/* +++ //////////////////////////////////////////////////// BROWSER FIXES STARTS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\  +++*/

body {
	overflow-y:auto!Important;

}



#s4-workspace {
	height:auto!Important;
	overflow-y:hidden!Important;

}




/* +++ //////////////////////////////////////////////////// BROWSER FIXES ENDS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\  +++*/


.steBodyFont {

	font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */
	color: #585e60!Important;
	font-size:100%!Important;
	text-decoration:none!Important;
	font-weight:normal!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;

}


#adLeft{
	background:url('/Style Library/Images/steadA.png');
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	height:auto!Important;

}



#adRight{
	background:url('/Style Library/Images/steadB.png');
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	height:auto!Important;

}


.smalla{
	background:url('/Style Library/Images/a.jpg');
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	height:90px!Important;
}


.smallb{
	background:url('/Style%20Library/Images/b.jpg');
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	height:90px!Important;
}



.smallc{
	background:url('/Style Library/Images/c.jpg');
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	height:120px!Important;
}


.smalld{
	background:url('/Style Library/Images/d.jpg');
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	height:90px!Important;
}


.smalle{
	background:url('/Style Library/Images/e.jpg');
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	height:90px!Important;
}


.smallf{
	background:url('/Style Library/Images/f.jpg');
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	height:120px!Important;
}

#newsList{
	list-style-type:none!Important;
	display:inline!Important;
}

.newsHead{
	padding-bottom:10px!Important;
	padding-left:0!Important;
	text-align:left;
}


#newsCard{
	height:361px!Important;
	/*  padding-left: 25px!Important;*/
}

#userGuides{
	height:361px!Important;
	/*  padding-left: 25px!Important;*/
}



.list-group {
	padding-left: 0;
	margin-bottom:0!important;
}


.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
/*	border: 1px solid #f5f5f5; */
	border-right: 0 !Important;
	border-left: 0 !Important;
	border-radius: 0px!Important;
	text-align:center!Important;
	color:#242424!Important; /* stellenbosch grey*/
}


.list-group-item:first-child {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #f5f5f5;
	border-right: 0 !Important;
	border-left: 0 !Important;
	border-top: 0 !Important;
	border-radius: 0px!Important;
	text-align:center!Important;
	color:#242424!Important; /* stellenbosch grey*/
}

.list-group-item:last-child {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
/*	border: 1px solid #f5f5f5; */
	border-right: 0 !Important;
	border-left: 0 !Important;
	border-bottom: 0 !Important;
	border-radius: 0px!Important;
	text-align:center!Important;
	color:#242424!Important; /* stellenbosch grey*/
}


#steBody h1 {
	font-family: 'NotoSans', Helvetica, sans-serif!Important;
	font-size: 220%!Important;
	margin: 0!Important;
	font-weight: normal!Important;
	line-height: 1.2!Important;
	color: #8c979a!Important;
	padding: 0!Important;
	-webkit-font-smoothing: antialiased!Important;
	-moz-osx-font-smoothing: grayscale!Important;
}


.blockwith{

	width:33.3%!important;
}


.hline {
	font-family: "NotoSans", Helvetica, sans-serif !important;
	font-size: 150% !important;
	margin: 0 !important;
	font-weight: normal !important;
	line-height: 1.2 !important;
	color: #white !important;
	padding: 0 !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	border-bottom: 4px solid #912765 !important;
	padding: 30px 30px 0;
}


.hline2 {
	font-family: "NotoSans", Helvetica, sans-serif !important;
	font-size: 150% !important;
	margin: 0 !important;
	font-weight: normal !important;
	line-height: 1.2 !important;
	color: #912765 !important;
	padding: 0 !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;

	padding: 30px 30px 0;
}






.footer1 {
	background-color: #fff;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;/*	border-top-width: 4px;
	border-top-style: solid;*/
border-top: 1px solid  #dcdcdc;
border-bottom: 1px solid  #dcdcdc;
}
.onebelow{
	border-bottom: 1px solid  #dcdcdc!Important;
}

.title-widget {
	color: #898989;
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	position: relative;
	text-transform:none;
	font-family: 'NotoSans', Helvetica, sans-serif!Important;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	padding-left: 15px;
}

.title-widget::before {
	background-color: #8c979a;
	content: "";
	height: 22px;
	left: 0px;
	position: absolute;
	top: 0;
	width: 5px;
}



/* ++++++ ////////////////////////////// Media Queries START  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ ++++++ */


/* This is for IE 10 to behave responsively */
@media screen and (max-width:400px) {
	@-ms-viewport{
		width:320px;
	}



	/* ++++++++++ ////////////////////  MEDIA QUERIES START \\\\\\\\\\\\\\\\\\\\\ +++++++++++++  */


	@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
		/* Styles */
		.btnFeedback {
			top: 90% !important;
		}

		.tabs label {
			display: block;
			padding: 14px 4px!Important;
			/* padding: 14px 127px;*/
			border-radius: 5px 5px 0 0;
			font-size: 20px;

			cursor: pointer;
			position: relative;
			/*top: 4px;*/
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			margin-right: 5px;
			font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

			font-weight:normal!Important;
			-ms-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-font-smoothing: antialiased!Important;
			-moz-osx-font-smoothing: grayscale!Important;

			text-align: center;

		}


	}



	/* Smartphones (landscape) ----------- */
	@media only screen and (min-width : 321px) {
		/* Styles */

		.btnFeedback {
			top: 90% !important;
		}

		.tabs label {
			display: block;
			padding: 14px 4px!Important;
			/* padding: 14px 127px;*/
			border-radius: 5px 5px 0 0;
			font-size: 20px;

			cursor: pointer;
			position: relative;
			/*top: 4px;*/
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			margin-right: 5px;
			font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

			font-weight:normal!Important;
			-ms-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-font-smoothing: antialiased!Important;
			-moz-osx-font-smoothing: grayscale!Important;

			text-align: center;

		}
	}

	/* Smartphones (portrait) ----------- */
	@media only screen and (max-width : 320px) {
		/* Styles */

		.btnFeedback {
			top: 90% !important;
		}

		.tabs label {
			display: block;
			padding: 14px 4px!Important;
			/* padding: 14px 127px;*/
			border-radius: 5px 5px 0 0;
			font-size: 20px;

			cursor: pointer;
			position: relative;
			/*top: 4px;*/
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			margin-right: 5px;
			font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

			font-weight:normal!Important;
			-ms-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-font-smoothing: antialiased!Important;
			-moz-osx-font-smoothing: grayscale!Important;

			text-align: center;

		}


	}



	/* iPhone 6+ ----------- */
	@media only screen and (min-device-width: 414px) and (max-device-height: 767px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
		/* Styles */

		.btnFeedback {
			top: 90% !important;
		}
		.tabs label {
			display: block;
			padding: 14px 4px!Important;
			/* padding: 14px 127px;*/
			border-radius: 5px 5px 0 0;
			font-size: 20px;
			background: #ececec;
			cursor: pointer;
			position: relative;
			/*top: 4px;*/
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			margin-right: 5px;
			font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

			font-weight:normal!Important;
			-ms-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-font-smoothing: antialiased!Important;
			-moz-osx-font-smoothing: grayscale!Important;

			text-align: center;

		}


	}

	@media only screen and (min-device-width: 414px) and (max-device-height: 767px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
		/* Styles */

		.btnFeedback {
			top: 90% !important;
		}

		.tabs label {
			display: block;
			padding: 14px 4px!Important;
			/* padding: 14px 127px;*/
			border-radius: 5px 5px 0 0;
			font-size: 20px;
			background: #ececec;
			cursor: pointer;
			position: relative;
			/*top: 4px;*/
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			margin-right: 5px;
			font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

			font-weight:normal!Important;
			-ms-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-font-smoothing: antialiased!Important;
			-moz-osx-font-smoothing: grayscale!Important;

			text-align: center;

		}

	}




	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
		/* Styles */
		.btnFeedback {
			top: 90% !important;
		}
		.tabs label {
			display: block;
			padding: 14px 10px!Important;
			/* padding: 14px 127px;*/
			border-radius: 5px 5px 0 0;
			font-size: 20px;
			background: #ececec;
			cursor: pointer;
			position: relative;
			/*top: 4px;*/
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			margin-right: 5px;
			font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

			font-weight:normal!Important;
			-ms-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-font-smoothing: antialiased!Important;
			-moz-osx-font-smoothing: grayscale!Important;

			text-align: center;

		}
	}




	/* iPads (landscape) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 992px) and (orientation : landscape) {
		/* Styles */
		.btnFeedback {
			top: 90% !important;
		}

		.tabs label {
			display: block;
			padding: 14px 10px!Important;
			/* padding: 14px 127px;*/
			border-radius: 5px 5px 0 0;
			font-size: 20px;
			background: #ececec;
			cursor: pointer;
			position: relative;
			/*top: 4px;*/
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			margin-right: 5px;
			font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

			font-weight:normal!Important;
			-ms-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-font-smoothing: antialiased!Important;
			-moz-osx-font-smoothing: grayscale!Important;

			text-align: center;

		}
	}






	/* iPads (portrait) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 992px) and (orientation : portrait) {
		/* Styles */
		.btnFeedback {
			top: 90% !important;
		}

		.tabs label {
			display: block;
			padding: 14px 10px!Important;
			/* padding: 14px 127px;*/
			border-radius: 5px 5px 0 0;
			font-size: 20px;
			background: #ececec;
			cursor: pointer;
			position: relative;
			/*top: 4px;*/
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			margin-right: 5px;
			font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

			font-weight:normal!Important;
			-ms-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-font-smoothing: antialiased!Important;
			-moz-osx-font-smoothing: grayscale!Important;

			text-align: center;

		}
	}









	/**********  iPad 3 **********/
	@media only screen and (min-device-width : 992px) and (max-device-width : 1224px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
		/* Styles */
		.btnFeedback {
			top: 90% !important;
		}
		.tabs label {
			display: block;
			padding: 14px 21px!Important;
			/* padding: 14px 127px;*/
			border-radius: 5px 5px 0 0;
			font-size: 20px;
			background: #ececec;
			cursor: pointer;
			position: relative;
			/*top: 4px;*/
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			margin-right: 5px;
			font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

			font-weight:normal!Important;
			-ms-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-font-smoothing: antialiased!Important;
			-moz-osx-font-smoothing: grayscale!Important;

			text-align: center;

		}
	}

	@media only screen and (min-device-width : 992px) and (max-device-width : 1224px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
		/* Styles */
		.btnFeedback {
			top: 90% !important;
		}

		.tabs label {
			display: block;
			padding: 14px 21px!Important;
			/* padding: 14px 127px;*/
			border-radius: 5px 5px 0 0;
			font-size: 20px;
			background: #ececec;
			cursor: pointer;
			position: relative;
			/*top: 4px;*/
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			margin-right: 5px;
			font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

			font-weight:normal!Important;
			-ms-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-font-smoothing: antialiased!Important;
			-moz-osx-font-smoothing: grayscale!Important;

			text-align: center;

		}
	}




	/* Desktops and laptops ----------- */
	@media only screen  and (min-width : 1224px) {
		/* Styles */

		.tabs label {
			display: block;
			padding: 14px 21px!Important;
			/* padding: 14px 127px;*/
			border-radius: 5px 5px 0 0;
			font-size: 20px;
			background: #ececec;
			cursor: pointer;
			position: relative;
			/*top: 4px;*/
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			margin-right: 5px;
			font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

			font-weight:normal!Important;
			-ms-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-font-smoothing: antialiased!Important;
			-moz-osx-font-smoothing: grayscale!Important;

			text-align: center;

		}
	}





	/**********  iPad 3 **********/
	@media only screen and (min-device-width : 1440px) and (max-device-width : 1441px) {
		/* Styles */
		.btnFeedback {
			top: 90% !important;
		}

		.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
			text-decoration: none;
			color: white !important;
			font-size: 120% !important;
			text-transform: uppercase !important;
			font-family: "NotoSans", Helvetica, sans-serif !important;
			font-weight: normal !important;
			-webkit-transition: color .4s !important;
			transition: color .4s !important;
			-webkit-font-smoothing: antialiased !important;
			-moz-osx-font-smoothing: grayscale !important;
		}



	}



	/* Large screens ----------- */

	@media only screen  and (min-width :1600px) {

		.tabs label {
			display: block;
			padding: 14px 21px!Important;
			/* padding: 14px 127px;*/
			border-radius: 5px 5px 0 0;
			font-size: 20px;
			background: #ececec;
			cursor: pointer;
			position: relative;
			/*top: 4px;*/
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			margin-right: 5px;
			font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

			font-weight:normal!Important;
			-ms-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-text-size-adjust: 100%!Important;  /* 2 */
			-webkit-font-smoothing: antialiased!Important;
			-moz-osx-font-smoothing: grayscale!Important;

			text-align: center;

		}
	}


	/* ++++++++++ ////////////////////  MEDIA QUERIES ENDS \\\\\\\\\\\\\\\\\\\\\ +++++++++++++  */


	.advanced-search{
		font-size:100%!Important;
	}
	.advanced-search2{
		font-size:85%!Important;
	}


	.hauto{
		height:auto!Important;
	}

	#hauto{
		height:auto!Important;
		padding-left:0;
	}



	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
		padding: 12px;
		line-height: 1.4285;
		vertical-align: top;
		border-top: 1px solid #F4F4F4;
		background-color: #fff;
		width: 100%;
		margin-left: 0px;
	}


	.panel-default > .panel-heading {
		color: #8c979a;
		padding: 15px;
		text-decoration: none !important;
		font-weight: 600;
	}


	.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
		color: inherit;
		font-weight: 400;
		font-size: 100%;
	}

	a,a:link,a:focus, a:hover, a:visited {
		color: #8c979a!Important;
		text-decoration: none!Important;	
	}

	.panel-default > .panel-heading {
		color: #8c979a!Important;
		background-color:white!Important;
		border-color: 0!Important;
		border: 0 solid #fff!Important;
	}


	.panel {
		margin-bottom: 20px;
		background-color: #fff;
		border: 0 solid transparent;
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
		box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
	}


	.panel-group {
		margin-bottom: 20px;
		background-color: #F4F4F4;
	}





	.menuAdjust {
		background-color: #F7F7F7 !important;
		margin: px 0 0 0;
		border: 1px solid #fff !important;
		padding: 5px !important;
	}


	.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
		border-top: 0  solid #ddd!Important;
	}



	.tabs label-xs {
		display: block;
		padding: 14px 20px!Important;
		/* padding: 14px 127px;*/
		border-radius: 5px 5px 0 0;
		font-size: 20px;

		cursor: pointer;
		position: relative;
		/*top: 4px;*/
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		margin-right: 5px;
		font-family: 'NotoSans', Helvetica, sans-serif!Important; /* 1 */

		font-weight:normal!Important;
		-ms-text-size-adjust: 100%!Important;  /* 2 */
		-webkit-text-size-adjust: 100%!Important;  /* 2 */
		-webkit-font-smoothing: antialiased!Important;
		-moz-osx-font-smoothing: grayscale!Important;

		text-align: center;

	}


	.ms-ButtonHeightWidth {
		background: #8c979a!Important;
		color: #ffffff!Important;
		color: #ffffff!Important;
		border: none!Important;
		box-shadow: none!Important;
		font-family: 'NotoSans', Helvetica, sans-serif!Important;
		font-size: 100%!Important;
		font-weight: normal!Important;
		-webkit-font-smoothing: antialiased!Important;
		-moz-osx-font-smoothing: grayscale!Important;


	}


	.ns_nerveSlider .ns_caption {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 136px;
		display: block;
		font-family: "Arial", "Helvetica Neue";
		/* background: transparent url("/Style Library/Images/caption-gradient.png") 0 bottom repeat-x; */
		background: none !important;
		background-image:none !important;
		color: #fff;
		font-size: 40px;
		position: absolute;
		padding: 0;
		z-index: 0;
		/* text-shadow: 1px 1px 1px rgba(0,0,0,0.5); */
		text-shadow: 1px 1px 3px 3px rgba(0,0,0,1);
		filter: dropshadow(color=#000000, offx=1, offy=1);
		margin: auto;
		bottom: 0px;
		text-align: center;
	}

	/*
	.ns_nerveSlider .ns_caption > div {
	display: block;
	position: absolute;
	bottom: 50px;
	margin: 50px 35px 25px 35px;
	white-space: normal;
	overflow: hidden;
	text-align: center;
	left: 15%;
	}
	 */
.ns_nerveSlider .ns_caption > div {
	display: block;
	position: absolute;
	white-space: normal;
	max-width: 75%;
	max-height: auto !important;
	overflow: hidden;
	text-align: center;
	background: rgba(140, 151, 154, 0.6);
	line-height: 25pt !Important; /*Set line height to properly fit smaller caption text*/
}

/*Fixes before deployment on 02 Nov 2016 */


#contentBox {
	margin-right: 0!Important;
	margin-left: 0!Important;
	min-width: 703px!Important;
	margin:auto!Important;
}


.stewrapword{
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
	word-break: break-all;
	white-space: normal;

}



#sideNavBox {
	float: left!Important;
	margin-left: 20px!Important;
	margin-right: 20px!Important;
	width: 100%!Important;
	padding: 20px !Important;
	margin-top:20px!Important;
}

.megaz{

	z-index:5000!Important;
}


.ms-core-sideNavBox-removeLeftMargin {

	width:100%!Important;
}


#sideNavBox {
	float: left!Important;
	margin-left: 20px!Important;
	margin-right: 20px!Important;
	width: 100%!Important;
}


/*
.ns_nerveSlider .ns_caption > div {
display: block;
position: absolute;
bottom: 160px!Important;
margin: 50px 35px 25px 35px;
white-space: normal;
overflow: hidden;
text-align: center;
left: 8%;
}
 */

.boxModel{

	-webkit-box-sizing: border-box!Important;
	-moz-box-sizing: border-box!Important;
	box-sizing: border-box!Important;

}

#s4-bodyContainer {
	padding-bottom:5px!Important;
}

.newsCopy{
	height:90px!Important;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



.autoH {

	height:auto!Important;
}


.searchipadfix{

	padding-bottom: 270px!Important;
	height: auto!Important;
	margin-top: -5px!Important;
	z-index: 2900!Important;
}





/* ============================= MEDIA QUERIES START ++++++++++++++++++++++++++++++++++++++ */


@media screen and (max-width: 400px){


	.ns_nerveSlider .ns_caption > div {
		display: block;
		position: absolute;
		bottom: 90px!Important;
		margin: 50px 35px 25px 35px;
		white-space: normal;
		overflow: hidden;
		text-align: center;
		left: 8%;
		font-size: 90%;
		line-height:100%;
	}


	a.btn,a.btn:link,a.btn:focus,a.btn:hover, a.btn:visited {
		color: #fff!Important;
		text-decoration: none!Important;	
	}


	#newsCard{
		height:auto!Important;

		/*  padding-left: 25px!Important;*/
	}

	.newsCopy {
		height:auto!Important;
	}


}



@media screen and (max-width: 414px){


	.ns_nerveSlider .ns_caption > div {
		display: block;
		position: absolute;
		bottom: 90px!Important;
		margin: 50px 35px 25px 35px;
		white-space: normal;
		overflow: hidden;
		text-align: center;
		left: 8%;
		font-size: 90%;
		line-height:100%;
	}


	a.btn,a.btn:link,a.btn:focus,a.btn:hover, a.btn:visited {
		color: #fff!Important;
		text-decoration: none!Important;	
	}


	#newsCard{
		height:auto!Important;

		/*  padding-left: 25px!Important;*/
	}

	.newsCopy {
		height:auto!Important;
	}

}
}
/*Collapsible headings*/

h2.collapsible {
	border-radius: 5px;
	font-size: 1.5em !Important;
	border: 2px solid white;
	display: block;
	background-color: rgba( 239,239,239,0.78 );
	box-shadow: 0px 0px 1px 1px #fff;
	padding: 5px !important;
	position: relative;
	margin-top: 25px !important;
	margin-bottom: 5px;
	z-index: 5;
}

h2.collapsible:after {
	content: '- ';
	color: #aaa;
	font-size: 12pt;
	line-height: 21pt;
	float: right;
}

h2.collapsible:hover:after {
	content: 'COLLAPSE ';
	color: #aaa;
	font-size: 8pt;
	line-height: 21pt;
	float: right;
}

h2.collapsible:hover {
	cursor: pointer;
	box-shadow: 0px 0px 2px 1px #aaa;
	z-index: 99;
}

h2.collapsed:after {
	content: '+ ';
	color: #aaa;
	font-size: 12pt;
	line-height: 21pt;
	float: right;
}

h2.collapsed:hover:after {
	content: 'EXPAND ';
	color: #aaa;
	font-size: 8pt;
	line-height: 21pt;
	float: right;
}

.hidden {
	display: none;
	height: 100%;
	transition: all 1s;
	background: blue;
}

p {
	line-height: 2;
}

.ns_nerveSlider .ns_caption > div {
	background: rgba(40, 40, 40, 0.7) !important;
	max-width: 75%;
	box-shadow: none !important;
}

/*Floating feedback button*/
.btnFeedback {
	position: fixed;
	top: 63%;
	right: 0;
	padding: 7px;
	border-radius: 5px;
	margin: 10px;
	z-index: 100;
	background: #4c6185;
}

.btnFeedback:hover {
	box-shadow: 0px 0px 5px 1px white;
}

.btnFeedback a {
	color: #fff !important;
/*	font-weight: bold; */
}
/*End of floating feedback button*/