@import url(//fonts.googleapis.com/css?family=Oswald);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300);
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	overflow-x: hidden;	
}
.img-responsive {
	/* Fix for IE */
	width: 100%;
	height: auto;
}
.container-wide {
	margin: auto;
	max-width: 2000px;	
}
a {
	color: #06C;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
a.faculty { 
color:#e31837;
text-decoration: none;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
a.faculty:hover, a.faculty:focus { 
text-decoration: underline;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
} 
#tertiary-nav a, #main-content .nav-tabs a {
	text-decoration: none;
}
#bypass a, #bypass a:hover, #bypass a:visited { position: absolute; left: 0px; top: -999em; width: 1px; height: 1px; overflow: hidden; }
#bypass a:active, #bypass a:focus { position: static; width: auto; height: auto; background-color: #000; color: #FFF; }
h1, h2, h3, h4, h5, h6, blockquote, #home-feature, #tertiary-nav {
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;	
}
h1 {
	font-size: 32px;
	color: #E31837;
}
.no-feature-image h1 {
	margin-top: 0;
}
h1 span {
	padding: 0.1% 10% 1% 10%;  /* was 0.1em 1em 0.4em; */
	background-size: contain;
}
#primary-nav {
	text-align: center;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;	
	font-size: 20px;
	margin: 8px 0 0 20px
}
#primary-nav ul {
	float: right;	
}
#primary-nav a {
	color: #333;
}
#primary-nav li {
	margin: 5px 0;
}
#primary-nav li.current {
	background-color: #EEE;
}
#search-primary a {
	color: #E31837;	
	font-size: 25px;
}
#search-primary .glyphicon {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
#secondary-nav a {
	color: #DDD;
	font-size: 15px;
}
#secondary-nav a:hover {
	background-color: #555;	
}
article a {
	text-decoration: underline;	
}
article h1 span {
	background: #888 url(../images/triangle.png) center bottom no-repeat;
}
h2 {
	font-size: 26px;
	color: #000;
}
h3, h4, h5 {
	font-weight: normal;
	color: #333;	
	font-size: 24px;
}
h3 {
	color: #E31837;
	font-size: 22px;
}
h4 {
	color: #333;
	font-size: 20px;	
}

hr {
	border: 0;
	border-bottom: 1px dashed #E31837;	
}
.img-responsive-alt {
	max-width: 100%;
	height: auto;
}
.breadcrumb {
	background: none;
	padding: 0 0 8px 0;
	font-size: 12px;
}
section {
	/*padding-bottom: 30px;*/
}
section.alt {
	background-color: #EEE;
}
section.nick .container {
	background: #FFF url(/brand/images/nick-grey.png) 10px top no-repeat;
	padding-top: 30px;
}
section.alt.nick .container {
	background: #EEE url(/brand/images/nick-white.png) 10px top no-repeat;
	padding-top: 30px;
}
.top-margin {
	margin-top: 30px;
}
.bottom-margin {
	margin-bottom: 30px;
}
.padded {
	padding: 30px 0;
}
.full-width {
	width: 100%;
}
#home-feature {
	position: relative;
}
#home-feature figcaption {
	position: absolute;
	right: 0;
	bottom: 10px;
	padding: 10px;
	color: #FFF;
	background-color: rgba(0,0,0,0.8);
	font-size: 30px;
}
.no-feature-image #find-your-course-a {
	margin-bottom: 15px;
}
#find-your-course-a {
	color: #FFF;
	background-color: #E31837;	
}
#find-your-course-a h2, #find-your-course-b h2  {
	color: #FFF;
}
#find-your-course-a select, #find-your-course-a .input-group {
	margin-bottom: 15px;
}
#find-your-course-b #course-search-form {
	background-color: #E31837;
	color: #FFF;
	padding: 5px 15px 15px 15px;
	max-width: 600px;
}
#find-your-course-b p {
	margin-top: 1em;	
}
#course-filter, #course-atoz {
	padding: 15px;
	border: 1px solid #CCC;
	margin: 15px 0;	
}
#course-atoz {
	background-color: #EEE;
}
#course-atoz img {
	max-width: 150px;
	height: auto;
}
#course-atoz article {
	margin-bottom: 15px;
}
#course-atoz a:hover .btn {
	background-color: #900;
	transition: all 0.3s;
}
#course-atoz a:hover h3 {
	color: #E31837;
	transition: all 0.3s;
}
#course-entry h2 a {
	color: #000;
}
.facts-list .glyphicon, footer .glyphicon, #key-facts .btn .glyphicon {
	color: #E31837;	
}
.whats-new h2, .whats-new h3 {
	color: #333!important;
	font-size: 20px;
}
.whats-new .glyphicon {
	color: #E31837;
	text-decoration: none;
}
dd {
	margin-left: 1em;
}

.bg-rectangle {
	border: 1px solid #E31837;
	padding-left: 0;
	padding-right: 0;
}
.navbar {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	min-height: 35px;	
}
.navbar-inverse {
	background-color: #333; 
}
.navbar-nav {
	margin-left: 120px;	
}
#staffs-logo {
	position: absolute;
	z-index: 99;
}
.feature {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 30px;	
}
.feature .nothing {
	min-height: 100px;
}
.feature h1 {
	color: #FFF;
}
.course-entry .feature {
	padding-top: 300px;
}
.course-entry .intro {
	margin-top: 15px;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-size: 24px;
}
.course-entry .feature .container-fluid {
	background-color: rgba(0,0,0,0.8);
}
.course-entry #summary .glyphicon {
	color: #99C296;
	font-size: 36px;
	margin-right: 15px;
}
.course-entry h2 {
	color: #E31837;
}
.pull-right.accreditation-logo {
	margin: 0 0 15px 15px;
}
.pull-left.accreditation-logo {
	margin: 0 15px 15px 0;
}
#how-to-apply .btn-red {
	width: 100%;
}
#before-heading {
	background-color: #333;
	color: #FFF;
	padding: 15px;	
}
#before-heading h3 {
	color: #FFF;
}
.column-border {
	border: 1px solid #CCC;
}
.column-border h3 {
	margin-top: 0;
	padding: 10px;
}
.column-border h4, .column-border p {
	margin-right: 15px;	
	margin-left: 15px;
}
#about-staffs h2 {
	color: #E31837;
	font-size: 20px;
}
#arrow-effect img {
	width: 100%;
	height: 30px; 
}
/* Sidebar (anchors) */
#sidebar {
	background-color: #FFF;	
}
#sidebar h2 {
	color: #666;
	margin-top: 0;
	font-size: 18px;	
}
#tertiary-nav li {
	font-size: 16px;
	margin-bottom: 5px;
	border-bottom: 1px solid #EEE;
}
#tertiary-nav li > ul {
	margin-top: 5px;
	list-style-type: square;
}
#tertiary-nav li > ul > li {
	border-bottom: 0;
}
#tertiary-nav .glyphicon {
	color: #E31837;
}
.file-format {
	font-size: 0.8em;
}
footer {
	padding: 10px;
	color: #FFF;
	background-color: #666666;
	font-size: 14px;
}
footer h2, footer a, footer a:hover {
	color: #FFF;	
}
footer h2 {
	font-size: 18px;
}
#connect-with-us img {
	margin-bottom: 10px;
}
/* Site search popup */
#site-search-popup {
	color: #FFF;
	text-align: center;
	background-color: rgba(227,24,55,0.95);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1000;
}
#site-search-popup .container {
	padding-top: 20%;
	font-size: 24px;
}
#site-search-popup .btn {
	background: none;
	color: #FFF;	
}
#site-search-popup form {
	background-color: rgba(227,24,55,1.0);
	padding: 15px 30px;
}
#site-search-popup #search-field {
	background: none;
	border: 0;
	width: 100%;
	border-bottom: 2px solid #FFF;	
}
#site-search-popup #search-field:focus {
	outline: none;
}
#site-search-popup h2 {
	color: #FFF;
	text-align: left;	
}
#close-search {
	font-size: 30px;
	margin: 30px;
}
#close-search:hover {
	cursor: pointer;	
}
/* Specific rows */
#course-search-form .btn {
	background-color: #333;
	border-color: #333;
	color: #FFF;
}
#course-search-form #course-keywords {
	border-radius: 5px 0 0 5px;	
}
#course-search-form .btn {
	border-radius: 0 5px 5px 0;
}
#something-else .glyphicon {
	color: #E31837;
}
#something-else h2 {
	text-align: center;
	color: #333;
}
#something-else .row {
	max-width: 800px;	
}
#something-else a {
	color: #333;
	text-decoration: none;
}
#something-else a:hover {
	text-decoration: underline;
}
#something-else h3 {
	color: #E31837;
	text-align: center;	
}
.whats-new a, #course-atoz article a {
	text-decoration: none;
	color: inherit;	
	display: inline-block;
}
#whats-new {
	padding-bottom: 30px;
}
#whats-new .nav-tabs a, #student-life .nav-tabs a {
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	color: #333;
	text-decoration: none;
}
#whats-new .nav-tabs .active a, #student-life .nav-tabs .active a, #whats-new h2 {
	color: #E31837;
}
#whats-new .items, #student-life .items {
	padding: 15px 10px;
	background-color: #FFF;	
}
.flex {
	display: flex;
}
.whats-new {
	flex: 1 1 100px;
	/* Start at 100px before distributing the extra space */	
	margin: 0 5px;
}
@media all and (max-width: 480px) {
	#whats-new .flex {
		flex-direction: column;	
	}
}
.col-sm-4 .whats-new-default img {
	/* top left, top right, bottom right, bottom left 1, bottom left 2 */
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%, 0 92%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%, 0 92%);
}
.col-sm-3 .whats-new-inverse, .col-sm-3 .whats-new-default img {
	/* top left, top right, bottom right, bottom left 1, bottom left 2 */
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%, 0 95%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%, 0 95%);
}
.whats-new a:hover .glyphicon {
	color: #666;
	margin-left: 2px;
}
.whats-new h3 {
	font-size: 20px;
}
.whats-new-inverse .whats-new-body {
	padding: 0 10px;
}
.whats-new .date:after {
	content: ' | ';
}
.whats-new p {
	font-size: 14px;	
}
#course-atoz-header {
	background-image: url(//www.staffs.ac.uk/2015-design/images/course-main-feature.jpg);
	background-size: cover;
	text-align: center;
	padding: 50px 0 30px 0;
	margin-bottom: 15px;
}
#course-atoz-header h2 {
	color: #FFF;
	font-size: 36px;
	margin-bottom: 15px;
}
#course-atoz-header select , #course-atoz-header .input-group {
	margin-bottom: 30px
}
#course-atoz-header form {
	max-width: 800px;
	display: block;
   	margin-right: auto;
    	margin-left: auto;
}
#key-facts {
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	color: #FFF;
	background-color: #E31837;	
}
#key-facts h2 {
	color: #FFF;
}
#key-facts .btn {
	width: 100%;
	text-align: left;
	margin: 5px 0;
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
#grand-entrance {
	color: #FFF;	
	padding: 30px 0;
	text-align: center;
	font-family: "Oswald", Helvetica, Arial, sans-serif;
	font-size: 22px;
	background: #121315 url(//www.staffs.ac.uk/2015-design/images/course-main-feature.jpg) no-repeat center;
	background-size: cover;
}
.vertical-middle-container {
	display: table;
}
.vertical-middle {
	display: table-cell;
	vertical-align: middle;
}
.course-entry .nav-tabs {
	border-bottom: 0;
}
.course-entry .nav-tabs a {
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
}
.course-entry .nav-tabs > li > a:hover {
	background-color: #FFF;
	border-color: #FFF;
	color: #333;	
}
.course-entry a.btn {
	text-decoration: none;
}
.images-right img, .images-right .pullquote, .images-right iframe, .component2 img, .component2 .pullquote, .component2 iframe {
	float: right;
	clear: right;
	margin-left: 15px;
}
.images-left img, .images-left .pullquote, .images-left iframe, .images-default img, .images-default .pullquote, .images-default iframe, .list-articles-half img, .list-articles-full img, .component1 img, .component1 .pullquote, .component1 iframe, .tray img {
	float: left;
	clear: left;
	margin-right: 15px;
}
.list-articles-half a, .list-articles-full a {
	text-decoration: none;
}
.list-articles-half a:hover .glyphicon, .list-articles-full a:hover .glyphicon {
	color: #E31837;
	padding-left: 5px;
}
.list-articles-half a p, .list-articles-full a p {
	color: #333;
}
figure.pull-right {
	margin-left: 15px;
}
figure.pull-left {
	margin-right: 15px;
}
.caption-inside {
	position: relative;
}
.caption-inside figcaption {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5px;
	color: #FFF;
	background-color: rgba(0,0,0,0.8);
}
.boxout {
	box-shadow: 0px 1px 7px #C0C0C0;
}
.boxout img {
	position: relative;
}
.boxout a {
	color: #FFF;
	text-decoration: none;
}
.boxout p {
	background-color: #E31837;
	padding: 5px 10px;
	position: absolute;
	bottom: 0;
}	
/* Pagination */
.pagination > li > a {
	color: #333;
}
.pagination > .active > a {
	background-color: #E31837;
	border-color: #E31837;
	color: #FFF;
}
/* Search results (Funnelback) */
.fb-date {
	color: #666;
}
#fb-results li p {
	margin-bottom: 0;	
}
#fb-results cite {
	color: #999;	
}
.metadata-fields {
	color: #333;
	font-size: 14px;
	margin-bottom: 10px;
}
.metadata-fields .glyphicon {
	color: #E31837;
}
label[for="facetScope"] {
	color: #FFF;
}
#search-results article {
	margin-bottom: 15px;
}
#search-results article a .search-summary {
	font-size: 14px;
	color: #333;
}
#search-results article a {
	text-decoration: none;
}
#search-results article a:hover h2, #search-results article a:hover h4 {
	color: #E31837;
}
#search-results .url {
	font-size: 12px;
	color: #888;
}
#site-search-header {
	margin-bottom: 15px;
}
#site-search-header form {
	max-width: 600px;
}
#search-results.whole-site h2 {
	font-size: 18px;
	margin-bottom: 5px;
	color: #06C;
	text-decoration: underline;
}
#search-results.whole-site article {
	margin-bottom: 0;
}
#search-results.whole-site p { 
	margin-bottom: 5px;
	line-height: 1.2em;
}
/* Brand colours for buttons */
.btn:hover { color: inherit; text-decoration-color: inherit; }
.btn, a.btn:hover {
	color: #FFF;
	text-decoration: none;
	margin-bottom: 5px;
}
.btn-default {
	color: #333;
}
.btn-red {
	background-color: #E31837;
	border-color: #E31837;
}
.btn-maroon {
	background-color: #622d50;
	border-color: #622d50;
}
.btn-pink {
	background-color: #d50058;
	border-color: #d50058;
}
.btn-red:hover, #search-results article a:hover .btn-red {
	color: #FFF;	
	background-color: #900;
	border-color: #900;
}
.btn-grey {
	background-color: #333;
	border-color: #333;
}
.btn-grey:hover {
	color: #FFF;
	background-color: #000;
}
.bg-red {	
	background-color: #E31837;
}
.bg-magenta, .btn-magenta {
	color: #FFF;
	background-color: #D73E6F;
}
.btn-magenta:hover {
	color: #FFF;
	background-color: #AD234F;
}
.btn-white {
	background-color: #FFF;
}
.btn-white:hover {
	background-color: #DDD;
}
.bg-cyan, .btn-cyan {	
	background-color: #0099CC;
	color: #FFF;
}
.btn-cyan:hover {
	color: #FFF;
	background-color: #00698C;
}
.bg-blue, .btn-blue {
	background-color: #003455;	
}
.btn-blue:hover {
	background-color: #001D2F;
	color: #FFF;
}
.bg-green, .btn-green {
	background-color: #C9D339;
}
a.btn-green:hover {
	color: #000;
	background-color: #B7C129;
}
.bg-red *, .bg-magenta *, .bg-cyan *, .bg-blue *, .btn-cyan, .btn-blue {
	color: #FFF;
	text-decoration: none;
}
.bg-light-grey {
	background-color: #EEE;
}
.btn-green, bg-green * {
	color: #000;
}
.corporate-red, .btn-white, a.btn-white:hover {
	color: #E31837;
}
.corporate-magenta {
	color: #D73E6F;
}
.corporate-cyan {
	color: #0099CC;
}
.corporate-blue {
	color: #003455;	
}
.corporate-green {
	color: #C9D339;
}
/* Image "cut out" effects */
.cutout {
	position:relative;
	float:left;    
	margin:0 5px;
	overflow:hidden;
}
.cutout::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	height: 0px;
	width: 0px;
    border-bottom: 20px solid white;
    border-left: 20px solid transparent;
}
.btn {
	border-radius: 0;	
}
/* Generic classes */
.highlight {
	background-color: #E31837;
	color: #FFF;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	width: 120px;
	height: 120px;
	display: table;
}
.highlight p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.highlight .large {
	font-size: 28px;
}
.highlight span {
	display: block;
	clear: both;
}
blockquote {
	border-left: 0;	
}
blockquote img {
	margin-right: 15px;
}
.pull-quote p {
	quotes: "\201C""\201D""\2018""\2019";
}
.pull-quote p:before {
	content: open-quote;
}
.pull-quote p:after {
 	content: close-quote;
}
.pull-quote cite:before {
	content: "\2013\2002";
}
.pull-quote cite > a {
	display: block;
	color: #06C;
	font-size: 14px;
}
.carousel-caption {
	background-color: rgba(0,0,0,0.8);
	bottom: 10px;
	left: 0;
	right: 30px;
	text-align: left;
	padding: 0 30px 15px 30px;
}
.carousel-caption h2 {
	color: #FFF;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
	color: #E31837;
}
.carousel .item {
	min-height: 300px;
	background-position: center center;
	background-size: cover;
}
.carousel-indicators {
	bottom: 0;
}
.carousel-caption a, .carousel-caption h3 {
	color: #FFF;
	text-decoration: none;
}
.carousel-caption a:hover .glyphicon {
	margin-left: 5px;
}
a.read-more {
	display: inline-block;
	font-size: 13px;
	color: #000;
	background-color: #EEE;
	border-bottom: 1px solid #999;
	text-decoration: none!important;
	padding: 2px 5px;
}
#search-results img.pull-left {
	margin-right: 10px;
}
/* Autocomplete */
.ui-autocomplete {
	font-size: 14px;
	color: #333;
}
.ui-menu-item span {
	display: block;
	font-size: 12px;
}
/* Mega menus */
.mega-menu {
	position: fixed;	
	left: 0;
	right: 0;
	display: none;
	z-index: 998;
	background-color: #EEE;
	width: 100%;
	padding: 15px 0;	
	border-top: 3px solid #E31837;
	border-bottom: 1px solid #E31837;
}
.mega-menu .container {
	padding-left: 165px;	
}
.mega-menu ul {
	text-align: left;
	float: left!important;
	font-size: 17px;
}
.mega-menu li {
	padding-bottom: 5px;
}
.mega-menu h2 {
	text-align: left;
	font-size: 20px;
	color: #E31837;
}
.mega-menu .callout {
	padding: 15px;
	background-color: #FFF;	
}
.mega-menu .callout p {
	font-family: "Roboto Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mega-menu-popup {
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 350px;
	left: 0px;
	z-index: 900;
}
#primary-nav a:hover {
	background-color: #E31837;
	color: #FFF;	
}
#primary-nav .mega-menu a:hover {
	background-color: inherit;
	color: inherit;
}
#course-search-mega-menu-form {
	margin-top: 15px;
}
.alert-cross-hatch {
	background: url(/images_new/development-version.png) center repeat-x;
	height: 10px;
	width: 100%;
	position: fixed;
	z-index: 100;
}
/* Cards */
	.card {
		margin-bottom: 15px;
		padding-bottom: 10px;
	}
	.card a {
		color: inherit;
		text-decoration: none;	
	}
	a:hover .card-title {
		background-color: #900;
	}
	.card a:hover .glyphicon {
		color: #333;		
	}
	.card-title {
		color: #FFF;
		background-color: #E31837;	
		padding: 5px 10px;
		margin-top: 0;
		font-size: 20px;
		-moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.card-text > .glyphicon {
		color: #E31837;
		-moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.course-search-feature {
		padding: 40px 30px 80px 30px;
		text-align: center;
		background-size: cover;
		background-position: center;
		margin-bottom: 30px;	
	}
	.course-search-feature h2 {
		font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		color: #FFF;
		font-size: 36px;
		text-shadow: 1px 1px #333;
	}
	.course-search-feature form {
		max-width: 600px;	
	}
	.course-search-feature select {
		border: 0;
		background-color: inherit;	
	}
/* Styles for THETA 360s */
.vr-tour { position: relative; margin-bottom: 15px; width: 100%; height: 300px; background-size: cover; background-repeat: none; background-position: center center; }
.vr-tour h2 { font-size: 20px; color: #FFF; }
.vr-tour:hover { cursor: pointer; }
.vr-tour:hover .vr-title { border-bottom-color: #E31837; }
.vr-title { position: absolute; bottom: 15px; text-align: center; background-color: rgba(0,0,0,0.7); color: #FFF; width: 100%; border-bottom: 2px solid #333; padding: 0 10px; }
.vr-tour.double-height { height: 600px; }
.click-to-play { text-transform: uppercase; }
.vr-tour .cutoff-left-bottom {
    position: absolute;
    z-index: 98;
    left: 0;
    bottom: 0;
    background-size: cover;
    width: 30px;
    height: 30px;
    background: url(/images_new/cutoff-bottom-left.png) left bottom no-repeat;
}

/* Specific selectors */
@media (max-width: 1200px) {
	#primary-nav li {
		margin: 0 5px;
	}
}
@media (max-width: 1000px) {
	#primary-nav  {
		font-size: 18px;
	}
	#primary-nav li {
		display: inline-block;
		float: left;
		text-align: left;
		margin: 0;
	}
}
@media (min-width: 768px) {
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.no-feature-image {
		margin-top: 70px;
	}
	.whats-new-inverse {
		color: #FFF;
		background-color: #333;	
	}
	.whats-new-inverse h3 {
		color: #FFF!important;
	}
}
@media (max-width: 768px) {
	#staffs-logo {
		max-width: 70px;
	}
	.navbar-nav {
		margin-left: 0;
	}
	#home-feature figcaption {
		font-size: 24px;
	}
	#key-facts h2 {
		padding-top: 15px;
	}
	.course-entry .feature {
	padding-top: 0px;
}
}
@media (min-width: 500px) {
	#find-your-course-b #course-search-form {
		position: absolute;
		bottom: 30px;
		left: 15px;
	}
	#find-your-course-b .container {
		position: relative;
	}
}
@media print {
	footer, #sidebar, #nothing, #anchors  {
		display: none;	
	}
	#feature, #feature.small {
		height: auto;
	}
}
*! jQuery UI - v1.10.4 - 2014-05-12
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.menu.css, jquery.ui.theme.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}ul.ui-autocomplete li.ui-menu-item xw {display: block;font-size: small;padding-left: 10px;}
}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url("//www.staffs.ac.uk/images_new/jquery-ui/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #aaa;background:#ccc url("//www.staffs.ac.uk/images_new/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("//www.staffs.ac.uk/images_new/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{background-color:#EEE;font-weight:normal;cursor:pointer;}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("//www.staffs.ac.uk/images_new/jquery-ui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("//www.staffs.ac.uk/images_new/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("//www.staffs.ac.uk/images_new/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("//www.staffs.ac.uk/images_new/jquery-ui/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("//www.staffs.ac.uk/images_new/jquery-ui/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("//www.staffs.ac.uk/images_new/jquery-ui/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("//www.staffs.ac.uk/images_new/jquery-ui/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("//www.staffs.ac.uk/images_new/jquery-ui/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("//www.staffs.ac.uk/images_new/jquery-ui/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("//www.staffs.ac.uk/images_new/jquery-ui/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url("//www.staffs.ac.uk/images_new/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("//www.staffs.ac.uk/images_new/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}