/* import CSS for compliant browsers */
/* ------------------------------------------------------- */
@import url("reset.css");
@import url("typography.css");
@import url("navigation.css");
@import url("sifr.css");
@import url("forms.css");


/* stops the nasty horizontal shift with centered layouts in moz etc 
html { height: 100%; margin-bottom: 1px; }*/

body {
	background: #b52716 url(../images/layout/body_bg.png) repeat center top;
	text-align:center;
}

#wrapper1 {
	background: url(../images/layout/wrapper1_bg.png) no-repeat center top;    
}

#container {
	text-align: left;
	margin: 0px auto;
	width: 980px;
	background: #FFFFFF;
}

#header {
	height: 177px;
}

#navigation {
	background: #e4402b;
	height:42px;
}

#subnavigation {
	float: left;
	width: 175px;
}

#subnavigation_padding {
	margin: 0 25px 0 0;
}

#content { padding: 25px; background: none;  background: url(../images/layout/students_bg.jpg) no-repeat right top;}

#content_withsubnav {
	padding:25px 25px 25px 0;
	background: url(../images/layout/content_withsubnav_bg.jpg) repeat-y 0px 0px;
}

#home_content { padding:25px; background: none; }

#primary_content {
	float: left;
	width: 565px;
}

#content #secondary_content {
	float: right;
	width: 335px;	
	padding: 340px 0px 0px;
}

#content_withsubnav #secondary_content {
	float: right;
	width: 205px;
	padding: 375px 0px 0px;
}


#gold { background:#f6eacb; text-align: center;	margin: 0px auto 10px auto; width: 980px; }

#gold table { margin:10px auto; }


/* HOME - PICS & NEED TO KNOW SECTIONS */

body#home h1 {display:none;}

#home_top { clear:both; }

#home_topleft {
	float:left;
	width:700px;
	height:282px;
	background:#e4402b url(../images/layout/home_topleft_bg.gif) no-repeat left top;
}

#home_slideshow { margin:6px 6px 6px 254px; }

#home_slideshow .pics { width: 440px; height: 270px; padding:0; margin:0; overflow: hidden; }

#home_adspots { float:left; width:620px; margin-bottom:20px; }
#home_timer { float: right; width:300px; margin-bottom:20px; }
#home_timer  h3 { background:url(../images/headings/h3_theexhibitionbegins.gif) no-repeat 0 0; height:43px; text-indent:-9999px;}

#home_middle, #home_bottom { clear:both; }

#home_bottom { background:url(../images/layout/home_bottom_bg.jpg) no-repeat 0 0; height:247px; }
#home_pressreleases, #home_inspirationcloud { width:315px; float:left;}
#home_connect { width:300px; float:right;}

#home_bottom h3 { height:35px; text-indent:-9999px; margin:0  !important; padding:0 !important; line-height: 1  !important;}
#home_pressreleases #headlines { height:180px; overflow:hidden; padding:0 25px 0 10px; color:#FFFFFF; }

#home_pressreleases #headlines .story p a { color:#FFFFFF; display:block; padding-left:20px; background:url(../images/layout/home_pressrelease_arrow.gif) no-repeat 0 3px; }

#home_bottom a.bottom { color:#FFFFFF; padding-left:10px; margin-top:4px; }

#home_video {
	float: left;
	height: 282px;
	width: 355px;
	background: #e4402b url(../images/layout/red_diagonal.png) repeat;
	color: #FFFFFF;
	margin:0 0 18px 0;
}

#home_needtoknow {
	float: right;
	height: 282px;
	width: 215px;
	background: #e4402b url(../images/layout/home_needtoknow_bg.png) no-repeat 0px 0px;
	color: #FFFFFF;
	margin:0 0 18px 0;
	padding:0;
}

#home_needtoknow h2 {text-indent:-9999px; height:82px; margin:0;}

.alignright{
	float: right;
}
.alignleft{
	float: left;
	vertical-align:top;
}

/* HOME - TIMELINE */

#home_timeline h2 {
	text-indent: -9999px;
	height: 35px;
	background: url(../images/headings/home_timeline_h2.png) no-repeat 0px 0px;
}

#home_timeline .timeline_past {
	height: 59px;
	border-bottom: 1px solid #e4402b;
	background: #f8f8f8;
	padding-left:6px;
}

#home_timeline .timeline_present {
	height: 59px;
	border-bottom: 1px solid #e4402b;
	background: #e4402b url(../images/layout/red_diagonal.png);
	padding-left:6px;
}

#home_timeline .timeline_future {
	height: 59px;
	border-bottom: 1px solid #e4402b;
	background: #f4f4f4;
	padding-left:6px;
}

/* HOME - COUNTDOWN */

#enrolment_countdown {
	height:115px;
	width: 335px;
	background: url(../images/layout/enrolment_countdown.png) no-repeat 0px 0px;
	margin: 0px 0px 18px;
}

/* HOME - LATEST NEWS */

#home_latestnews .story {margin:0 0 20px 0;}

.qualified_button {margin:0 0 10px 0;}


/* STUDENTS */

h1.students {
	background: url(../images/headings/students_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 100px;
}

h1.about {
	background: url(../images/headings/about_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 90px;
}

.student_section {
	padding: 5px 0px;
	width: 540px;
}

.odd {
	background-color: #f4f4f4!important;
	padding:5px;
}
.odd td, .odd th {
	background-color: #f4f4f4!important;
}

.even {
	background-color: #ffffff!important;
	padding:5px;
}
.even td, .even th {
	background-color: #ffffff!important;
}

h3.entryconditions, h3.categories, h3.planningprocess, h3.datacollection, h3.pageproposal, h3.whathappensnext, h3.externalhelp, h3.commonmistakes, h3.plagiarism, h3.grants, h3.generaladvice { height: 40px; text-indent: -9999px; margin: 0; }

h3.entryconditions { background: url(../images/headings/entryconditions_h3.png) no-repeat 0px 0px; }
h3.categories { background: url(../images/headings/categories_h3.png) no-repeat 0px 0px; }
h3.planningprocess { background: url(../images/headings/planningprocess_h3.png) no-repeat 0px 0px; }
h3.datacollection { background: url(../images/headings/datacollection_h3.png) no-repeat 0px 0px; }
h3.pageproposal { background: url(../images/headings/pageproposal_h3.png) no-repeat 0px 0px; }
h3.whathappensnext { background: url(../images/headings/whathappensnext_h3.png) no-repeat 0px 0px; }
h3.externalhelp { background: url(../images/headings/externalhelp_h3.png) no-repeat 0px 0px; }
h3.commonmistakes { background: url(../images/headings/commonmistakes_h3.png) no-repeat 0px 0px; }
h3.plagiarism { background: url(../images/headings/plagiarism_h3.png) no-repeat 0px 0px; }
h3.grants { background: url(../images/headings/grants_h3.png) no-repeat 0px 0px; }
h3.generaladvice { background: url(../images/headings/generaladvice_h3.png) no-repeat 0px 0px; }

#interview_video {
	height: 278px;
	background: #e4402b url(../images/layout/red_diagonal.png) repeat;
	color: #FFFFFF;
	margin:0 0 18px 0;
}

#downloads { margin: 0 0 20px 0; }

#downloads h2 {	height:35px; text-indent:-9999px; background: url(../images/headings/downloads_h2.png) no-repeat 0px 0px; }

#downloads ul li {
	border-bottom: 1px solid #e4402b;
	margin: 0px 0px 7px;
}

#categories {}

#categories h2 { height:48px; text-indent:-9999px; background: url(../images/headings/categories_h2.png) no-repeat 0px 0px;}

#categories ul { margin: 0}

#categories ul li {	margin: 0px 0px 4px; }

#categories ul li a {
	display: block;
	padding: 8px 100px 8px 4px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#categories ul li#category_green a {color: #FFFFFF;	background: #7cc35a url(../images/layout/li_categories_green.png) no-repeat right center;}
#categories ul li#category_pink a {color: #FFFFFF;	background: #ec008c url(../images/layout/li_categories_pink.png) no-repeat right center;}
#categories ul li#category_blue a {color: #FFFFFF;	background: #386bb4 url(../images/layout/li_categories_blue.png) no-repeat right center;}
#categories ul li#category_yellow a {color: #101010;	background: #f8ec19 url(../images/layout/li_categories_yellow.png) no-repeat right center;}

#categories ul li a:hover {
	text-decoration: none;
}

/* TEACHERS */

h1.teachers {
	background: url(../images/headings/teachers_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

#general_advice {
	padding: 10px;
	background: #f4f4f4;
	border: 1px dashed #e4402b;
}

#applynow {
	background: url(../images/layout/applynow_bg.png) no-repeat 0px 0px;
	color:#FFFFFF;
}

#applynow a {
	display: block;
	height: 42px;
	text-indent: -9999px;
}

#applynow p {
	padding: 0 15px 15px;
	font-size:10px;;
}

/* PARENTS */

h1.parents {
	background: url(../images/headings/parents_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

/* AWARDS */

h1.awards {
	background: url(../images/headings/awards_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

h3.mainawards {	height: 40px; text-indent: -9999px;	margin: 0; background: url(../images/headings/mainawards_h3.png) no-repeat 0px 0px; }
h3.categoryawards {	height: 40px; text-indent: -9999px;	margin: 0; background: url(../images/headings/categoryawards_h3.png) no-repeat 0px 0px; }
h3.travelawards { height: 40px; text-indent: -9999px;	margin: 0; background: url(../images/headings/travelawards_h3.png) no-repeat 0px 0px; }
h3.specialawards { height: 40px; text-indent: -9999px;	margin: 0; background: url(../images/headings/specialawards_h3.png) no-repeat 0px 0px; }

/* BOST */

h1.bost {
	background: url(../images/headings/BOST_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 140px;
}

/* WINNERS */

h1.winners {
	background: url(../images/headings/winners_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

/* RULES */

h1.rules {
	background: url(../images/headings/rules_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

/* LINKS */

h1.links {
	background: url(../images/headings/links_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

/* APPLY ONLINE */

h1.applyonline {
	background: url(../images/headings/applyonline_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}


/* SPONSORS */

h1.sponsors {
	background: url(../images/headings/sponsors_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

.sponsors_group {
	text-align: center;
	margin: 10px 0px 0px;
	white-space: normal;
}

.sponsors_group img {
	margin: 0px 5px 10px
}

/* CONTACTS */

h1.contacts {
	background: url(../images/headings/contacts_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

/* MEDIA CENTRE */

h1.mediacentre {
	background: url(../images/headings/mediacentre_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

#mediacontacts {
	margin: 0px 0px 18px;
	}

#mediacontacts h2 {
	text-indent: -9999px;
	height: 35px;
	background: url(../images/headings/mediacontacts_h2.png) no-repeat 0px 0px;
}

h3.pressreleases, h3.photography, h3.videos, h3.exhibitionfacts, h3.exhibitionhistory, h3.pageproposal, h3.previouswinners, h3.winners2008, h3.winners2007, h3.winners2006 { height: 40px; text-indent: -9999px; margin: 0; }

h3.pressreleases { background: url(../images/headings/pressreleases_h3.png) no-repeat 0px 0px; }
h3.photography { background: url(../images/headings/photography_h3.png) no-repeat 0px 0px; }
h3.videos { background: url(../images/headings/videos_h3.png) no-repeat 0px 0px; }
h3.exhibitionfacts { background: url(../images/headings/exhibitionfacts_h3.png) no-repeat 0px 0px; }
h3.exhibitionhistory { background: url(../images/headings/exhibitionhistory_h3.png) no-repeat 0px 0px; }
h3.previouswinners { background: url(../images/headings/previouswinners_h3.png) no-repeat 0px 0px; }
h3.winners2008 { background: url(../images/headings/2008winners_h3.png) no-repeat 0px 0px; }
h3.winners2007 { background: url(../images/headings/2007winners_h3.png) no-repeat 0px 0px; }
h3.winners2006 { background: url(../images/headings/2006winners_h3.png) no-repeat 0px 0px; }

img.icon {
	padding: 0px 7px 0px 0px;
}

#photogallery a {
	float:left;
	background:#ef8c80;
	margin:7px 5px 7px 0;
}

#photogallery a:hover {
	background:#e4402b;
	}

#photogallery img {
	margin: 3px;
}


/* BT CAMPUS */

h1.adastralpark {
	background: url(../images/headings/adastralpark_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

h1.btcampus {
	background: url(../images/headings/btcampus_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

h3.adastralpark {
	background: url(../images/headings/adastralpark_h3.png) no-repeat 0px 0px;
	height: 40px; text-indent: -9999px; margin: 0;
}

#adastral_video {
	color: #FFFFFF;
	background: url(../images/layout/red_diagonal.png);
	height: 296px;
	margin: 0px 0px 18px;
}

/* THE EXHIBITION */

h1.theexhibition {
	background: url(../images/headings/theexhibition_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

/* QUALIFIED PROJECTS */

h1.qualifiedprojects {
	background: url(../images/headings/qualifiedprojects_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 140px;
}

body#winners #primary_content, body#qualifiedprojects #primary_content { width:100%; }

/* ACCOMMODATION */

h1.accommodation {
	background: url(../images/headings/accommodation_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

/* PRIMARY */

h1.primary {
	background: url(../images/headings/primary_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 140px;
}

/* TICKETS */

h1.tickets {
	background: url(../images/headings/tickets_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

/* BT */

h1.bt {
	background: url(../images/headings/BT_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

/* CONNECT */

h1.connect {
	background: url(../images/headings/connect_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

#connect_twitter, #connect_youtube, #connect_flickr, #connect_blog { clear:both; margin-bottom:20px; }

#connect_twitter { background:url(../images/layout/connect_twitter_bg.gif) no-repeat 0 0; height:170px; }
#connect_youtube { background:url(../images/layout/connect_youtube_bg.gif) no-repeat 0 0; }
#connect_flickr { background:url(../images/layout/connect_flickr_bg.gif) no-repeat 0 0; }
#connect_blog { background:url(../images/layout/connect_blog_bg.gif) no-repeat 0 0; }

#connect_twitter #twitter_div { float:left;}
#twitter_update_list { margin: 20px 30px 20px 10px; font-size:14px;}

#connect_blog #wordpress_feed { width:320px; float:left; }

a.follow { display:block; width:220px; float:left; }

.clearboth {clear:both;}

/* SCIENCE STUNTS */

h1.sciencestunts {
	background: url(../images/headings/sciencestunts_h1.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 70px;
}

/* LIGHTBOX STYLES */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #101010; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* SIMPLE TABLE STYLES */

table {margin-top:15px;}

th, td {padding: 4px;}

th { background:#CCCCCC;}

tr.odd { background:#dadada; }

tr.even { background:#FFFFFF; }


/* TONYS FORM STUFF */

.appform{ 
	background-color:#ffffff;
}
.appform_fieldset{ 
}
div.appform_left{
	float:left;
	width:140px;
}
div.appform_right{
	float:left;
	width:400px;
}
.appform_textarea, .appform_input, .appform_select, .appform_select option, .appform_check, .appform_submit {
	font-size:11px;
}
.appform_textarea, .appform_input, .appform_select {
	width:300px;
}
.appform .clear {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin-bottom:-1px;
}
.appform_submit {
	color:#464647;
	background:#ffffff;
	border:1px solid #818286;
	cursor:pointer;
	padding:3px;
}
.error_label, .error_note, .warning {
	color:#FF0000;	
}


#special { background:#FEFEC1 url(../images/alert.gif) no-repeat 10px 6px; text-align:center; padding:4px 16px 4px 70px; clear:both; margin-bottom:10px; }


/*ADVERT CONTAINER*/

/*#advert {
	width: 980px;
	height:90px;
	margin: 0px auto;
	background-color: #FFFFFF;
	clear: both;
}
#advert_container {
	width: 728px;
	margin: 0px auto;
}*/

/* flickr */

#flickr_badge_uber_wrapper { float:left; width:340px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image { float:left; margin:0 10px 10px 0px;}
.flickr_badge_image img {}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#101010 !important;}

.yt_holder {text-align:center;}
.ytvideo { margin:0 auto;  }

ul.youtube-thumbs {padding-top:20px; margin:0 auto;}
ul.youtube-thumbs li { float:left; margin:8px; }
ul.youtube-thumbs li img { display:block; padding-bottom:4px; }

ul.youtube-thumbs-detail {padding-top:20px; margin:0 auto; }
ul.youtube-thumbs-detail li { margin:8px 0; display:block; clear:both; text-align:left; }
ul.youtube-thumbs-detail li img { padding: 0 8px 8px 0; float:left; }

.roundedcorners { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding:10px 0; margin-bottom:10px; width:400px; }
.roundedcorners p { padding:0 10px; }
.roundedcorners hr { border-bottom:1px solid #FFFFFF; border-left:none; border-right:none; border-top:none; }
.bluebox { background: #42c5f7; }
.pinkbox { background: #ef9cb5; }
.yellowbox { background: #ffde4a; }
.greenbox { background: #6bbd63; }
.purplebox { background: #a5adce; }