/*
Website:      		ntyneside.ac.uk
Updated:    		22 May 2009
Author/Designer:    Kevin Francis, kev@thebgroup.co.uk

					bgroup,
					6 Charlotte Square,
					Newcastle Upon Tyne
					NE1 4XF
					
					0191 261 1333
					thebgroup.co.uk
*/				

/* 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, tr, 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; }

body { padding-bottom: 30px; font: normal 87.5%/1.4285 Helvetica, Arial, sans-serif; color: #333; }
.default, .life { background: url(/_assets/img/backgrounds/grad-blue.jpg) 50% 0 no-repeat fixed; }

.ow { background: url(/_assets/img/backgrounds/clouds.jpg) 50% 0 no-repeat fixed; }
.nesa { background: url(/_assets/img/nesa-bg.jpg) 50% 0 no-repeat fixed; }
.vs { background: url(/_assets/img/vocational-study.jpg) 50% 0 no-repeat fixed; }
.hb { background: url(/_assets/img/beauty.jpg) 50% 0 no-repeat fixed; }
.app { background: url(/_assets/img/apprenticeships.jpg) 50% 0 no-repeat fixed; }
.heaps { background: url(/_assets/img/higher-ed.jpg) 50% 0 no-repeat fixed; }
.wlas { background: url(/_assets/img/working-life-skills.jpg) 50% 0 no-repeat fixed; }
.sfs { background: url(/_assets/img/sixth-form.jpg) 50% 0 no-repeat fixed; }
.ontour { background: url(/_assets/img/ontour.jpg) 50% 0 no-repeat fixed; }
.flourish { background: url(/_assets/img/floristry.jpg) 50% 0 no-repeat fixed; }
.flourish2 { background: url(/_assets/img/floristry2.jpg) 50% 0 no-repeat fixed; }
.flourish3 { background: url(/_assets/img/floristry3.jpg) 50% 0 no-repeat fixed; }
.nc { background: url(/_assets/img/backgrounds/sunflower.jpg) 50% 0 no-repeat fixed; }

/* =Headings
----------------------------------------------------------------------------------------- */
#logo { float: right; margin: 0; font-size: 1em; text-indent: -9999px; background: url(/_assets/img/tynemet.png) 0 0 no-repeat; }
#logo a { display: block; width: 371px; height: 47px; line-height: 1.5; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; letter-spacing: -.02em; color: #808080; }
#content-supp h1 { width: 600px; color: #fff; text-shadow : rgba(0,0,0,.6) 1px 1px 1px; font-size: 26px; line-height: 35px; font-weight: normal; }
#content-supp h1 a { color: #ec008c; color: #BCCC29; color: #fff; text-decoration: underline; }
#content-supp h1 a:hover { color: #ec008c; }
.heaps #content-supp h1 { color: #333; }
.flourish2 #content-supp h1 { color: #333; }
.flourish3 #content-supp h1 { color: #333; }

h2 { /* 24 */ font-size: 1.7142em; margin-bottom: 20px; }
h3 { /* 20 */ font-size: 1.4285em; margin-bottom: 20px; }
h4 { /* 18 */ font-size: 1.2857em; margin-bottom: 10px; }
h5 { /* 16 */ font-size: 1.1428em; }
#apply-ico { padding-left: 70px; background: url(/_assets/img/mouse.gif) 0 50% no-repeat; height: 1%; }
#contact-ico { padding-left: 60px; background: url(/_assets/img/chat.gif) 0 0 no-repeat; height: 1%; }

/* =Lists
----------------------------------------------------------------------------------------- */
ol, ul, dl { margin-bottom: 20px; }
ol, ul { list-style: none; }
dt { font-weight: bold; }
dd { margin-left: 0; font-weight : normal; }
.ul-default li { padding-left: 20px; background: url(/_assets/img/arrow-1.gif) 0 4px no-repeat; }
.date-entry li { position: relative; height: 1%; padding-right: 75px; }
.date-entry div { position: absolute; right: 0; padding: 0 2px; background: #ec008c; color: #fff; }
.date-entry em { text-align: center; font-style: normal; font-size: .8571em; line-height: 1.6666; }
.accordion div { padding-top: 10px; }
.accordion h5 { color: #3996cf; cursor: pointer; background: url(/_assets/img/arrow-1.gif) 100% 50% no-repeat; height: 1%; }
.accordion h5.ui-state-hover { background-image: url(/_assets/img/arrow-2.gif); }
.accordion h5.ui-state-active { background-image: url(/_assets/img/arrow-3.gif); }
/* =Text elements
----------------------------------------------------------------------------------------- */
a { color: #3996cf; text-decoration: none; }
a:hover { color: #ec008c; }
#content a[href^="http"] { padding-right: 10px; background: url(/_assets/img/http-link.gif) 100% 0 no-repeat; }
#content a:hover[href^="http"] { padding-right: 10px; background: url(/_assets/img/http-link-hov.gif) 100% 0 no-repeat; }
#content a[href^="http://www.tynemet.ac.uk/"] { padding: 0; background: none; }
#siteinfo a[href^="http"] { padding-right: 10px; background: url(/_assets/img/http-link-2.gif) 100% 0 no-repeat; }
#siteinfo a:hover[href^="http"] { padding-right: 10px; background: url(/_assets/img/http-link-hov-2.gif) 100% 0 no-repeat; }

p { margin-bottom: 20px; }
#content-main h2:first-child + p { font-weight: bold; }
#content a[href$=".pdf"], #content a:hover[href$=".pdf"] { padding: 5px 0 5px 25px; background: url(/_assets/img/pdf.gif) 0 50% no-repeat; }
cite { font-size: 12px; color: #808080; }
blockquote { padding-top: 30px; background: url(/_assets/img/quotes-1.gif) 0 0 no-repeat; }
blockquote p { padding-bottom: 30px; background: url(/_assets/img/quotes-2.gif) 100% 100% no-repeat; }

/* =Layout
----------------------------------------------------------------------------------------- */
#branding { width: 900px; margin: 0 auto 50px auto; padding: 30px; overflow: hidden; background: #333; background: rgba(0,0,0,.6); }
#content-supp { width: 960px; margin: 0 auto 10px auto; }
#content { width: 960px; margin: 0 auto 30px auto; height: 1%; }
#content:after { content: "."; display: block; width: 0; height: 0; clear: both; visibility: hidden; }
#content-main { float: left; width: 900x; padding: 3px; background: #333; background: rgba(0,0,0,.3) }
/*#content-sub { float: right; width: 349px; padding: 3px; background: #333; background: rgba(0,0,0,.3) }*/
#content-sub {display:none;}
.alpha { background: #fff; padding: 30px; }
#siteinfo { clear: both; width: 900px; margin: 0 auto; padding: 30px; overflow: hidden; background: #333; background: rgba(0,0,0,.6); color: #fff; }
#siteinfo a { color: #fff; }
#siteinfo a:hover { color: #bccc29; }
#siteinfo h4 { color: #3996cf; }
#info-contact { float: right; }
.wrap { overflow: hidden; height: 1%; }
.supp-1 { float: left; width: 225px; }
.supp-2 { float: right; width: 225px; }

/* =Navigation
----------------------------------------------------------------------------------------- */
#nav-main { width: 500px; float: left; }
#nav-main ul { float: left; margin: 0; }
#nav-main li { text-transform: uppercase; display: inline; text-shadow: rgba(0,0,0,.8) 1px 1px 1px; }
#nav-main a { color: #fff; display: block; height: 1%; }
#nav-main a:hover { color: #bccc29; }
#nav-main em { color: #fff; display: block; height: 1%; color: #bccc29; font-style: normal; }
#nav-main-1 { width: 220px; }
#nav-main-2 { width: 280px; }

#nav-sub { margin-bottom: 40px; }
#nav-sub li { padding: 4px 0; border-bottom: 1px solid #d9d9d9; }
#nav-sub em a { font-style: normal; color: #808080; }

.info a { text-transform: uppercase;  color: #fff; text-shadow: rgba(0,0,0,.8) 1px 1px 1px; }
.info a:hover { color: #bccc29; }
.info { float: left; margin: 0; width: 200px;  }

.boxout { margin-bottom: 20px; border-bottom: 1px solid #d9d9d9; }
.tabs-module { position: relative; top: -62px; left: -30px; z-index: 10; margin-bottom: -32px; overflow: hidden; }
.tabs-module li { display: inline; font-weight: bold; font-size: 16px; line-height: 32px; text-indent: 12px; }
.tabs-module a { width: 103px; height: 32px; float: left; display: block; }

#content-main .tabs-module a { background: url(/_assets/img/tab-bg-content.png) 0 0 no-repeat;  color: #333; }
#content-main .tabs-module a:hover { background: url(/_assets/img/tab-bg-content-hov.png) 0 0 no-repeat; color: #000; }

#content-sub .tabs-module a { color: #fff; }
#tab-1 a { background: url(/_assets/img/tab-1.png) 0 0 no-repeat; }
#tab-1 a:hover, #tab-1 .selected { background: url(/_assets/img/tab-1-hov.png) 0 0 no-repeat; color: #fff; }
#tab-2 a { background: url(/_assets/img/tab-2.png) 0 0 no-repeat; }
#tab-2 a:hover, #tab-2 .selected { background: url(/_assets/img/tab-2-hov.png) 0 0 no-repeat; }

/* Forms */
form { margin-bottom: 20px; }
input[type=text] { font: normal 87.5%/1.4285 Helvetica, Arial, sans-serif; color: #333; }
#fm-search { float: right; width: 325px; text-align: right; }
#fm-search label { position: absolute; top: -9999px; left: -9999px; }
#fm-search input { font-size: 16px; font-weight: bold; vertical-align: middle; }
#go { background: url(/_assets/img/search.png) 0 0 no-repeat; }
#error-msg { padding: 10px; margin-bottom: 20px; background: #FFFA99; border: 1px solid #EBE796; } 
#error-msg h4 { margin: 0; color: #000; } 
#apply input[type=text] { width: 350px; }
#apply textarea { width: 350px; font: normal 87.5%/1.4285 Helvetica, Arial, sans-serif; color: #333; }
#apply #txtPostcode { width: auto; }
#apply fieldset { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #d9d9d9; }
#apply legend { font-weight : bold; letter-spacing: -.02em; color: #808080; font-size: 1.4285em; line-height: 1; margin-bottom: 1em; }
#apply label { display: block; margin-bottom: 15px; }
#apply label span { display: block; }
.required { font-size: 12px; color: #808080; font-style: normal; }
textarea + .required { vertical-align: top; }
.attention { margin: 20px 0 15px 0; padding: 10px; background: #fffa99; border: 1px solid #ebe796; font-size: 12px; }
.select-row { margin-bottom: 15px; }
#apply .select-row label { margin-bottom: 0; }
.oops .required { color: #ec008c; }

/* =Misc */
#gevents { margin-bottom: 20px; }

.alpha { position: relative; }
.image-grid { position: relative; overflow: hidden; height: 1%; }
.image-grid li { width: 245px; height: 14.8571em; float: left; }
.image-grid .odd { margin-right: 19px; }
.image-grid img { display: block; }
.image-grid h3 { font-size: 16px; height: 100px; margin-bottom: 8px; position: relative; }
.image-grid h3 img { position: absolute; left: 0; top: 0; }
.image-grid h3 span { position: relative; display: block; padding: 6px; background: #333; background: rgba(0,0,0,.6); z-index: 10; }
.image-grid h3 a:hover span { background: rgba(0,0,0,.8); }
.image-grid h3 a { color: #fff;  }


/*flourish grid*/

.image-grid2 { position: relative; overflow: hidden; height: 1%; }
.image-grid2 li { width: 245px; height: 15.8571em; float: left; }
.image-grid2 .odd { margin-right: 19px; }
.image-grid2 img { display: block; }
.image-grid2 h3 { font-size: 16px; height: 100px; margin-bottom: 50px; position: relative; }
.image-grid2 h3 img { position: absolute; left: 0; top: 0; }
.image-grid2 h3 span { position: relative; display: block; padding: 6px; background: #333; background: rgba(0,0,0,.6); z-index: 10; }
.image-grid2 h3 a:hover span { background: rgba(0,0,0,.8); }
.image-grid2 h3 a { color: #fff;  }


#ontour-promo { position: relative; cursor: pointer; }
#ontour-promo img { display: block; }
#ontour-promo span { display: block; padding: 14px; position: absolute; top: 0; text-shadow: rgba(0,0,0,.6) 1px 1px 1px; }
#ontour-promo a { color: #fff; }

.module-promo { padding-top: 20px; border-top: 1px solid #d9d9d9; }
.promo-link a { display: block; height: 1%; text-align: center; background: #3996cf; color: #fff; font-size: 1.2857em; line-height: 1.1111; padding: 10px; margin-bottom: 1.1111em; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.promo-link a:hover { background: #ec008c; color: #fff; }

/* ============================ NEW CSS - ADDED BY MARK TAYLOR =============================== */

/*Drop shadow border*/
.dropshadow2{
	float:left;
	clear:left;
	background: url(/_assets/img/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/_assets/img/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	padding: 0px;
}
.innerbox{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
/*END Drop shadow border*/

/*Right Aligned Image*/
.ImgRight {
padding:0 0 5px 5px;
float:right;
clear:both;
}
/*END Right Aligned Image*/

.hide {display:none}

.notice {
	color:#C30;
	background:#FFC;
	width:650px;
	padding:6px;
	}
	
.imp {
	font-size:1.2em;
	font-weight:bold;}
	
.adverts {
margin-top:3px;
border-top-style:solid; border-color:#D9D9D9; border-width:1px;
padding-top:20px;
}

.adverts img {
padding-top:10px;
}

.bulletlist {
list-style:inside;
list-style-image:url(/_assets/img/arrow-2.gif);
padding:10px;
}

/*Auto Suggest Search Box*/
#result {
	height:20px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	padding:5px;
	margin-bottom:10px;
	background-color:#FFFF99;
	
}

.suggestionsBox {
	position: absolute;
	left: 80px;
	top:40px;
	margin: 6px 0px 0px 0px;
	width: 210px;
	padding:0px;
	background-color:#FFFFFF;
	border: 1px solid #999;
	color:#fff;
	z-index:3000;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
}
.suggestionList ul li {
	list-style:none;
	margin: 0px;
	padding: 6px;
	border-bottom:1px dotted #666;
	cursor: pointer;
}
.suggestionList ul li:hover {
	background-color: #FC3;
	color:#000;
}

.load{
background-image:url(/search/loader.gif);
background-position:right;
background-repeat:no-repeat;
}

#suggest {
	position:relative;
	color:#fff;
}

#grid-cont {width:900px; height:430px;}

#grid-cont a { display:block; padding:140px 0 0 0; color: #fff; text-decoration: underline; margin-top:-140px; position:relative;}
#grid-cont  a:hover { color: #FFCC00; }

.grid-box1 {
background: url(/_assets/img/grids/news.jpg) no-repeat bottom right !important;
float:left;
width: 155px;
height:200px;
margin-left:20px;
margin-bottom:20px;
}

.grid-box1 p {
font-size:12px;
position:relative;
top:145px;
color:#FFFFFF;
padding:3px;
background-color:#2E3192;}


.grid-box2 {
background: url(/_assets/img/grids/open-events.jpg) no-repeat bottom right !important;
float:left;
width: 155px;
height:200px;
margin-left:20px;
margin-bottom:20px;
}

.grid-box2 p {
font-size:12px;
position:relative;
top:145px;
color:#FFFFFF;
padding:3px;
background-color:#2E3192;}


.grid-box3 {
background: url(/_assets/img/grids/student-life.jpg) no-repeat bottom right !important;
float:left;
width: 155px;
height:200px;
margin-left:20px;
margin-bottom:20px;
}

.grid-box3 p {
font-size:12px;
position:relative;
top:145px;
color:#FFFFFF;
padding:3px;
background-color:#2E3192;}


.grid-box4 {
background: url(/_assets/img/grids/prospectus.jpg) no-repeat bottom right !important;
float:left;
width: 155px;
height:200px;
margin-left:20px;
margin-bottom:20px;
}

.grid-box4 p {
font-size:12px;
position:relative;
top:145px;
color:#FFFFFF;
padding:3px;
background-color:#2E3192;}


.grid-box5 {
background: url(/_assets/img/grids/apprenticeships.jpg) no-repeat bottom right !important;
float:left;
width: 155px;
height:200px;
margin-left:20px;
margin-bottom:20px;
}

.grid-box5 p {
font-size:12px;
position:relative;
top:145px;
color:#FFFFFF;
padding:3px;
background-color:#2E3192;}


.grid-box6 {
background: url(/_assets/img/grids/school-leavers.jpg) no-repeat bottom right !important;
float:left;
width: 155px;
height:200px;
margin-left:20px;
margin-bottom:20px;
}

.grid-box6 p {
font-size:12px;
position:relative;
top:145px;
color:#FFFFFF;
padding:3px;
background-color:#2E3192;}

.grid-box7 {
background: url(/_assets/img/grids/vocational-study.jpg) no-repeat bottom right !important;
float:left;
width: 155px;
height:200px;
margin-left:20px;
margin-bottom:20px;
}

.grid-box7 p {
font-size:12px;
position:relative;
top:145px;
color:#FFFFFF;
padding:3px;
background-color:#2E3192;}

.grid-box8 {
background: url(/_assets/img/grids/he-professional.jpg) no-repeat bottom right !important;
float:left;
width: 155px;
height:200px;
margin-left:20px;
margin-bottom:20px;
}

.grid-box8 p {
font-size:12px;
position:relative;
top:145px;
color:#FFFFFF;
padding:3px;
background-color:#2E3192;}

.grid-box9 {
background: url(/_assets/img/grids/skills-for-life.jpg) no-repeat bottom right !important;
float:left;
width: 155px;
height:200px;
margin-left:20px;
margin-bottom:20px;
}

.grid-box9 p {
font-size:12px;
position:relative;
top:145px;
color:#FFFFFF;
padding:3px;
background-color:#2E3192;}

.grid-box10 {
background: url(/_assets/img/grids/employers.jpg) no-repeat bottom right !important;
float:left;
width: 155px;
height:200px;
margin-left:20px;
margin-bottom:20px;
}

.grid-box10 p {
font-size:12px;
position:relative;
top:145px;
color:#FFFFFF;
padding:3px;
background-color:#2E3192;}


/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:100px;
	top:-10px;

}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	font-size:2em;
	line-height:50px;
}

    div#rotator ul li.show {
	z-index:500;
}

#flashcont {
margin-bottom:20px;
margin-top:-28px;
}

#flashcont p {
clear:both;
left:490px;
position:relative;
font-family:"Courier New", Courier, monospace;
font-size:.8em;
width:400px;
}