a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}body{line-height:1;}del{text-decoration:line-through;}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0;}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}input,select{vertical-align:middle;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}nav ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}

body{
	font-size:14px;
	line-height:1.5;
	color:#111;
	font-family:Arial, Helvetica, sans-serif;	
}

a, form input.button{text-decoration:none;}
a:hover, form input.button:hover{color:#222;}

a{font-weight:700;}

h1{display:inline;float:left;margin:0;}
h2{font-size:18px;margin:0 0 10px 0;padding:0;}
h2.big{font-size:19px;line-height:26px;}
h3{font-size:16px;margin:0 0 10px 0;padding:0;}
h4{font-size:14px;margin:0;padding:0;line-height:1.5}

p {padding:0 0 20px 0;margin:0;}

img.left, img.right{display:inline;}
img.left{margin:0 20px 20px 0;float:left}
img.right{margin:0 0 20px 20px;float:right;}


p.error, p.notice, p.unknown, p.success{padding:3px 5px 3px 3px;margin:0; }
p.error, p.unknown{background:#FFCCCC;color:#444;}
p.success{background:#CCFFCC;color:#444;}
p.notice{background:#FFFFCC;color:#444;}

.small{font-size:11px;}
.big{line-height:15px;}
.highlight{}
.notes{}
.grey{color:#666666;}
.red{color:#FF0000;}
.bold{font-weight:700;}

.breaker{border-bottom:1px dotted #CCC;margin:0 0 20px 0;padding:0;line-height:1px;height:1px;clear:both;}

table{width:100%;margin:0 0 10px 0;background:#E5E5E5;}
table th{border-bottom:2px solid #FFF;}
table td{border-bottom:1px solid #FFF;}
table th, table td {text-align:left;padding:6px;}

ul{margin:0 0 20px 0;}
ul li{list-style:disc;margin:0 0 0 25px;padding:0 0 0 10px;}


	html, *{outline:0;}

body{background:#D0D0D0;margin:0;padding:0;}

a, h2, h3, h4{color:#336633;}

ul{padding:0;margin:0;}
ul li{padding:0;margin:0;list-style:none;}

.hidden{display:none;}
.show{display:inline;}
.clear{clear:both;}
.float_right {float:right;}
.float_left {float:left;}
.scroll {overflow:auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.sprite{background-image:url('http://fircroft.ac.uk/themes/site_themes/assets/img/sprite.png');background-repeat:no-repeat;text-indent:-9999px;}

#wrapper{margin:0 auto 0 auto;padding:0;width:960px;clear:both;background:#FFF;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}

header{height:150px;padding:0 20px 0 0;margin:0;}
header h1{display:inline;float:left;clear:none;}
header h1 a{width:420px;height:140px;display:block;}

header div.float_right{width:300px;margin:20px 0 0 0;}

header nav.social{display:inline;float:left;}
header nav.social a{margin:0 5px 0 0;}

header nav.text{display:inline;float:right;}
header nav.text a{margin:0 0 0 2px;}

header nav.social a, header nav.text a{width:32px;height:32px;display:inline;float:left;}

nav.social a.yt{background-position:0 -150px;}
nav.social a.tw{background-position:-216px -150px;}
nav.social a.fb{background-position:-32px -150px;}
nav.social a.moo{background-position:-64px -150px;width:42px;}

nav.text a.font_bigger{background-position:-106px -150px;}
nav.text a.font_normal{background-position:-138px -150px;}
nav.text a.font_smaller{background-position:-170px -150px;}

header div.search_form{clear:right;width:380px;margin:10px 0 0 0;}
header div.search_form form{display:block;}
header div.float_right form label, header div.float_right form input{display:inline;float:left;}
header div.float_right form label{font-weight:700;font-size:12px;color:#000;width:80px;line-height:26px;}
header div.float_right form input{background:#DDD;border:none;}
header div.float_right form input.text{height:20px;line-height:20px;width:260px;margin:0 3px 0 0;padding:3px 5px 3px 5px;}
header div.float_right form input.button{height:26px;width:26px;line-height:26px;font-size:20px;color:#FFF;font-weight:700;padding:0;}

header h2{clear:none;margin:10px 0 0 0;}
header h2, header h2 a{color:#000;}

header h2.phone {width:130px;}
h2.email{width:165px;text-align:right;}

nav#menu {clear:both;margin:0;padding:0;height:56px;position:relative;overflow:hidden;}
nav#menu a {
	color:#FFF;
	padding:0;	
	margin:10px 0 0 0;
	display:inline;
	float:left;
	text-align:center;
	font-weight:700;
	font-size:14px;
	background:#336633;
	width:160px;
	height:32px;
	display:block;
	line-height:32px;
	padding:0;
	border-radius:8px 8px 0 0;
}

nav#menu a:hover, nav#menu a.current{border-radius:8px 8px 0 0;margin:0;height:42px;line-height:42px;}

footer{clear:both;padding:40px 0 15px 0;margin:0 20px 5px 20px;text-align:center;font-size:12px;line-height:15px;}
footer p.links{width:920px;clear:both;margin:0;display:inline;float:left;clear:both;border-bottom:1px solid #999999;padding:0 0 5px 0;}
footer span.addthis_toolbox{width:200px;}
footer p.sprite{width:920px;height:100px;background-position:0 -182px;display:block;margin:0 0 10px 0;padding:0;clear:both;}
footer p.copyright{margin:0;padding:0;}
footer p a{}
div#siteby{margin:5px auto 20px auto;width:940px;}

ul#nav-sub{display:block;float:left;width:165px;overflow:hidden;padding:0;}
ul#nav-sub li{display:block;clear:both;margin:0 0 2px 0;padding:0;}
ul#nav-sub li a{display:block;line-height:18px;font-size:14px;padding:6px 5px 6px 10px;width:155px;color:#FFF;list-style:none;}

ul#nav-sub li ul{margin:5px 0 5px 0;}
ul#nav-sub li ul li{margin:0;}
ul#nav-sub li ul li ul{margin:0 0 10px 0;}

ul#nav-sub li ul li a,
ul#nav-sub li ul li.here a,
ul#nav-sub li ul li.parent-here a,
ul#nav-sub li.here ul li a,
ul#nav-sub li.parent-here ul li a
{
	overflow:auto;
	height:auto;
	background:#FFF;
	margin:0;
	width:145px;
	line-height:18px;
	font-size:13px;
	font-weight:normal;
	color:#336633;	
}

ul#nav-sub li ul li ul li a,
ul#nav-sub li ul li.here ul li a,
ul#nav-sub li ul li.parent-here ul li a,
ul#nav-sub li ul li.parent-here ul li.here a
{
	color:#000;
	margin:0 0 0 20px;
	padding:5px 0 5px 0;
	width:145px;
	line-height:18px;
	font-weight:normal;
	border-bottom:1px solid #CCC;
}

ul#nav-sub li ul li.here a,
ul#nav-sub li ul li.parent-here a,
ul#nav-sub li ul li.parent-here ul li.here a,
ul#nav-sub li ul li.parent-here ul li.parent-here a,
ul#nav-sub li ul li ul li.here a
{font-weight:700;}

ul#nav-sub li a{background:#336633;font-weight:700;}
ul#nav-sub li.here a, ul#nav-sub li.parent-here a{background:#336633;}

nav#menu a.about-us{background-color:#663300;}
nav#menu a.short-courses{background-color:#FF6600;}
nav#menu a.access-to-he{background-color:#3399CC;}
nav#menu a.specialist-support{background-color:#CC0033;}
nav#menu a.conferencing{background-color:#666600;}

div#breadcrumb{padding:10px;margin:0 0 10px 0;height:20px;line-height:20px;font-size:14px;font-weight:700;}

section.latest_news{width:165px;border-top:2px solid #336633;border-right:2px solid #336633;display:inline;float:left;border-radius:0 10px 0 0;} 
section.latest_news h3{line-height:30px;margin:0;background:#336633;color:#FFF;}
section.latest_news a{font-weight:normal;}
section.latest_news a{color:#000;}
section.latest_news a:hover{color:#336633}
section.latest_news article, section.latest_news h3{
	display:block;padding:2px 10px 2px 10px;border-bottom:2px solid #336633;font-size:14px;}
	
div.left_panel{width:167px;display:inline;float:left;overflow:hidden;}

div.left_panel section.latest_news{margin:0 0 20px 0;}
div.left_panel a.prospectus{display:inline;clear:both;float:left;background:#336633;border-radius:0 10px 10px 0;}
div.left_panel a.prospectus h2{width:155px;text-align:center;padding:5px;color:#FFF;margin:0;}

section.splash{display:block;clear:both;padding:0 20px 0 20px;margin:0}
section.splash article{width:290px;margin:0 25px 0 0;display:inline;float:left;}
section.splash article.last{margin:0;}

section.listing, section.page{width:450px;display:inline;float:left;margin:0 0 0 40px;}

body.full-width section.page {width:720px;}
body.apply section.page {width:880px;}

article.listing{width:450px;padding:0 0 15px 0; border-bottom:1px solid #CCC;margin:0 0 15px 0;display:inline;float:left;}
article.listing div.image{display:inline;float:left;margin:0 15px 0 0;width:100px;height:100px;}
article.listing div.entry{display:inline;float:right;width:335px;}
article.listing p{margin:0;padding:0;}

section.page ul{margin:0 0 20px 0;}
section.page ul li{list-style:disc;margin:0 0 0 25px;padding:0 0 0 10px;}

p.paginate{padding:0;display:inline;float:left;width:100%;margin:0 0 10px 0}
p.paginate a{margin:0 0 0 3px;}
p.paginate a.current{color:#000;}

table.course_detail p{margin:0;padding:0;}
table.course_detail a.leaflet{color:#000;}

table.course_detail tr td div.overview{padding:5px;font-size:13px;}
table.course_detail tr td.slider{padding:0;}
table.course_detail tr td{font-size:13px;}

section.results{margin:0 20px 0 20px;}

section.right_panel{width:240px;display:inline;float:right;margin:0 20px 0 0;position:relative;z-index:inherit;}

section.right_panel .widget{padding:10px 12px 15px 12px;margin:0 0 20px 0;border-radius:10px;display:block;}
section.right_panel .widget h2{}
section.right_panel .widget_form{background:#336633;border-color:#336633;}

section.right_panel a.widget_link{text-align:center;background:#336633;color:#FFF;}
section.right_panel a.widget_link h2{color:#FFF;margin:0;text-align:center;padding:5px 0 0 0;line-height:16px;margin:0;}
section.right_panel a.widget_link:hover{background:#295229;}

section.right_panel .widget h2, section.right_panel div.course_search label{text-align:left;}
section.right_panel .widget h2{color:#FFF;margin:0 0 10px 0;padding:0;}
section.right_panel .widget form label{color:#FFF;font-weight:700;text-size:12px;padding:0 0 5px 0;display:block;}
section.right_panel .widget form select{width:216px;margin:0 0 10px 0;display:block;}

section.right_panel .profiles h2{color:#000;}
section.right_panel .profiles nav{clear:both;display:inline;float:left;width:100%;}
section.right_panel .profiles nav a{margin:0 0 10px 0;display:inline;float:left;clear:both;width:100%;}
section.right_panel .profiles nav a img{display:inline;float:left;width:60px;height:60px;margin:0 10px 0 0;}
section.right_panel .profiles nav a span{width:120px;line-height:30px;display:inline;clear:left;margin:0;}
section.right_panel .profiles nav a em{color:#000;font-weight:normal;}
section.right_panel .profiles nav a span.read{color:#000;clear:right;}

section.right_panel .profiles a.right{display:block;clear:both;}
section.right_panel .page_image{width:240px;}
section.page .page_image{display:inline;float:right;margin:0 0 20px 20px;border-radius:5px;}


/* Forms & Input */
form input.text, form textarea.text, form select{background:#FFF;border:2px solid #CCC;font-family:Arial, Helvetica, sans-serif;font-size:13px;}
form select{padding:2px;}
form input.text, form textarea.text{padding:3px;}
textarea.text{height:80px;}
form input.button{border:none;padding:3px 10px 3px 10px;cursor:pointer;}
input::-moz-focus-inner{border:0;padding:0;}
form label{cursor:pointer;}

/* Widget Forms */
section.right_panel .widget form input.text{width:206px;margin:0 0 10px 0;}
section.right_panel .widget form input.button{background:#FFF;color:#000;margin:0 0 5px 0;}
section.right_panel .widget form input.button:hover{background:#295229;color:#FFF;}
section.right_panel .widget form input.text{border-color:#FFF;}

/* Validation */
form input.error, form textarea.error{border-color:#FF0000;}
div.warning{background:#FF0000;color:#FFF;padding:2px 10px 2px 10px;border-radius:4px;box-shadow:#DDD 0 0 5px}
div.warning p{margin:0;padding:0;}

/* Contact Form */
form.contact, form.apply, form.prospectus{background:#E5E5E5;border:1px solid #CCC;padding:10px 15px 5px 15px;border-radius:10px;}
form.contact div{margin:0 0 20px 0;clear:both}
form.contact .text{width:278px;}
form.contact label{width:120px;margin:0 10px 0 0;display:inline;float:left;}
form.contact .button{background:#FFF;}

form.prospectus label{width:195px;}
form.prospectus label.big{width:352px;line-height:1.5}


/* Application Form */
form.apply legend{font-size:18px;margin:0 0 20px 0;font-weight:700;}

form.apply div{clear:both;display:inline;float:left;width:100%;border-bottom:1px solid #CCC;margin:0 0 10px 0;padding:0 0 10px 0;}
form.apply label{display:inline;float:left;width:200px;padding:0 0 5px 0}
form.apply label.big{width:820px;}
form.apply input.checkbox{float:right;}
form.apply .text{width:320px;}
form.apply textarea.big{width:836px;height:80px;}
form.apply table input{float:left;}
form.apply select{display:inline;float:left;}
form.apply input.small{width:100px;}

form.apply div.buttons, form.apply div.fields{border:none;}
form.apply div.fields{height:370px;}
form.apply div.buttons{height:30px;margin:0;padding:0;}
form div.buttons a.next{float:right;}
form.apply input.button{background:none;float:right;font-weight:700;color:#336633;padding:0;text-align:right;font-family:Arial,Helvetica,sans-serif;font-size:14px;}

form.apply select.fees option em{width:50px;display:block}

form div.hiddenFields{display:none;}



	


div.gallery 
{
	border:1px solid #CCC;
	background:#E5E5E5;
	border-radius:5px;
	padding:10px;
	width:400px;
	height:145px;	
}

div.gallery h2{height:30px;line-height:16px;margin:0;padding:0;}

div.gallery nav{width:100%;text-align:right;height:25px;padding:0;position:absolute;top:95px;color:#CCC;}
div.gallery nav a{}
div.gallery nav a.disabled {cursor:pointer;} 	

div.scrollable {
	width:100%;
	height:115px;
	position:relative;
	margin:0 0 8px 0;
	overflow:hidden;
}

div.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
	height:90px;
	overflow:hidden;
}

div.scrollable .items div {
	float:left;
	width:420px;
	height:90px;
}

body.full-width section.page div.gallery {width:710px;}
body.full-width section.page div.gallery div.scrollable .items div {width:730px;}

div.scrollable .items div a {
	float:left;
	margin:0 13px 0 0;
	width:90px;
	height:90px;	
	cursor:pointer;		
	opacity:0.8;
}

div.scrollable div.items div a img{width:90px;height:90px;}
div.scrollable div.items div a img{display:inline;float:left;}

div.scrollable div.items a:hover{opacity:1;}
div.scrollable div.items a span {width:100%;height:90px;display:none;}
div.scrollable div.items a.loading span {display:block;}


/* Overlays */
div#exposeMask{cursor:pointer;}

div.overlay a.close {background-image:url('http://fircroft.ac.uk/themes/site_themes/assets/img/sprite.png');
	background-position:-200px -150px;
	position:absolute;
	right:-23px;top:-23px;
	cursor:pointer;
	height:16px;
	width:16px;
	z-index:999999;
	margin:0;
}

div.overlay img{display:inline;float:left;margin:0;padding:0;}
div.overlay a.close:hover{background-position:-200px -166px;}

div.overlay{border:7px solid #FFF;display:none;background:#FFF;border-radius:8px;box-shadow:0 0 10px #999;}
div.overlay div.wrap, div.overlay div.wrap img{border-radius:5px;}
div.overlay div.wrap{position:relative;width:100%;}
div.overlay div.wrap div.caption{display:none;position:absolute;left:0;top:0;z-index:9999;background:#FFF;width:100%;text-align:center;padding:3px 0 5px 0}
div.overlay div.wrap:hover div.caption{display:block;color:#000;}
