/* ~~~~~~~~~~~~~~~~~~~ Global, base element and basic formating CSS ~~~~~~~~~~~~~~~~~~~ */
@font-face {
    font-family: 'fira_sans_otmedium';
    src: url('../fonts/firasansot-medium-webfont.eot');
    src: url('../fonts/firasansot-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/firasansot-medium-webfont.woff') format('woff'),
         url('../fonts/firasansot-medium-webfont.ttf') format('truetype'),
         url('../fonts/firasansot-medium-webfont.svg#fira_sans_otmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body {
	font-family: Tahoma, Geneva, Verdana, Helvetica, sans-serif;
	line-height: 18px;
}  

div.columns, p, a input { font-size:12px; }

form { margin:0; }

textarea, input, select { outline: none; }
input:focus, select:focus, textarea:focus { outline: none; }

::selection {
	background: #c6c6c6; /* Safari */
	}
::-moz-selection {
	background: #c6c6c6; /* Firefox */
}

title { text-transform:capitalize; }

h1, h2, h3, h4, h5, h6 { font-family: 'fira_sans_otmedium', Helvetica, Arial, Verdana, sans-serif; font-weight:normal; padding:0; margin:5px 0 12px 0; }
h1 {
	font-size:36px;
	line-height: 36px;
}
h2 {
	font-size:24px;
	line-height: 30px;
}
h3 {
	font-size:22px;
	line-height: 26px;
}
h4 { font-size:14px; margin-bottom:12px; margin-top:12px; }
h5 { font-size:12px; margin-bottom:3px; }
h6 { font-size:10px; margin-bottom:3px; }

h3.frame-head { margin:0; margin:10px 0; }
h3.client { padding:0; margin:0; border-bottom:1px solid #000; font-size:14px; line-height:14px; height:18px; margin:30px 0 5px 0; }

.error { background-color:#ffcfd9; border:1px solid #ae0000; color:#ae0000; padding:10px; }

p { font-size:12px; line-height:18px; margin-bottom:20px; font-family: Tahoma, Geneva, Verdana, Helvetica, sans-serif; }
a { font-family: Tahoma, Geneva, Verdana, Helvetica, sans-serif; color:#000; font-size:12px; }
a:hover { color:#d9a75c; }

hr { height:1px; color:#000; background-color:#000; border:0; margin:30px 0 0 0; }
hr.thick { height:6px; color:#000; background-color:#000; border:0; margin:30px 0 0 0; }
hr.nomarg { margin:0; }
hr.appdev { margin:20px 0; background-color:#dddddd; }

img {
  max-width: 100%;
  height: auto; }

ul { list-style-image:url(../images/arrow5.gif); margin:5px 0; }
ul li {  font-size:12px; font-weight:normal; padding: 0; margin:0; line-height:18px;  }
  

  
/* ~~~~~~~~~~~~~~~~~~~ Mobile Nav CSS ~~~~~~~~~~~~~~~~~~~ */
#hidden-navigation-container { position:fixed; top:0; left:0; width:100%; height:40px; padding:0; margin:0; background-color: rgba(0, 0, 0, 1); z-index:999; }
#menu-bar { color:#FFF; line-height:40px; width:100%; height:40px; padding-left:12px; font-size:14px;  cursor:pointer; text-transform:uppercase; } 
#hidden-navigation { display:none; max-height:500px; overflow:hidden; }
#menu-bar:hover { color:#b78751; }

#container { margin:17px auto 5px auto; background-color:#FFF; padding:25px; max-width:64.063em; }


/* ~~~~~~~~~~~~~~~~~~~ Header CSS ~~~~~~~~~~~~~~~~~~~ */
#header { background-color:#D0D0D0; height:auto; background-image:url(../images/header-bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; margin:0; padding:0; height:auto;  }
#header img { width:100%; height:auto; margin:0;  position:absolute; left:0; top:0; float:left; }
#header img.show-img{ display:block;  }
#slideshow { padding:0; }

/* MAIN SECTION */
#main { background-color:#FFF; }

/*NAVIGATION COLUMN*/
#left-navigation { padding:0; font-size:10px; font-weight:bold; background-color:#000;  height:100%; overflow:hidden;  }

#left-navigation ul, #hidden-navigation ul { list-style:none; background-color:#000; margin:0; padding:0; display:block;  }
#left-navigation ul li, #hidden-navigation ul li { margin:0; border-bottom:1px solid #222;  display:block;  }
#left-navigation ul li a, #hidden-navigation ul li a { padding:10px 18px; text-transform:uppercase; color:#FFF; text-decoration:none; display:block; font-size:10px; font-weight:bold; }
#left-navigation ul li a:hover, #hidden-navigation ul li a:hover { color:#b78751;  }


/*Styles for the submenu items*/
#left-navigation ul li.sub-menu ul, #hidden-navigation ul li.sub-menu ul { list-style:none; background-color:#333; margin:0; padding:0; display:block;  }
#left-navigation ul li.sub-menu ul li, #hidden-navigation ul li.sub-menu ul li {margin:0; border-bottom:1px solid #444;  display:block;  }
#left-navigation ul li.sub-menu ul li:last-child, #hidden-navigation ul li.sub-menu ul li:last-child { border:0; }
#left-navigation ul li.sub-menu ul li a, #hidden-navigation ul li.sub-menu ul li a {
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	display:block;
	font-size:10px;
	font-weight:normal;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 18px;
}
#left-navigation ul li.sub-menu ul li a:hover, #hidden-navigation ul li.sub-menu ul li a:hover { color:#000; background-color:#b9874d; }
#hidden-navigation ul  a { font-size:14px; }



/* ~~~~~~~~~~~~~~~~~~~ Content Section ~~~~~~~~~~~~~~~~~~~ */
#content, #content-wide {
	margin:0;
	background-color:#FFF;
	min-height:600px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#content-wide {
	padding-right:0;
}


#content-header { margin:0; padding:0 0; border-top:1px solid #000; border-bottom:6px solid #000;  line-height:40px; display:block; vertical-align:middle; font-size:10px; text-transform:uppercase; }
#content-header a { color:#000; text-decoration:underline; font-size:10px; }
#content-header a:hover { color:#d9a75c; }
#content h1 { display:block; margin:0 0 0 0; padding:10px 0 62px 0; border-bottom:1px solid #000; vertical-align:top;  text-transform:capitalize; line-height:40px; }
#content h2 { display:block; margin:0 0 12px 0; padding:12px 0 32px 0; border-bottom:1px solid #000; border-top:6px solid #000; vertical-align:top;  text-transform:capitalize; }

#content-wide h1 { display:block; margin:0 0 0 0; padding:10px 0 62px 0; border-bottom:1px solid #000; vertical-align:top;  text-transform:capitalize; line-height:40px; }
#content-wide h2 { display:block; margin:0 0 12px 0; padding:12px 0 32px 0; border-bottom:1px solid #000; border-top:6px solid #000; vertical-align:top;  text-transform:capitalize; }


#content a img { margin-bottom:16px; }
#content-wide a img { margin-bottom:16px; }

#news-header { font-size:12px; line-height:50px; height:50px; border-bottom:1px solid #000; }
#search { border:1px solid red; width:25%; }
#search input { display:inline; height:22px; padding:0; margin:0; }
a.bold, ul li a.bold { font-weight:bold; font-size:10px; text-decoration:none; text-transform:uppercase; }

.float-right {
	float: right;
	margin-bottom: 3px;
	margin-left: 4px;
	margin-top: 3px;
	margin-right: 0px;
}

.content-sections {
	background-color: #FFFFFF;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 0px;
	padding-left: 0px;
	font-size:12px; line-height:18px; margin-bottom:20px; font-family: Tahoma, Geneva, Verdana, Helvetica, sans-serif;
}


.youtube { width:100%; height:auto; border-bottom:1px solid #000; padding:0; margin:0; }
.youtube:last-child { border-bottom:0; }
.youtube h3 { padding-bottom:25px; margin-bottom:1px solid #000; margin-bottom:5px; }
.youtube p {  margin-bottom:35px; }

.candTest { margin:10px 0 5px 5px; }

#reserch li {  padding:10px;  }
#reserch li div { border:1px dotted #000;  padding:10px; height:100%; min-height:307px; }
#reserch li img { dispay:block; width:100%; }
#reserch li div a { font-weight:bold; margin-top:10px; display:inline-block; } 


#newsyears { margin:8px 0; font-size:11px; }
#searchbutton { margin:0; padding:0; border:0; background-color:#000; color:#FFF; width:100%; height:34px; display:block; line-height:30px; }
#searchbox { margin:0; height:34px; }

.newsbox { padding:12px 0 40px 0; border-bottom:1px solid #000;  }
.newsbox:last-child { border:0; }
.newsdate p { font-size:18px; line-height:24px;  margin:0; padding:0; font-family: 'fira_sans_otmedium', Helvetica, Arial, Verdana, sans-serif; }
.newsitem p a { font-size:12px; }
.newsitem a { font-size:18px; line-height:24px; font-family: 'fira_sans_otmedium', Helvetica, Arial, Verdana, sans-serif; }

.padding12 { padding-bottom:12px; }

/* ~~~~~~~~~~~~~~~~~~~ Right Column ~~~~~~~~~~~~~~~~~~~ */
#right-column { padding:0; background-color:#FFF; }
#right-header {  margin:0; padding:0 0; border-top:1px solid #000; border-bottom:6px solid #000;  line-height:40px; display:block; vertical-align:middle; font-size:10px; text-transform:uppercase;  }
#right-header a img { margin:0 5px 0 0; }
#right-column h2 { display:block; height:64px; margin:0 0 0 0; padding:0; border-bottom:1px solid #000;  vertical-align:top; text-transform:lowercase; } 
#right-column p { margin:5px 0 12px 0; }

#right-column-home { padding-left:25px; border-top:1px solid #000; }
#right-column-home { border-top:6px solid #000; }

#footer p { font-size:10px; text-align:right; line-height:12px; margin:10px -10px 10px 0;  }
#footer a { font-size:10px; line-height:12px;  }


/* ~~~~~~~~~~~~~~~~~~~ Accordain Styles ~~~~~~~~~~~~~~~~~~~ */
a.accord-trigger span { display:block; width:100%; border-bottom:1px solid black; font-size:12px; font-weight:bold; text-transform:uppercase; padding:3px 3px 3px 14px; margin:0; height:auto; border-top:0; line-height:normal; background:url(../images/arrow5.gif); background-position:left center; background-repeat:no-repeat; cursor:pointer; }
a.accord-trigger img { display:block; width:100%; height:auto; padding:0; margin:0; cursor:pointer; }
.accord-content { }









/* ~~~~~~~~~~~~~~~~~~~ Application Form CSS ~~~~~~~~~~~~~~~~~~~ */
#steps-cont { width:100%; border-bottom:1px solid black; border-top:1px solid black; }

ul#steps { list-style:none; width:100%; margin:0; padding:0; margin-top:8px; margin-bottom:50px;  }
ul#steps li { width:120px; float:left; display:inline; color:#b0b1b3;  }
ul#steps li:last-child { width:145px; float:left; display:inline; }

#steps li span.steps-title { font-size: 24px; }
#steps li span.steps-desc { font-size: 11px; }

select.center option { text-align:center; }

.current-step { color:#000000; }

.frame { min-height:300px; }

#frame1 { display:block; }
	#success-wrapper { display:none; }
	#stop-application { display:none; }
	#stop-application div { text-align:center; }
	#applied-wrapper { display:none; }
	#permit-other-wrapper { display:none; }
	#permit-wrapper { display:none; }
	#ethnicity-other-wrapper { display:none; }

	.single-app-wrapper { display:none; }
	.single-app-wrapper:first-child { display:block; }
	#app-more { float:right; }

#frame2 {}
	#predictive-school-wrapper { display:none; }
	#manual-school-wrapper { display:block; }

	#predictive-alevel-wrapper { display:none; }
	#manual-alevel-wrapper { display:block; }
	#second-uni-wrapper { display:none; }

	
	#notlistedGCSE	, #notlistedAlevel	 { font-size:10px; margin:0; margin-top:-10px; margin-bottom:10px; display:block;  }
	#other-school-wrapper, #other-alevel-wrapper { display:none; }
	#intqual-wrapper { display:none; }
	#uni-cam-wrapper,#uni-cam-wrapper2 { display:none; }
	#uni-ox-wrapper, #uni-ox-wrapper2 { display:none; }
	#uni-other-wrapper, #uni-other-wrapper2 { display:none; }
	#degscore-wrapper, #degscore-wrapper2 { display:none; }
	
	#fourth-year-wrapper { display:none; }
	
	#lang-wrapper { display:none; }
	.single-lang-wrapper { display:none; }
	.single-lang-wrapper:first-child { display:block; }
	#lang-more { float:right; font-size:12px; color:#919191; }
	.lang-other { display:none; }
	#computer-wrapper { display:none; }
	#add-fourth { float:right; }
	
#frame3 {}
	.single-work-wrapper { display:none; }
	#work-more { float:right; font-size:12px; color:#919191; }
	.workExpSourceOther-wrapper { display:none; }

#frame4 {}
    #someone-wrapper { display:none; }
    #event-wrapper { display:none; }
	#link-wrapper { display:none; }
	#advert-wrapper { display:none; }
	#other-wrapper { display:none; }
	#extenuatingCircumstance-wrapper {display:none; }
	#otherExCircumstance-wrapper {display:none; }
	#sendbutton { border:0; color:#FFFFFF; background-color:#000000; font-size:12px; padding:15px; display:block; text-transform:uppercase; cursor:pointer; margin:20px auto; }
	
.add a { color:#FFFFFF; background-color:#000000; padding:5px 7px; text-decoration:none; text-transform:uppercase; font-size:11px; }		   
	   
.frame { display:none; }

.but-place { text-align:center; }
.but { padding:10px; background-color:#000000; color:#FFFFFF; cursor:pointer; text-decoration:none; font-size:11px; text-transform:uppercase; display:block; margin-top:15px;  } 	
.but:hover { color:#FFFFFF; }
.but-disabled { background-color:#8D8D8D; cursor:default; }
.but { 
        -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
} 

span.star { content:"*"; display:inline; color:#C50003;  font-weight:bold; }

/* ~~~~~~~~~~~~~~~~~~~ BLOG PAGE ~~~~~~~~~~~~~~~~~~~ */

#older { display:none; padding-top:20px; padding-bottom:20px; border-bottom:1px solid black; }
.olderTitle { font-weight:bold; cursor:pointer; } 
.olderDate { font-size:0.9em; color:#999797; } 
 
/* ~~~~~~~~~~~~~~~~~~~ MEDIA QUERIES ~~~~~~~~~~~~~~~~~~~ */

/* FOR MEDIUM DOWN */
@media all and (max-width: 1024px){
	#container { margin:0; }
	#footer p { margin-right: 10px;  }

}

/* FOR SMALL ONLY */
@media all and (max-width: 641px){
	#container { margin:0; padding:50px 30px 30px 30px;  }
	#content { padding:0; }
}



/* ~~~~~~~~~~~~~~~~~~~ jQuery UI CSS ~~~~~~~~~~~~~~~~~~~ */
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius:0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius:0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius:0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius:0;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	background-image:none;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa;
	background-image:none;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

.ui-widget-content a {
color: #000;
}


.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 {
	border:0;
	background:#3b3b3b;
	font-weight: normal;
	color: #FFF;
}
.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 #aaaaaa;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.pullquote-bgr {
	background-color: #F0F0F0;
	padding: 11px;
}
.no-capital {
	font-family: 'fira_sans_otmedium', Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	padding:0;
	margin:5px 0 12px 0;
	border-bottom: 1px solid #000;
	border-top: 6px solid #000;
	display: block;
	margin: 0 0 12px;
	padding: 12px 0 32px;
	vertical-align: top;
	font-size: 24px;
	line-height: 30px;
}
.big-bttn {
	color: #FFFFFF;
	margin-top: 11px;
}
.big-bttn  a {
	text-decoration: none;
	display: block;
	width: 100%;
	padding-top: 13px;
	padding-bottom: 13px;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.big-bttn  a:hover {
	background-color: #CCA072;
}
.smlfnt {
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
}
.crs-title {
	text-decoration: none;
	display: block;
	width: 100%;
	padding-top: 33px;
	padding-bottom: 33px;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/crs/map.jpg);
	margin-top: 7px;
	padding-right: 11px;
	padding-left: 11px;
	line-height: 48px;
}
.crs-text {
	font-size: 21px;
	text-align: center;
	line-height: 28px;
}
.small-bttn {
	color: #FFFFFF;
	margin-top: 11px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 13px;
}
.small-bttn  a {
	text-decoration: none;
	display: block;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 16px;
	padding-top: 9px;
	padding-bottom: 9px;
}
.small-bttn  a:hover {
	background-color: #CCA072;
	color: #FFFFFF;
}

.small-bttn-inv {
	color: #FFFFFF;
	margin-top: 11px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 13px;
}
.small-bttn-inv  a {
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 16px;
	padding-top: 9px;
	padding-bottom: 9px;
	font-style: normal;
}
.small-bttn-inv  a:hover {
	background-color: #CCA072;
	color: #FFFFFF;
}
@media all and (max-width: 741px){
.crs-title {
	text-decoration: none;
	display: block;
	width: 100%;
	padding-top: 33px;
	padding-bottom: 33px;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/crs-bgr.jpg);
	margin-top: 7px;
	padding-right: 11px;
	padding-left: 11px;
	line-height: 24px;
	letter-spacing: 0.1em;
}
}