/*
Website: queenalex.co.uk
Updated: 8 Oct 2009

Author/Designer:
Kevin Francis, kev@thebgroup.co.uk / Chris Stainthorpe chris@thebgroup.co.uk
thebgroup.co.uk, Keel House, Garth Heads, Newcastle upon Tyne, NE1 2JE, t: 0191 261 1333
*/
			
/* reset 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,  th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
abbr, acronym { cursor : help; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
th, td { vertical-align: top; }


/* =Defaults 
----------------------------------------------------------------------------------------- */
body { font: 87.5%/1.2857 "helvetica neue",Arial,Helvetica,Verdana,sans-serif; color: #4d4d4d; background: url(/_assets/img/body-bg.jpg) 50% 0 repeat-x; }

/* =Headings
----------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #571855; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #571855; border-bottom: 1px solid #eee; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: rgb(250,166,26); border-color: rgb(250,166,26); }
h1 { font-size: 228.57%; line-height: 1.125; margin: .562em 0; }
h2 { font-size: 157%; margin-bottom: .818em; }
h3 { font-size: 128.5%; padding: 10px 0 8px 0; }
h4 { font-size: 114%; padding: 9px 0; }
h5 { font-size: 100%; } 

/* =Lists
----------------------------------------------------------------------------------------- */
p, ol, ul, dl { margin-bottom: 1.285em; }
ol, ul { list-style: none; }
dt { font-weight: bold; }
dd { margin: 0; font-weight: normal; }


/* =Text elements
----------------------------------------------------------------------------------------- */
a { text-decoration: none; color: #571855; }
a:hover { color: rgb(250,166,26); }

#reg { font-size: 78.57%; width: 65%; }

blockquote { width: 90%; margin: auto; }
blockquote p { quotes : "\201C" "\201D"; font-style: italic; }
blockquote p:first-child:before { content: open-quote;  margin-left: -0.5em; font-weight: bold; } 
blockquote p:last-child:after { content: close-quote; font-weight: bold; }

.content ul { list-style: disc; line-height: 1.8; font-weight: bold; }

/* =Layout
----------------------------------------------------------------------------------------- */
#wrapper { position: relative; max-width: 912px; min-width: 712px; margin: 0 auto; padding: 0 24px; background: #fff;  }
.wrap { max-width: 912px; min-width: 712px; margin: 0 auto; }

#branding { position: relative; margin-bottom: 36px; height: 180px; padding: 0; clear: left; background: url(/_assets/img/masthead.jpg) 50% 0 no-repeat; font-size: 157.14%; line-height: 2; text-align: right; color: #fff; }
#logo { width: 305px;  }
#logo a {  border: 0; }
#strapline { position: relative ; background: url(/_assets/img/a-level_results.jpg); height: 282px; margin-bottom: 18px;}
/*#strapline { position: relative ; height: 120px; margin-bottom: 18px; margin-top: 18px; background-color:#FFC; color:#C30; padding:6px;}*/
#strapline h3 { position: absolute; right: 0; bottom: 0; margin: 0; padding: 0; width: 100%; background: rgba(0,0,0,.5); color: #fff;  }
#strapline span { display: block; padding: 0.5em;}
#strapline2 { position: relative ; background: url(/_assets/img/students1.jpg); height: 282px; margin-bottom: 18px;}
#strapline3 { position: relative ; background: url(/_assets/img/students7.jpg); height: 282px; margin-bottom: 18px;}
#strapline4 { position: relative ; background: url(/_assets/img/students3.jpg); height: 282px; margin-bottom: 18px;}
#strapline5 { position: relative ; background: url(/_assets/img/students4.jpg); height: 282px; margin-bottom: 18px;}
#strapline6 { position: relative ; background: url(/_assets/img/students6.jpg); height: 282px; margin-bottom: 18px;}
#strapline7 { position: relative ; background: url(/_assets/img/students8.jpg); height: 282px; margin-bottom: 18px;}

.content { float: left; width: 65.797%; margin-bottom: 1.28em; }

/* Special layouts */

.aside {  float: right; width: 31.579%; margin-bottom: 1.28em; margin-top: -59px; }
#info {  background: #ddd9ce; clear: both; margin-top: 2.57em; padding: 1.5em; color: #918a7b; }
#info a { color: #918a7b; }
#info:after { content: "."; display: block; clear: both; width: 0; height: 0; visibility: hidden; }
#info .vcard { float: right; width: 20em; font-size: 78.57%; }
#info .xfn { position: relative; top: -3.3em; display: block; height: 108px; margin-bottom: -2.2em; text-indent: -9999px; background: url(/_assets/img/nesep-logo-vcard.png) 0 0 no-repeat; }
#info .tel { margin-top: 1em; }
.adr div { display: inline; }

.panel-c2 { float: left; width: 68%; }
.panel-c3 { float: left; width: 31.579%; padding-right: 2.62%;  }

.shrinkwrap { clear: both; overflow: hidden; }
.section { padding-bottom: 1.285em; margin-bottom: 18px; }
.section:after { content: "."; display: block; clear: both; width: 0; height: 0; visibility: hidden; }

.content img { float: left; margin: 0 16px 8px 0;}
.content img.nofloat { float: none; }
.content img.float-r { float: right; margin: 0 0 8px 16px;}

.newsdate { text-transform: uppercase; font-size: 70%; font-weight: bold; }

.vevent .dtstart { float: right; background: #faa61a; margin: 0 0 18px 18px; padding: 9px; color: #fff; font-weight: bold; text-align: center; }
.vevent .dtstart span { display: block; }

#tel-email { float: left; width: 40%; margin-right: 32px; }
.contact .section p span { display: block; }
.contact .section .org { font-weight: bold; }
#map-canvas { height: 306px; margin-bottom: 18px; border: 2px solid #918a7b; }

/* =Navigation
----------------------------------------------------------------------------------------- */
.nav-1 { margin: 0 0 .8em 0; overflow: hidden; background: #404040; padding-top:11px;}
.nav-1 li { display: inline; font-size: 12px; line-height: 2.7; font-weight: bold;  }
.nav-1 a:hover  { color: #faa61a; text-shadow: none; }
.nav-1 a { float: left; padding: .2em 1.8em; margin-right: .2em; color: #fff; text-transform: uppercase; text-shadow: #222 2px 1px 2px;}
.nav-1 :first-child a { padding-left: 0; }
.nav-1 :last-child a { border: 0; }
.nav-1 em { float: left; }

#nav-info li { display: inline; margin-right: 1.8em; }
#nav-info a:hover, .email:hover { border-bottom: 1px solid #bacde1; }

.nav-meta li { position: relative; overflow: hidden; height: 1%; padding: .5em 0; border-bottom: 1px solid #eee; }

.nav-2 { border-top: 1px solid #918a7b; border-bottom: 1px solid #918a7b; margin-bottom: 36px; }
.nav-2 li { border-bottom: 1px solid #ddd9ce; }
.nav-2 li:last-child { border-bottom: none; }
.nav-2 a { display: block; padding: 9px;  }
.nav-2 a:hover { background: #faa61a; color: #fff;}


/* =Misc
----------------------------------------------------------------------------------------- */




/* =Tabs
----------------------------------------------------------------------------------------- */

.ui-tabs .ui-tabs-hide {  display: none !important; }
.ui-tabs-nav li { display: inline;}
.ui-tabs-nav li a { float: left; border: 1px solid #ddd9ce;  margin: 0 10px -1px 0; outline: none; padding: 6px; color: #888;  }
#news-events .ui-tabs-selected a { border-bottom: 1px solid #fff; color: #571855;}
.ui-tabs-panel  { clear: left; border-bottom: 1px solid #ddd9ce; border-top: 1px solid #ddd9ce; padding: 9px;}


.date { margin: 0; font-size: 85.7%; }
.date li { position: relative; padding: 8px 0 0 56px; }
.date li:after { content: "."; display: block; clear: both; width: 0; height: 0; visibility: hidden; }
.date div { position: relative; width: 44px; height: 46px; float: left; left: -56px; top: -8px; margin-right: -56px; color: #fff; font-size: 11px; line-height: 13px; text-transform: uppercase; background: #faa61a; }
.date span { width: 30px; display: block; margin: 11px 0 0 8px; text-align: center; }

/*study areas */
.courses { border-bottom: 1px solid #ddd9ce; border-top: 1px solid #ddd9ce; padding: 18px 0; }
.courses li { background:transparent url(/_assets/img/arrow-1.gif) no-repeat scroll 0 4px; padding-left:20px; margin-left: -20px; list-style: none; }
.courses li a { color: #404040; line-height: 1.5; }
.courses li a:hover { border-bottom: 1px solid rgba(250, 166, 26, 0.7000) ;}

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

form { margin-bottom: 18px; }
input { color: #4d4d4d; }
#fm-search { padding: 18px 0; border-bottom: 1px solid #918a7b; }
#fm-search label { display: block; color: #571855; }
#fm-search input[type="text"] { width: 19em; }


#prospectus { border: 1px solid; background: #73785E; font-size: 2.5em; text-align:center; margin-top: 16px; padding: 16px; line-height: .9; text-transform: uppercase; }

.HeaderBreak {
display:block;}

#logoCont a {
padding:5px;
}