/*
BAE EDUCATION - SCREEN
AWA
Email: production@awadigital.com


--------------
NOTES
--------------

This css file contains styles for basic layout and font styles for generic elements used
across the entire website such as the site structure, header, navigation and footer.

Reusable content elements such as promos, panels etc are also included.

--------------
COLOUR KEY
--------------

Red in headings: #c7102c
Header / page background: #3d3d3d
Top nav text: #828282
Red html text & links: #db1838
Grey html text: #999999
White html text: #ffffff
Green pod & content footer: #ccc411
Blue pod: #0099cc
Aqua pod: #009999

Form fields: #606060;

--------------
CONTENTS
--------------

## RESET BROWSER DEFAULT CSS
## STRUCTURE
## BRANDING
## MAIN NAVIGATION
## MAIN NAVIGATION SECTION HIGHLIGHTING
## SECONDARY NAVIGATION
## RELATED PAGES NAVIGATION
## BREADCRUMB
## ASIDES
## FOOTER, SIGNOFF AND COLOPHON
## TYPOGRAPHY
## LINKS
## REUSABLE CONTENT PATTERNS
## FORM INSTRUCTIONS
## BASE FORM LAYOUT
## CMS CONTROLLED IMAGE PLACEMENT
## PAGE FOOTNOTES
## ACCESSIBLE HIDE

-----------------------------------------------------------------------------------------
*/

/*  ## RESET BROWSER DEFAULT CSS  ---------------------------------------------------*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*  ## STRUCTURE  ---------------------------------------------------*/

html {
	font-size:101%;
}

body {
   font-size:62.5%;             
   font-family:Arial, Helvetica, sans-serif;
   line-height:1.4; 
   background-color:#000;
   color:#fff;
}

#container { 
	position:relative;
	background:#121212 url(/images/stat/bg-main.gif) repeat-x;
    font-size:1.2em;	
}

#container.include-sub-nav {
	background:#121212 url(/images/stat/bg-main-inc-nav.gif) repeat-x;
}

.page-wrapper {
	position:relative;
	margin:0 auto;
	width:911px;
}

.header{
	height:121px;
	background-color:#3d3d3d;
}

#nav-area {
	position:absolute;
	top:0;
	height:121px;
	width:100%;
}

#content {
	overflow:hidden;
	width:100%;
	margin-top:38px;
}

.include-sub-nav #content {
	margin-top:70px;
}

.section {
	float:left;
	display:inline;
	width:669px;
	padding-right:10px;
	border-right:1px solid #999;
}

.section-full-width {
	float:none;
}

.is-cool-page .section {
	border-right:none;
	padding-right:0;
	width:100%;
}

.aside {
	float:right;
	display:inline;
	width:218px;
	color:#000;
}

.footer {
	overflow:hidden;
	width:100%;
	height:12.5em;
	margin-top:35px;
	border-top:1px solid #3d3d3d;
	background-color:#000;
}

.footer div {
	width:911px;
	margin:0 auto;
}

/*  ## BRANDING  ---------------------------------------------------*/

/*  ## MAIN NAVIGATION  ---------------------------------------------------*/

.nav {
	margin:79px 0 0 0;
	height:38px;
}

.nav li {
	float:left;	
	display:inline;
	list-style:none;
}

.nav li a {
	display:block;
	text-indent:-9999px;
	height:37px;
	background-image:url(/images/stat/nav-sprite.gif);
	background-repeat: no-repeat;
}

.nav .home a { width:65px; }
.nav .what-engineering a { width:167px; }
.nav .becoming-engineer a { width:178px; }
.nav .your-school a { width:107px; }
.nav .is-cool a { width:109px; }
.nav .games a { width:170px; }
.nav .competitions a { width:114px; }
.nav .events a { width:69px; }

.nav .home a,.nav .home a:link,.nav .home a:visited { background-position:0 0; }
.nav .what-engineering a,.nav .what-engineering a:link,.nav .what-engineering a:visited { background-position:-65px 0; }
.nav .becoming-engineer a,.nav .becoming-engineer a:link,.nav .becoming-engineer a:visited { background-position:-232px 0; }
.nav .your-school a,.nav .your-school a:link,.nav .your-school a:visited { background-position:-410px 0; }
.nav .is-cool a,.nav .is-cool a:link,.nav .is-cool a:visited { background-position:-517px 0; }
.nav .games a,.nav .games a:link,.nav .games a:visited { background-position:-626px 0; }
.nav .events a,.nav .events a:link,.nav .events a:visited { background-position:-913px 0; }
.nav .competitions a,.nav .competitions a:link,.nav .competitions a:visited { background-position:-797px 0; }


/*  ## MAIN NAVIGATION SECTION HIGHLIGHTING  ---------------------------------------------------*/

.homepage .nav .home a,
.homepage .nav .home a:visited,
.nav .home a:hover { background-position:0 -38px; }

.what-engineering-page .nav .what-engineering a,
.what-engineering-page .nav .what-engineering a:visited,
.nav .what-engineering a:hover { background-position:-65px -38px; }

.becoming-engineer-page .nav .becoming-engineer a,
.becoming-engineer-page .nav .becoming-engineer a:visited,
.nav .becoming-engineer a:hover { background-position:-232px -38px; }

.your-school-page .nav .your-school a,
.your-school-page .nav .your-school a:visited,
.nav .your-school a:hover { background-position:-410px -38px; }

.is-cool-page .nav .is-cool a,
.is-cool-page .nav .is-cool a:visited,
.nav .is-cool a:hover { background-position:-517px -38px; }

.games-page .nav .games a,
.games-page .nav .games a:visited,
.nav .games a:hover  { background-position:-626px -38px; }

.events-page .nav .events a,
.events-page .nav .events a:visited,
.nav .events a:hover  { background-position:-913px -38px; }

/* Uncomment when competitions are added
.competitions-page .nav .competitions a,
.competitions-page .nav .competitions a:visited,
.nav .competitions a:hover { background-position:-797px -38px; }
*/

/*  ## SECONDARY NAVIGATION  ---------------------------------------------------*/

.sub-nav {
	position:absolute;
	top:133px;
	left:0;
	float:left;
	display:inline;
}

.sub-nav li {
	background: url(/images/stat/sub-nav-div.gif) no-repeat 0 50%;
	float:left;
	font-size: 110%;
	display:block;
	list-style:none;
	font-weight: bold;
	padding: 0 7px 0 9px;
}

.sub-nav li a,
.sub-nav li,
.sub-nav li.first {
	color: #858585;
	display:block;
	text-decoration: none;
}
.sub-nav li.strap {
	padding: 0;
}
.sub-nav li.strap span {
padding-left: 10px;	
}
.sub-nav li.first {
color: #FFFFFF;	
border: 0;
padding: 0 9px 0 0;
text-indent:-9999px
}

.sub-nav .education-programme { width: 198px;background-image:url(/images/stat/sub-nav-sprite.gif);text-transform: uppercase;  }
.sub-nav .education-programme { background-position:0 3px; }

/* sub-nav strapline only
----------------------------------------------------------*/
.sub-nav .strap {
background: none;	
color: #FFFFFF;
}
.sub-nav li a:hover,
.sub-nav li.selected a {
color: #FFFFFF;	
}


/* Generic nav
-----------------------------------------*/


/* highlighting 
-----------------*/

.link-nav {
	color:#fff;	
}

.link-nav li {
	display:inline;
	list-style:none;
	border-left:1px solid #fff;
}

.link-nav li.first {
	border:none;
}

.link-nav a {
	padding-right:0.3em;
	padding-left:0.5em;
}

.link-nav li.first a { 
	padding-left:0;
}

.link-nav a:link { 
	color:#fff;
	text-decoration:none;
}

.link-nav a:visited { 
	color:#fff;
	text-decoration:none;
}

.link-nav a:hover { 
	color:#828282;
	text-decoration:none;
}

.link-nav a:active { 
	color:#828282;
	text-decoration:underline;
}

/* Supplementary nav
-----------------------------------------*/

.supplementary-nav {
	overflow:hidden;
	position:absolute;
	top:25px;	
	right:0px;
	line-height:2.4em;
}

/* Highlighting */
.supplementary-nav li.selected a { 
	color:#828282;
}


/* content-nav ---------------------------------------------------*/

.content-nav {
	overflow:hidden;
	margin:0 0 17px 0 !important;
	height:39px;
	border-bottom:1px solid #999;
}

.content-nav li {
	float:left;	
	display:inline;
	list-style:none;
}

.content-nav li a {
	display:block;
	text-indent:-9999px;
	height:40px;
	background-image:url(/images/stat/engineering-tabs-sprite.png);
	background-repeat: no-repeat;
}

.content-nav .five-to-eight a { width:83px; }
.content-nav .nine-to-thirteen a { width:79px; }
.content-nav .fourteen a { width:82px; }

.content-nav .five-to-eight a, .content-nav .five-to-eight a:link, .content-nav .five-to-eight a:visited { background-position:0 0; }
.content-nav .nine-to-thirteen a, .content-nav .nine-to-thirteen a:link, .content-nav .nine-to-thirteen a:visited { background-position:-83px 0; }
.content-nav .fourteen a, .content-nav .fourteen a:link, .content-nav .fourteen a:visited { background-position:-162px 0; }

/* highlighting */

.content-nav .five-to-eight a:hover, .ui-tabs .ui-tabs-selected #five-to-eight-tab { background-position:0 -41px }
.content-nav .nine-to-thirteen a:hover, .ui-tabs .ui-tabs-selected #nine-to-thirteen-tab { background-position:-83px -41px }
.content-nav .fourteen a:hover, .ui-tabs .ui-tabs-selected #fourteen-tab { background-position:-162px -41px }



/*  ## RELATED PAGES NAVIGATION  ---------------------------------------------------*/

/*  ## BREADCRUMB ---------------------------------------------------*/

/*  ## ASIDES ---------------------------------------------------*/

/*  ## FOOTER, SIGNOFF AND COLOPHON ---------------------------------------------------*/

.footer .link-nav { 
	float:left;
	display:inline;
	margin:14px 0 0 22px;
}

.footer .link-nav .first { padding-right:0.3em; }

/* Highlighting */

.accessibility-page .footer .lnk-accessibility a,
.terms-page .footer .lnk-terms a,
.sitemap-page .footer .lnk-sitemap a { 
	color:#828282;
}

.footer .logos {
	float:right;
	display:inline;
	margin:0;
}

.footer .logos li { 
	display:inline;
	list-style:none;
	padding-left:13px;
}

/*  ## TYPOGRAPHY ---------------------------------------------------*/

h1 {
	color:#c7102c;
	font-family: Swiss721BT-BoldRounded;
	font-weight:normal;
	font-size:26px;
	line-height: 1.1;
	text-transform:uppercase;
	margin-bottom:8px;
	margin-left: -2px;
}

/* REMOVE WHEN ALL H2s CONVERTED TO H1s */
h2 {
	color:#c7102c;
	font-family: Swiss721BT-BoldRounded;
	/*font-weight:bold;*/
	font-size:21px;
	text-transform:uppercase;
	margin-bottom:12px;
}
/******************************************/


h3 { 
	color:#db1838;
	font-size:1.6em;
	margin-bottom:0.6em;
	line-height:1.2em;
}

h4 { 
	font-size:1.6em;
	color:#db1838;
	margin-bottom:0.6em;
}


/*  ## LINKS ---------------------------------------------------*/

a:link { 
	color:#db1838;
}

a:visited { 
	color:#db1838;
}

a:hover {
	color:#ff3957;
}

a:active {
	color:#eb415f;
}


/*  ## REUSABLE CONTENT PATTERNS ---------------------------------------------------*/

ul,
ol {
	margin-bottom:2em;
	list-style:disc outside;
}

ol {
	list-style:decimal;	
	margin: 0 0 0 20px;
}

.box-content ul {
margin-left: 1em;
}

li {
	margin-bottom:0.7em;	
}

.ordered-list ol li {
	list-style:decimal outside;
}

.list li { line-height:1.9em; }

p { margin-bottom:1.2em;}

strong { font-weight:bold; }

em { 
	font-style:italic;
	font-weight:normal;
}

hr { 
	width:100%;
	height:1px;
	background:url(/images/stat/horiz-rule.gif) repeat-x;	
	border:none;
	margin:0 0 1.5em 0;
}

abbr {
	border-bottom:1px dotted #f43059;
	cursor:help;
}

address {
	margin-bottom:1em;
}

.left { 
	float:left;
	display:inline;
}

.right {
	float:right;
	display:inline;
}

.padded {
padding-bottom: 15px;
}

img.left { margin-right:15px; }
img.right { margin-left:15px; }
img.intro { margin-bottom:15px; }
.clear { clear:both; }
.clear-l { clear:left; }
.clear-r { clear:right; }
.inline { display:inline; }
.no-margin { margin:0; }

.division {
	overflow:hidden;
	width:100%;
	padding-top:1.2em;
	padding-bottom:1.2em;
	border-top:1px solid #999;
}

a.title-link { 
	display:block;
	font-size:1.6em;
	margin-bottom:0.6em;
}
p.title-link {
	/*color: #DB1838;*/
	font-size:1.6em;
	margin-bottom:0.6em;	
}

.col {
	width:48%;
}

.section-heading {
	padding-bottom:12px;
	border-bottom:1px solid #999999;
}

.note span { color:#db1838; }


.tip h3 {
font-size: 125%;
}

.tip p, .tip li {
color: #999;
font-size: 90%;
margin: 0;
}
.tip li {
margin: 0;
}

.login-note { 
	text-transform:uppercase;
}

.flash-banner { margin-bottom:1.5em;text-align:center; }
.flash-banner object { margin:0 auto; }

.intro-copy { 
	position:relative;
	z-index:20;
	font-size:1.7em;
	line-height:1.3em;
	width:265px;
}

.no-wrap {
	white-space:nowrap;
}


.instruction{
color:#DB1117 !important;
}

.suplimental{
	background-color:#3D3D3D;
	color:#FFF;
	float:right;
	margin-left:2em;
	padding:1.2em;
	width:205px;
}


/* Button with document icon - general setup */

.btn-docicon {
background-position: 0 100%;
background-repeat: no-repeat;
line-height:1.2;
}
.btn-docicon a {
background-position: 0 0;
background-repeat: no-repeat;
color: #FFFFFF !important;
display: block;
font-size: 90%;	
text-decoration: none;
}
.btn-docicon a:hover {
color: #FFF;
}
.btn-docicon a span.icon {
background-position: 10px 10px;
background-repeat: no-repeat;
cursor: pointer;
display: block;
min-height: 50px;
padding: 10px 10px 10px 60px;	
}
.btn-docicon a span.zip { background-image:url(/images/stat/doc-zip.png); }
.btn-docicon a span.pdf { background-image:url(/images/stat/doc-pdf.png); }
.btn-docicon a span.ppt { background-image:url(/images/stat/doc-ppt.png); }
.btn-docicon a span.doc { background-image:url(/images/stat/doc-doc.png); }
.btn-docicon a span.xls { background-image:url(/images/stat/doc-xls.png); }
.btn-docicon a span.wmv, .btn-docicon a span.mov { background-image:url(/images/stat/doc-wmv.png); }



/* Button with document icon - size and background color specific classes */

/* 184px wide */
.btn-docicon-184 {
width: 184px;	
}
.btn-docicon-184 a {
width: 184px;	
}

/* Background colour #282828 */
.btn-docicon-282828 {
background-color: #282828;	
}
.btn-docicon-282828:hover {
background-color: #7F7F7F;	
}
.btn-docicon-282828 a {
	
}

/* 184px wide AND background color #282828 */
.btn-docicon-184-282828 {
background-image: url(/images/stat/btn-icon-184-282828-btm.gif);	
}
.btn-docicon-184-282828 a {
background-image: url(/images/stat/btn-icon-184-282828-top.gif);
}

.btn-docicon-184-282828:hover {
background-image: url(/images/stat/btn-icon-184-282828-btm-h.gif);	
}
.btn-docicon-184-282828:hover a {
background-image: url(/images/stat/btn-icon-184-282828-top-h.gif);
}





/* Tables 
-----------------------------------------*/

table { 
margin-bottom:1.5em;
border: 1px #FFF solid;
width: 95% 

}

caption { 
	color:#db1838;
	margin-bottom:0.7em;
}

td { 
	border-bottom:1px solid #999;
	padding:8px;
}

th { 
	background-color: #222;
	text-align:left;
	font-size:1em;
	color:#db1838;
	border-bottom:1px solid #fff;
	padding:8px;
}

/* report-style-list */

.ordered-list li {
	margin-left:38px;
	list-style:none;
}
.ordered-list ol li {
	margin-left:0;
}

.ordered-list li span {
	float:left;
	margin-left:-38px;
	color:#DB1838;
}

/* Buttons */

.main-box .box-content .button {
	display:block;
	height:55px;
	text-indent:-99999px;
}


.main-box .box-content .change-school-butn {
	width:113px;
	height:27px;
	background:transparent url(/images/stat/content-butn-sprite.gif) 0 -278px no-repeat;
	margin-bottom:0.7em;
}

.main-box .box-content .change-school-butn:hover {
	background-position:0 -307px;
}

.main-box .box-content .gallery-back {
	width:106px;
	height:28px;
	background:transparent url(/images/stat/content-butn-sprite.gif) 0 -337px no-repeat;
	margin-bottom:23px;
}

.main-box .box-content .gallery-back:hover {
	background-position:0 -366px;
}

.main-box .box-content .visit-butn:hover {
	background-position:0 -55px;
}

.main-box .box-content .visit-butn {
	float:right;
	width:155px;
	background:transparent url(/images/stat/content-butn-sprite.gif) 0 0 no-repeat;
}

.main-box .box-content .visit-butn:hover {
	background-position:0 -55px;
}

.main-box .box-content .news-back-butn { 
	float:left;
	width:137px;
	height:27px;
	background:transparent url(/images/stat/content-butn-sprite.gif) 0 -111px no-repeat;		
}

.main-box .box-content .news-back-butn:hover {
	background-position:0 -139px;
}


.main-box .box-content .find-butn { 
	width:98px;
	height:26px;
	background:transparent url(/images/stat/content-butn-sprite.gif) 0 -167px no-repeat;
}

.main-box .box-content .find-butn:hover {
	background-position:0 -194px;	
}
 
.main-box .box-footer .button { 
	display:block;
	height:37px;
	text-indent:-9999px;
	margin-left:17px;
}

.main-box .box-footer .apply-butn { 
	width:114px;
	background:transparent url(/images/stat/foot-butn-sprite.gif) 0 0 no-repeat;
}

.main-box .box-footer .apply-butn:hover { 
	background-position:0 -37px;
}

.main-box .box-footer .submit {
	display:block;
	width:75px;
	background:transparent url(/images/stat/foot-butn-sprite.gif) 0 -73px no-repeat;
	line-height:0;
	font-size:0;
}

.main-box .box-footer .submit:hover {
	background-position:0 -109px;
}

.main-box .box-footer .stand-down-butn {
	display:block;
	width:115px;
	height:37px;
	background:transparent url(/images/stat/foot-butn-sprite.gif) 0 -146px no-repeat;
	line-height:0;
	font-size:0;
	margin-left:17px;
	text-indent:-9999px;
	background-color:transparent;
	border:medium none;
	cursor:pointer;
}

.main-box .box-footer .stand-down-butn:hover {
	background-position:0 -182px;
}

.main-box .box-footer a.back-btn {
	background:url(/images/stat/foot-butn-sprite.gif) 0 -220px no-repeat;
	width:78px;
	height:38px;
	margin-left:0;
}

.box-footer a.back-btn:hover {
	background-position: 0 -257px;
}

.main-box .box-content .animation-butn { 
	float:left;
	width:95px;
	height:26px;
	background:transparent url(/images/stat/content-butn-sprite.gif) 0 -452px no-repeat;
	margin-bottom:1.5em;
}

.main-box .box-content .animation-butn:hover {
	background-position:0 -479px;	
}

.main-box .box-content .video-butn { 
	float:left;
	width:75px;
	height:26px;
	background:transparent url(/images/stat/content-butn-sprite.gif) 0 -395px no-repeat;
	margin-bottom:1.5em;
	margin-right: 10px;
}

.main-box .box-content .video-butn:hover {
	background-position:0 -422px;	
}

.aside .where-nav .logout-butn {
	display:block;
	width:59px;
	height:27px;
	background:transparent url(/images/stat/login-butn-sprite.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

.aside .where-nav .logout-butn:hover {
	background:transparent url(/images/stat/login-butn-sprite.gif) 0 -27px no-repeat;
}

.main-box .box-content .edit-butn { 
	float:left;
	width:78px;
	height:37px;
	background:transparent url(/images/stat/content-butn-sprite.gif) 0 -505px no-repeat;		
}

.main-box .box-content .edit-butn:hover {
	background-position:0 -542px;
}

/* PDF buttons (Interactive learning) */

.pdf-butn {
	display:block;
	height:71px;
	width:184px;
	text-indent:-99999px;
	background-image:url(/images/stat/pdf-button-sprite.gif);
	background-repeat:no-repeat;
}

#glascoed-centre a.pdf-butn {
	background-position:0 0;
}

#glascoed-centre a.pdf-butn:hover {
	background-position:0 -71px;
}

#onyx-museum a.pdf-butn {
	background-position:0 -142px;
}

#onyx-museum a.pdf-butn:hover {
	background-position:0 -213px;
}

#clydebuilt-museum a.pdf-butn {
	background-position:0 -284px;
}

#clydebuilt-museum a.pdf-butn:hover {
	background-position:0 -355px;
}

#sadtwd-info a.pdf-butn {
	background-position:0 -425px;
	margin-left:20px;
}

#sadtwd-info a.pdf-butn:hover {
	background-position:0 -497px;
}

/* DOC buttons */

.doc-butn {
	background-image: url("/images/stat/doc-button-sprite.gif");
	background-repeat: no-repeat;
	display: block;
	height: 71px;
	text-indent: -99999px;
	width: 184px;
}

#warton-app-form a.doc-butn {
	background-position: 0 0;
	margin-left: 20px;
}
#warton-app-form a.doc-butn:hover {
	background-position: 0 -72px;
	margin-left: 20px;
}


/* Gilder/levin image replacement 
-----------------------------------------*/

/* Requires addition of selectors to add a width & height to the parent element and set the background-image on the span */

h1 span {
color: #FFFFFF;	
}
h2 span {
color: #FFFFFF;	
}

/* Image replacement titles
-----------------------------------------*/


.h2-title { 
	height:21px;
	background-color:#000;
}

.h3-title {
	color: #000;
	font-family: Swiss721BT-BoldRounded;
	font-size: 18px;
	line-height: 1;
}


/* main pod
-----------------------------------------*/

.main-box {
	background:transparent url(/images/stat/main-box-top.gif) left top no-repeat;
	padding-top:10px;
	margin-bottom:10px;
}

.main-box .box-content {
	position:relative;
	overflow:hidden;
	min-height:320px;
	width:631px;
	padding:9px 17px 17px 21px;
	background-color:#000;
}


.main-box .box-footer {
	color:#000;
	background:transparent url(/images/stat/main-box-botm.gif) left bottom no-repeat;
	padding:12px 12px 8px 12px;
	font-size:1.6em;
	line-height:1.2em;
	min-height:2em;
}

.main-box .box-footer a { color:#000; }

.main-box .box-footer p {
	margin-bottom:0.5em;
}

.main-box .box-footer p.note {
font-size: 68.75%;	
}

.main-box .home-box-footer {
	height:9px;
	background:transparent url(/images/stat/main-box-alt-home.gif) left bottom no-repeat;
	font-size:0;
}


/* pod-1
-----------------------------------------*/
.pod-1 {
	overflow:hidden;
	width:328px;
	background:transparent url(/images/stat/pod1-top.gif) left top no-repeat;
	padding-top:6px;
	margin-bottom:10px;
	color:#000;
}

.pod-1 .pod-content {
	padding:12px 17px 17px 21px;
	background-color:#fff;
}

.pod-1 .pod-footer {
	height:10px;
	background:transparent url(/images/stat/pod1-botm.gif) left bottom no-repeat;
}

.pod-1 h3 {
	margin-bottom:7px;
}

.pod-1 ul { 
	margin-bottom:0;
}

.pod-1 .last { margin-bottom:0; }

/* pod-2
-----------------------------------------*/
.pod-2 {
	overflow:hidden;
	background:transparent url(/images/stat/pod2-top.gif) left top no-repeat;
	padding-top:10px;
	margin-bottom:10px;
	color:#000;
}

.pod-2 .pod-content {
	padding:12px 17px 17px 21px;
	background-color:#fff;
}

.pod-2 .pod-footer {
	height:10px;
	background:transparent url(/images/stat/pod2-botm.gif) left bottom no-repeat;
}

.pod-2 h3 {
	margin-bottom:7px;
}

.pod-2 p.introduction {
border-bottom: 1px #999 solid;
color: #000;
font-weight: bold;	
margin-bottom: 1.25em;
padding-bottom: 1.25em;
}

.pod-2 blockquote {
overflow: hidden;	
}
.pod-2 blockquote img {
float: left;	
}
.pod-2 blockquote p {
float: right;
font-style: italic;
margin-bottom: 1.2em;
padding-right: 10px;
width: 471px;	
}
.pod-2 blockquote cite {
float: right;
padding-right: 10px;
width: 471px;	
}

/* aside pod
-----------------------------------------*/

.pod-3 {
	margin-bottom:12px;
	color:#000;
	width:218px;
}

.pod-3 fieldset { margin-right:0; }



.pod-1 h3,
.pod-2 h3,
.pod-3 h3,
.pod-5 h3 {
	color: #000;
	font-size: 20px;
	line-height: 1;
	text-transform: uppercase;
}
.pod-5 h3 {
	color: #FFF;	
}
.pod-1 h3 span,
.pod-2 h3 span,
.pod-3 h3 span,
.pod-5 h3 span {
	background: none !important;
	color: #C7102C;
}
.pod-1 h4,
.pod-2 h4,
.pod-3 h4,
.pod-5 h4 {
	color: #000;
	font-size: 12px;
	font-weight:bold;
	line-height: 1;
	text-transform: uppercase;
}



.homepage-pods{ 
	overflow:hidden;
}

.homepage-pods .pod-3 { 
	float:left;
	margin-right:7px;
}

.homepage-pods .last-pod {
	margin-right:0;
}

.homepage-pods .pod-inner {
	min-height:205px;
}

.homepage-pods #is-cool-pod	.pod-button {
	margin-top:24px;
}

.pod-3 h3 a {
	display:block;
	width:202px;
	height:105px;
	text-indent:-9999px
}

.aside #big-bang-pod.pod-3 h3 { margin-bottom:0; }



.pod-3 p { margin-bottom:0.7em; }

.pod-3 .pod-inner {
	background:transparent url(/images/stat/pod3-top.gif) top left no-repeat;
	overflow: hidden;
	padding:8px 8px 0 8px;
}

.pod-3 .pod-inner .division{
	padding:0.5em 0 1em 0;
}

.aside #big-bang-pod .pod-content {
	overflow:hidden;
	display:inline-block;
	color:#fff;
	background:#000 url(/images/stat/pod3-alt-botm.gif) 0 bottom no-repeat;
	padding:8px;
}

.pod-3 .pod-footer {
	height:10px;
	background:transparent url(/images/stat/pod3-botm.gif) bottom left no-repeat;
}






/* pod-5
-----------------------------------------*/
.pod-5 {
	overflow:hidden;
	background:transparent url(/images/stat/pod5-top.gif) left top no-repeat;
	padding-top:10px;
	margin-bottom:10px;
	color:#000;
}

.pod-5 .pod-content {
	padding:12px 17px 17px 21px;
	background-color:#2E2E2E;
}

.pod-5 .pod-footer {
	height:10px;
	background:transparent url(/images/stat/pod5-botm.gif) left bottom no-repeat;
}

.pod-5 h3 {
	margin-bottom:7px;
}

.pod-5 .doc-resources li {
border-top: 1px #666 solid;
color: #FFF;	
}
.pod-5 label {
color: #FFF;	
}



.pod-button {
	display:block;
	width:202px;
	height:33px;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

.pod-button.preview{
	float:left;
	height:21px;
	margin-right:3px;
	width:58px;
}
.pod-button.download{
	float:left;
	height:21px;
	margin-right:3px;
	width:66px;
}

#warton-taster-week-pod h3 { background:url(/images/content/warton-taster-week-pic.jpg) no-repeat; }
#is-cool-pod h3 { background:url(/images/content/is-this-cool-2.jpg) no-repeat; }
#school-challenge-pod h3 { background:url(/images/content/school-challenge-pic.jpg) no-repeat; }
#teachers-resources-pod h3 { background:url(/images/content/teachers-resources-pic.jpg) no-repeat; }
#teachers-notes-pod h3 { background:url(/images/content/teachers-notes-pic.jpg) no-repeat; }
#teachers-notes-pod-ks12 h3 { background:url(/images/content/teachers-ks12-pic.jpg) no-repeat; }
#become-engineer-pod h3 { background:url(/images/content/become-engineer-pic.gif) no-repeat; }
#big-bang-pod h3 { 
	height:154px;
	background:url(/images/content/bang-pod-pic.jpg) no-repeat;
}
#big-bang-latest-pod h3 { background:url(/images/content/big-bang-latest-pic.jpg) no-repeat;}
#big-bang-gallery-pod h3 { background:url(/images/content/big-bang-gallery-pic.jpg) no-repeat;}
#big-bang-app-pod h3 { background:url(/images/content/big-bang-app-pic.jpg) no-repeat;}
#big-bang-ringtones-pod h3 { 
	background:url(/images/content/big-bang-ringtones-pic.gif) no-repeat;
	height: 105px;
	text-indent: -9999px;
	width: 202px;
}

#is-cool-pod .pod-button:link,#is-cool-pod .pod-button:visited  { background:transparent url(/images/stat/button-sprite-white.gif) 0 0 no-repeat; }
#is-cool-pod .pod-button:hover{ background-position: 0 -34px; }
#big-bang-app-pod .pod-button:link, #big-bang-app-pod .pod-button:visited, 
#warton-taster-week-pod .pod-button:link,#warton-taster-week-pod .pod-button:visited, 
#school-challenge-pod .pod-button:link,#school-challenge-pod .pod-button:visited,
#teachers-resources-pod .pod-button:link,#teachers-resources-pod .pod-button:visited,
#ambassador-login .pod-button:link,#ambassador-login .pod-button:visited { 
background:transparent url(/images/stat/button-sprite-white.gif) 0 -68px no-repeat;
margin-bottom:0; }

#big-bang-app-pod .pod-button:hover, 
#warton-taster-week-pod .pod-button:hover, 
#school-challenge-pod .pod-button:hover, 
#teachers-resources-pod .pod-button:hover, 
#ambassador-login .pod-content .pod-button:hover { background-position: 0 -102px; }

#big-bang-gallery-pod .pod-button:link, #big-bang-gallery-pod .pod-button:visited {background:transparent url(/images/stat/button-sprite-white.gif) 0 -476px no-repeat;}
#big-bang-gallery-pod .pod-button:hover{background:transparent url(/images/stat/button-sprite-white.gif) 0 -510px no-repeat;}

#big-bang-latest-pod .pod-button:link, #big-bang-latest-pod .pod-button:visited {background:transparent url(/images/stat/button-sprite-white.gif) 0 -544px no-repeat;}
#big-bang-latest-pod .pod-button:hover{background:transparent url(/images/stat/button-sprite-white.gif) 0 -578px no-repeat;}

#teachers-notes-pod .pod-button:link,#teachers-notes-pod .pod-button:visited,
#teachers-notes-pod-ks12 .pod-button:link,#teachers-notes-pod-ks12 .pod-button:visited { background:transparent url(/images/stat/button-sprite-white.gif) 0 -136px no-repeat; }

#teachers-notes-pod .pod-button:hover, #teachers-notes-pod-ks12 .pod-button:hover { background-position: 0 -170px; }

#become-engineer-pod .pod-button:link,#become-engineer-pod .pod-button:visited { background:transparent url(/images/stat/button-sprite-white.gif) 0 -271px no-repeat; }
#become-engineer-pod .pod-button:hover { background-position: 0 -306px; }

#big-bang-pod .pod-button:link, #big-bang-pod .pod-button:visited {  
	background:transparent url(/images/stat/content-butn-sprite.gif) 0 -221px no-repeat;	
	width:104px;
	height:27px;
}
#big-bang-pod .pod-button:hover {
	background-position: 0 -249px;
}

#big-bang-ringtones-pod .pod-button.preview:link,#big-bang-ringtones-pod .pod-button.preview:visited  { background:transparent url(/images/stat/button-sprite-white.gif) 0 -612px no-repeat; }
#big-bang-ringtones-pod .pod-button.preview:hover{ background:transparent url(/images/stat/button-sprite-white.gif) 0 -635px no-repeat; }

#big-bang-ringtones-pod .pod-button.download:link,#big-bang-ringtones-pod .pod-button.download:visited  { background:transparent url(/images/stat/button-sprite-white.gif) -61px -612px no-repeat; }
#big-bang-ringtones-pod .pod-button.download:hover{ background:transparent url(/images/stat/button-sprite-white.gif) -61px -635px no-repeat; }

/* aside nav
-----------------------------------------*/

.where-nav {
	margin-bottom:12px;
}
.where-nav h3 {
	color: #C7102C;
	text-transform: uppercase;
}
.where-nav h3 span {
	background: none !important;
	color: #FFF;
}

.where-nav li {
	border-top:1px solid #808080;
	padding:0.5em 0 0.6em 0;
	margin-bottom:0;
	list-style:none;
}

.where-nav li a:link,.where-nav li a:visited { 
	color:#FFF;
	display: block;
	padding-left:14px;
	text-decoration:none;
	background:url(/images/stat/nav-arrow-off.gif) 0 4px no-repeat;
}

/* Highlighting */
.pod-inner li.selected a
{
	color:#db1838;
	background:url(/images/stat/nav-arrow-on.gif) 0 4px no-repeat;
}

.where-nav li a:hover, .where-nav li a:active {
	color:#db1838;
	text-decoration:none;
}

.where-nav .pod-inner {
	background:transparent url(/images/stat/pod4-top.gif) top left no-repeat;
	padding:28px 12px 10px 12px;	
}

.where-nav .pod-footer {
	height:10px;
	background:transparent url(/images/stat/pod4-botm.gif) bottom left no-repeat;
}

.where-nav .loggedin-as {
	color:#fff;
}
.where-nav .loggedin-as span {
	color:#db1838;	
}


/* useful links
-----------------------------------------*/

.useful-links li {
	overflow:hidden;
	width:100%;
	list-style:none;
	border-top:1px solid #999;
	padding:1.1em 0 0 0;
}

.useful-links p {
	float:left;
	display:inline;
	margin: 0 0 0.8em 20px;
	width:145px;

}

.useful-links .text-link {
	float:left;
	margin-bottom:0.2em;
	padding-left:20px;
	min-height:12px;
	width:145px;
	background:transparent url(/images/stat/arrow-lg-black.gif) 0 center no-repeat;
}

.useful-links .foot-img {
	clear:both;
	float:left;
	margin-left:20px;
}

h3#t-useful-links {
	color: #000;
	font-size: 20px;
	line-height: 1;
	text-transform: uppercase;
}
h3#t-useful-links span {
	background: none !important;
	color: #C7102C;
}

.branding img {
	margin-top:28px;
}

.branding a {
	position:absolute;
	z-index:10;
}

.introduction {
	color:#999;
	margin-bottom: 1.2em;
}


/* pdf downloads
-----------------------------------------*/
.pdf-downloads ul {
	border-top:1px solid #999;
	padding:1.1em 0 0 50px;
	background:transparent url(/images/stat/doc-pdf.png) 0 1.1em no-repeat;
}

.pdf-downloads li {
	width:100%;
	list-style:none;
}

.pdf-downloads p {
	border-top:1px solid #999;
	padding-top:1.1em;
	margin-bottom:0.8em;
}

.pdf-downloads a {
	display:block;
	padding-left:12px;
	background:transparent url(/images/stat/arrow-sml-red.gif) 0 center no-repeat;
}

/* fun and games
-----------------------------------------*/

.fun-and-games img { 
	margin-left:-21px;
	margin-bottom:12px;
}

.fun-and-games h4 { 
	font-size:1.2em;
	font-weight:bold;
}

h3#t-fun-and-games {
	color: #000;
	font-size: 20px;
	line-height: 1;
	text-transform: uppercase;
}
h3#t-fun-and-games span {
	background: none !important;
	color: #C7102C;
}

.games-page p.introduction{
	padding-bottom:12px;
}

/* doc resources
-----------------------------------------*/
.doc-resources { margin:1em 0 0.5em 0; }

.doc-resources ul { margin-bottom:0; margin-left: 0; }

.doc-resources li { list-style:none; }

.doc-resources h3 { color:#fff; }
.doc-resources h3 span{ color:#DB1838; }
/*
.doc-resources a { display:block; }
*/
.doc-resources li {
	border-top:1px solid #5F0B18;
	padding:1.5em 0 0.5em 50px;
	min-height:46px;
}
.doc-resources li.no-matching-resources {
	padding-left: 0;
}

.doc-resources .last { border-bottom:1px solid #5F0B18; }

.doc-resources .zip { background:url(/images/stat/doc-zip.png) 0 1.2em no-repeat; }
.doc-resources .pdf { background:url(/images/stat/doc-pdf.png) 0 1.2em no-repeat; }
.doc-resources .ppt { background:url(/images/stat/doc-ppt.png) 0 1.2em no-repeat; }
.doc-resources .doc { background:url(/images/stat/doc-doc.png) 0 1.2em no-repeat; }
.doc-resources .xls { background:url(/images/stat/doc-xls.png) 0 1.2em no-repeat; }
.doc-resources .wmv, .doc-resources .mov { background:url(/images/stat/doc-wmv.png) 0 1.2em no-repeat; }

.doc-resources.featured li { padding-left:0; }
.doc-resources.featured li img{ float:left; padding-right:15px; }

/* diary pod
-----------------------------------------*/

.diary p {
	padding:1.1em 0 0 125px;
	margin-bottom:0;
	min-height:75px;
	border-top:1px solid #999;
	background:url(/images/content/diary.jpg) 0 0.4em no-repeat;
}

/* videos
-----------------------------------------*/

.videos li {
	overflow:hidden;
	width:100%;
	list-style:none;
	border-top:1px solid #999;
	padding:0.7em 0 0.7em 0;
}

.videos .video-link {
	display:block;
	padding-left:12px;
	background:transparent url(/images/stat/arrow-sml-red.gif) 0 0.3em no-repeat;
	font-weight:bold;
	margin-left:99px;
}

/* quizzes
-----------------------------------------*/

.quizzes {
	overflow:hidden;
	width:100%;
	border-top:1px solid #fff;
}

.quizzes h3 {
	color:#fff;
}

.quizzes a {
	display:block;
	font-size:1.6em;
	padding-left:26px;
	margin-bottom:0.5em;
	background:transparent url(/images/stat/arrow-sml-white.gif) 0 center no-repeat;
}

.quizzes p {
	margin-left:26px;
}

.quizzes ul {
	margin-left:197px;
}

.quizzes li {
	list-style:none;
}

/* craft apprentice / technical 
------------------------------------------------------*/

.overview h4 {
	font-size:1em;
	margin-bottom:0;
}


.apprentice dl, .apprentice h4, .apprentice p {	margin-left:208px; }
.apprentice dl p { margin-left:0; }

/* accordion
-----------------------------------------*/

.accordion {
	margin-bottom:1em;
}

.accordion h4 {
	color:#DB1838;
}

.accordion dl {
	border-bottom:1px solid #999;
}

.accordion dt {
	border-top:1px solid #999;
	padding:0.2em 0 0.3em 18px;
	background:url(/images/stat/arrow-toggle-up.gif) left center no-repeat;
	cursor:pointer;
}

.work-experience-page dd {
	overflow:hidden;
}

.accordion dt.open {
	background:url(/images/stat/arrow-toggle-dn.gif) left center no-repeat;	
	border-bottom:1px solid #999;
}

.accordion div {
	text-transform:uppercase;
	color:#db1838;
	font-size:0.9em;
}

.accordion dt span {
	color:#db1838;
}

.accordion dd {
	color:#fff;
	padding-top:0.4em;
	padding-left:26px;
}



/* carousel
-----------------------------------------*/

.carousel {
	overflow:hidden;
	width:100%;
	margin-bottom:14px;
}

.carousel li { 
	float:left;
	list-style:none;
	margin-right:9px;
}

.carousel .slide {
	position:relative;
	width:633px;
	height:416px;
}

.carousel .controls {
	text-align:center;
	overflow:hidden;
	width:100%;
	border:1px solid #333;
	margin-bottom:8px;
}

.carousel .slide-frame { 
	position:relative;
	margin-bottom:25px;
	height:416px;
	overflow:hidden;
}

.carousel-thumbs a {
	float:left;
	display:block;
	color:#666;
	background-color:#fff;
	padding:7px 7px 19px 7px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.8em;
}

.carousel-thumbs a:hover {
	color:#fff;
	background-color:#C7102C;
}

.carousel-thumbs li span { 
display:block; 
min-height: 2.4em;
}

.controls div {
	line-height:3em;
}

.controls .slide-butn {
	display:block;
	width:37px;
	height:35px;
	background-image:url(/images/stat/slide-butns-sprite.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.controls a.prev {
	float:left;
	background-position:0 0;
	margin:2px 3px 2px 3px;
}

.controls a.prev:hover {
	background-position:0 -35px;
}

.controls a.next {
	float:right;
	background-position:0 -70px;
	margin:2px 3px 2px 3px;
}

.controls a.next:hover {
	background-position:0 -105px;
}

/* info box (aircraft hall) */

.info-box { 
	position:absolute;
	left:50%;
	margin-left:-184px;
	bottom:10px;
	width:368px;
	padding:7px;
	border:1px solid #999;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	background-color:#000;
	background-color: rgba(0,0,0,0.7);
}

.info-box h3 { 
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}

.info-box h3,
.info-box .trigger {
	text-align:center;
}

.info-box .trigger { 
	font-size:0.8em;
	text-transform:uppercase;
	margin-bottom:1em;
	cursor:pointer;
}


/* interactive learning */

.category {
	margin-bottom:1.5em;
}

.category h3 {
	color:#fff;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding-top:0.6em;
	padding-bottom:0.6em;
	margin-bottom:0;
}

.category .division {
	border-bottom:1px solid #3d3d3d;
	border-top:none;
}

.category .division.last {
	border-bottom:none;
}

.category .cat-link {
	display:block;
	margin-left:100px;
}

.interactive-learning-page .division div {
	margin-left:128px;
	width:310px;
}

/* media-links lists */

.media-links {
	list-style:none;
}

.media-links li a, .media-link {
	padding-left:14px;
	background:transparent url(/images/stat/nav-arrow-off.gif) 0 0.3em no-repeat;
}

.media-links li { margin-bottom:0.5em; }

/* scores
-----------------------------------------*/

.scores { padding-top:1em; }

.scores dt,
.scores dd {
	font-size:1.6em;
	margin-bottom:0.25em;
}

.scores dt {
	float:left;
	margin-right:0.5em;
}

.scores .score-value {
	float:left;
}

.scores dd {
	color:#999;
}

.scores p {
	clear:both;
	font-size:0.6em;
	margin-bottom:0;
}

.scores .score { 
	width:242px;
	background-color:#333;
	margin-bottom:2em;
}

.score span {
	display:block;
	background-color:#c7102c;
	height:15px;
}

.scores .last {
	margin-bottom:0;
}

/* results-list
-----------------------------------------*/
.results-list {border-bottom: 1px #999 solid;margin-bottom:2em;padding-bottom:10px;}
.results-list dl {border-top: 1px #5F0B18 solid;position: relative;}
.results-list dt {padding-top: 0.84em;}
.results-list dd {padding-bottom: 0.8em;}
.results-list dd.btn {
	border-bottom: 0; 
	position: absolute;
	right: 0px;
	top: 10px;
}

/* login
-----------------------------------------*/

.login fieldset {
	margin-left:0;
}

.login .submit { 
	background:transparent url(/images/stat/button-sprite-white.gif) 0 -204px no-repeat;
}

.login .submit:hover { background-position: 0 -238px;}

.login .text-input { 
	color:#000;
	background-color:#c0c0c0;
	width:172px;
}

.login a { 
	display:block;
	color:#000;
	margin-bottom:1.3em;
}

.login fieldset div { 
	margin-bottom:0.4em;
	padding: 0;
}

.login .form-buttons { 
	margin-bottom:0;
}

.login .pod-inner {
	padding-top:14px;
}
.login h3 {
	text-transform: none;
}

/* paging
-----------------------------------------*/

.paging { 
	overflow:hidden;
}

.paging ul { 
	display:table; /* Used to aid centering-won't work in IE6 */
	margin:0 auto;
	overflow:hidden;
}

.paging li {
	float:left;
	list-style:none;
	line-height:3em;
}

.paging a,
.paging .active { 
	padding:0 0.4em 0 0.4em;
	border-left:1px solid #fff;
}

.paging li.first a { border-left:none; }

.paging .last { border-right:1px solid #fff; }

.paging .start_page a,
.paging .end_page a { border-left:none; }

.paging .page-butn {
	display:block;
	width:37px;
	height:35px;
	background-image:url(/images/stat/slide-butns-sprite.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	border:none;
}

.paging a.prev {
	background-position:0 0;
	margin:2px 8px 2px 3px;
	padding:0;
}

.paging a.prev:hover {
	background-position:0 -35px;
}

.paging a.next {
	background-position:0 -70px;
	margin:2px 3px 2px 8px;
	padding:0;
}

.paging a.next:hover {
	background-position:0 -105px;
}


/* article
-----------------------------------------*/

.articles {
	padding-top:1.2em;
	border-top:1px solid #999;
}

.articles .division {
	border-bottom:1px solid #5F0B18;
	border-top:none;
}

.articles p { 
	margin-top:0.3em;
	margin-left:114px;
} 

.article-date { color:#999; }

.articles h3 {
	color:#fff;
	margin-bottom:0;
}

.articles .results-note { margin-left:0; }

.articles .view-all { 
	float:right;
	text-transform:uppercase;
}

.articles .view-all { 
	color:#fff;
	background:url(/images/stat/nav-arrow-off.gif) 0 center no-repeat;
	padding-left:13px;
}

/* news story
-----------------------------------------*/
.news-story {
	border-bottom:1px solid #999;
	overflow:hidden;
	width:100%;
	padding-bottom:1.2em;
	margin-bottom:1.2em;
}

.news-story .story-date {
	font-size:1.6em;
	margin-bottom:1.3em;
}

/* register your school page */

.register-school-cta {
	border-bottom: 1px #999 solid;
	margin-bottom: 1.5em;
	overflow: hidden;
	padding-bottom: 1em;
}
.register-school-cta p {
	color:#999;
	float: left;
	margin-bottom: 1em;	
	width: 40em;	
}
.register-school-cta p em {
	color: #FFF;
	font-style: normal;	
}
.register-school-cta a.btn-text {
	float: right;
	width: 10em;
}
.register-school-selected {
	overflow: hidden;
	margin-bottom: -8px;
	margin-left: 22px;
}
.register-school-selected p {
	margin-bottom: 0.6em;
	margin-right: 3em;	
}
.register-school-selected p strong {
	color: #C6102C;	
}
.register-school-selected a.btn-text {
margin-top: 0.2em;	
}


/* What is engineering section
-----------------------------------------*/

.engineering-intro {
 	height:15.7em;
}

.bug-eye-page .box-content {
	background-image:url(/images/content/bug-eye.jpg);
	background-position:22px 47px;
	background-repeat:no-repeat;
}

.insects-page .box-content {
	background-image:url(/images/content/insects.jpg);
	background-position:22px 47px;
	background-repeat:no-repeat;
}	

.telescope-network-page .box-content {
	background-image:url(/images/content/universe.jpg);
	background-position:22px 47px;
	background-repeat:no-repeat;
}	

.gecko-page .box-content {
	background-image:url(/images/content/gecko.jpg);
	background-position:17px 47px;
	background-repeat:no-repeat;
}

.liquid-armour-page .box-content {
	background-image:url(/images/content/liquid-armour.jpg);
	background-position:17px 47px;
	background-repeat:no-repeat;
}

.what-engineering-page .tabs {
	margin-top:-33px;
}


/* tabs
-----------------------------------------*/

.tabs img {
	display:block;
	margin:0 17px 20px 0;
}

.tabs .tab-imagery {
	float:left;
}

.tabs .tab-copy {
	margin-left:234px;
	margin-bottom:50px;
}

.ui-tabs .ui-tabs-hide { display: none !important; }



/* homepage
-----------------------------------------*/

.homepage .box-content {
	padding:0;
	width:100%;
}

.homepage h1 { 
	position:relative;
	color:#fff;
	font-size:2.2em;
	line-height:1.2em;
	width:669px;
	height:334px;
	margin:0;
}
.homepage h1 span {
    /*background: url("/images/content/home-the-big-bang.jpg") no-repeat scroll right 0 #000000;*/
}


.homepage h1 span {
	position:absolute;
	width:100%;
	height:100%;
	/*background:#000 url(/images/content/home-liquid-armour.jpg) right 0 no-repeat;	*/
	background: url("/images/content/home-SKA.jpg") no-repeat scroll right 0 #000000;
}

.homepage h1 a { color:#fff; }

.homepage-feature {
	position:relative;
	border-top:1px solid #999;
	overflow:hidden;
	width:100%;
}

.homepage-feature .feature-copy {
	border-right:1px solid #999;
	float:left;
	width:375px;
}

.homepage-feature .feature-copy p {
	margin:20px 32px 20px 32px;
	font-size:1.2em;
	line-height:1.3em;
}

.homepage-feature a.findoutmore-butn{
	background: transparent url("/images/stat/findoutmore_button_sprite.gif") no-repeat scroll 0 0;
	height:35px;
	display:block;
	text-indent:-99999px;
	width:117px;
}
.homepage-feature a.findoutmore-butn:hover{
	background-position: 0 -36px;
}
.homepage-feature a.seevideos-butn{
	background: transparent url("/images/stat/content-butn-sprite.gif") no-repeat scroll 0 -801px;
	height:35px;
	display:block;
	text-indent:-99999px;
	width:117px;
}
.homepage-feature a.seevideos-butn:hover{
	background-position: 0 -837px;
}

/* feature-nav ---------------------------------------------------*/


.homepage-feature .feature-nav {
	display:inline;
	float:right;
	margin:20px 35px 0 17px;
}

.feature-nav ul {
	height:37px;
	float:left;
	margin-left:0;
}

.feature-nav li {
	float:left;
	list-style:none;
}

.feature-nav li a {
	display:block;
	text-indent:-9999px;
	height:37px;
	background-image:url(/images/stat/feature-nav-sprite.gif);
	background-repeat:no-repeat;
}

.feature-nav .five-to-eight a { width:74px; }
.feature-nav .nine-to-thirteen a { width:79px; }
.feature-nav .fourteen a { width:68px; }

.feature-nav .five-to-eight a, .feature-nav .five-to-eight a:link, .feature-nav .five-to-eight a:visited { background-position:0 0; }
.feature-nav .nine-to-thirteen a, .feature-nav .nine-to-thirteen a:link, .feature-nav .nine-to-thirteen a:visited { background-position:-74px 0; }
.feature-nav .fourteen a, .feature-nav .fourteen a:link, .feature-nav .fourteen a:visited { background-position:-153px 0; }

.feature-nav .five-to-eight a:hover { background-position:0 -37px; }
.feature-nav .nine-to-thirteen a:hover { background-position:-74px -37px; }
.feature-nav .fourteen a:hover { background-position:-153px -37px; }

.homepage-feature .feature-nav h3 {
	color:#fff;
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:bold;
}


/* Roadshow gallery
-----------------------------------------*/

.gallery-details h3 {
	margin-bottom:0.2em;
}

.gallery-details h4 {
	color:#999999;
	border-top:1px solid #999;
	padding-top:1em;
	margin-bottom:1em;
}

.gallery-details {
	width:290px;
} 

.gallery-details .roadshow-date {
	font-size:1.6em;
}

.youtube-video {
	text-align:center;
	margin-bottom:1.5em;
}

.flv-video {
	text-align:center;
	margin-bottom:1.5em;
}

.full-video .video,
.full-video object {
height: 353px;
width: 630px;
}
.flv-video a.poster-link {
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.video a.poster-link span {
    background: url("/images/stat/video-play.png") repeat scroll 0 0 transparent;
    display: block;
    height: 73px;
    left: 50%;
    margin: -37px 0 0 -37px;
    opacity: 0.75;
    position: absolute;
    top: 50%;
    width: 73px;
}
.video a.poster-link span:hover {
    opacity: 0.9;
}

/* School details
-----------------------------------------*/

.school-details {
	width:100%;
	overflow:hidden;
	margin-bottom:1.5em;
	line-height:1.5em;
}

.school-details .details-main {
	float:left;
	width:45%;
}

.school-details .details-sub {
	float:right;
	width:45%;	
}



/*  ## FORM INSTRUCTIONS ---------------------------------------------------*/

p.errorhighlight {

}

em.required {
	font-style:normal;	
}

em.required span { color:#CCC411; }

p.error-instruction { 
	clear:both;
	padding-top:1em;
} 

.error .errorfeedback {
	color: #CCC411;
	position: absolute;
	right: 0;
	top: 0;
}

.error .errorfeedback em {
	font-size: 90%;
	font-style: normal;
	text-transform: uppercase;
}

fieldset .error input, fieldset .error textarea, fieldset .error select {
	background-color: #CCC411;
}

fieldset .error input[type=submit] {
	outline: none;
}

/*  ## BASE FORM LAYOUT ---------------------------------------------------*/

.form {
	overflow:hidden;
	width:100%;
	border-top:1px solid #999;
	padding-top:1.2em;
	margin-bottom:1.4em;
}

fieldset {
	margin-left:22px;
	margin-right:22px;
}

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

legend span { 
	display:block;
	font-size:1.6em;
	color:#DB1838;
	margin-bottom:0.8em;
	padding: 0 0 0 5px;
}

fieldset div { margin-bottom:1.2em; position: relative;}

fieldset div div { margin-bottom:0.4em;	padding: 0; }

label,
.label {
	display:block;
	cursor:pointer;
	margin-bottom:0.4em;
}

fieldset .note {
	color: #999;
	display: block;	
	font-size: 90%;
	margin-top: 0.4em;
}


.text-input{
	font-size:1em; 
	border:none;
	height:1.6em;
	background-color:#fff;
	margin: 0 0 0.4em 0;
	padding:2px 4px;
	width:252px;
}

.file-input {
	width: 15em;
}

.radio-input { margin:0; }

select { 
	border: 0;
	margin: 0 0 0.4em 0;
	padding:2px 4px;
	width:252px;
} 

textarea{
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin: 0;
	padding:2px 4px;
	width:252px;
}

.submit {
	border:none;
	cursor:pointer;
	background-color:transparent;
}



.checkbox-single,
.checkbox-list,
.checkbox-row,
.radio-single,
.radio-list,
.radio-row,
.radio-grid,
.radio-gallery {
padding: 3px;
position: relative;
}
.checkbox-single li,
.checkbox-list li,
.checkbox-row li,
.radio-single li,
.radio-list li,
.radio-row li,
.radio-grid li,
.radio-gallery li {
vertical-align: middle;
}

.checkbox-single input,
.checkbox-list input,
.checkbox-row input,
.radio-single input,
.radio-list input,
.radio-row input,
.radio-grid input,
.radio-gallery input {
margin: 0 4px 0 0;
vertical-align: baseline;
width: auto;
}
.checkbox-single label,
.checkbox-list label,
.checkbox-row label,
.checkbox-grid label,
.radio-single label,
.radio-list label,
.radio-row label,
.radio-grid label,
.radio-gallery label {
display: inline;
width: auto;
text-align: left;
}
.checkbox-list ul,
.checkbox-row ul,
.checkbox-grid ul,
.radio-list ul,
.radio-row ul,
.radio-grid ul,
.radio-gallery ul {
list-style: none;
margin-left: 0;
}
.checkbox-list ul,
.checkbox-row ul,
.checkbox-grid ul,
.radio-list ul,
.radio-row ul,
.radio-grid ul {
overflow: hidden;
}

.checkbox-row p.inline,
.radio-row p.inline {
display: inline;
}

.checkbox-list p.label,
.radio-list p.label {
display: block;
float: left;
}

.checkbox-list ul,
.radio-list ul {
display: inline-block;
/*padding-left: 8px;*/
/*width: 450px;*/
margin: 0;
}

.checkbox-list li,
.radio-list li {
margin: 0 0 1em 0;
}

.checkbox-row,
.radio-row {
padding: 3px 3px 10px 3px;
}
.checkbox-row ul,
.radio-row ul {
display: inline;
padding-left: 3px;
}
.checkbox-row li,
.radio-row li {
display: inline;
margin: 0 2em 1em 0;
}

.checkbox-grid p.label,
.radio-grid p.label {
margin: 0 0 1.8em 0;
text-align: left;
width: auto;
}

.checkbox-grid li,
.radio-grid li {
float: left;
margin: 0 0 1em 0;
}
.checkbox-grid.grid-row-2 li,
.radio-grid.grid-row-2 li {
width: 50%;
}
.checkbox-grid.grid-row-3 li,
.radio-grid.grid-row-3 li {
width: 33%;
}
.checkbox-grid.grid-row-4 li,
.radio-grid.grid-row-4 li {
width: 25%;
}


.message {
	background: #85A503 url("/images/stat/message-positive.gif") no-repeat 574px 11px;
	color:#FFF;
	font-size:16px;
    margin-bottom: 1.5em;
	min-height:36px;
    padding: 1em 60px 1em 1em;
}

.message.negative{
	background: #C7102C url("/images/stat/message-negative.gif") no-repeat 574px 11px;
}

/* Generic
-----------------------------------------*/

.date-day,.date-month { width:1.8em; }
.date-year { width:2.6em; }

.questionnaire legend span,
.supplementary-nav legend span {
	position:absolute;
	left:-3000em;
}

fieldset.col1 { 
	float:left; 
	display:inline;
	margin-right:0;
	margin-top: 30px;
	padding-right:34px;
	width:260px;
}

fieldset.col2 { 
	float:left;
	display:inline;
	margin-left:0;
	margin-right: 20px;
	margin-top: 30px;
	padding-left:32px;
	width:260px;
}

fieldset.col1.long-col {
	border-right:1px solid #3D3D3D;
}

fieldset.col2.long-col {
	border-left:1px solid #3D3D3D;	
}

fieldset div p {
margin: 0 0 0.4em 0;
}

/* inline-form */

.inline-form fieldset{
	background: #3D3D3D;
	display: inline-block;
	margin: 6px 0 20px 0;
	padding: 13px 15px;
}

.inline-form fieldset #school-name { width:17em; }
.inline-form fieldset #postcode { width:7em; }
.inline-form fieldset select { width:auto;}

.inline-form fieldset.limit-size select {
max-width: 11em;	
}

.inline-form fieldset div.form-row,
.inline-form fieldset div.form-buttons {
	float: left;
	margin: 0 0.6em 0 0;
	overflow:hidden;
	width: auto;	
}
.inline-form fieldset .errorfeedback {
position: static	
}
.inline-form fieldset div.form-buttons {
	margin:1.6em 0 0 0;
}
.inline-form fieldset input {
	display:block;
	margin-right:10px;
	margin-top:0.3em;
}
.inline-form fieldset div.form-buttons input {
background: #C7102C url("/admin/images/stat/btn-fade.png") repeat-x scroll 0 0;
border: 1px solid #C7102C;
border-radius: 3px;
color: #FFF;
cursor: pointer;
display: inline-block;
font-size: 11px;
line-height: 1;
padding: 3px 6px;
text-align:center;
text-transform: uppercase;
width: auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.inline-form fieldset div.form-buttons input:hover {
background-color: #D24056;
}

.read-only {
	color:#999;
}

/* Search form
-----------------------------------------*/

.supplementary-nav fieldset {
	border:none;
	padding:0;
	margin:0;
}

.supplementary-nav .text-input {
	width:172px;
	color:#fff;
}

.supplementary-nav .submit {
	width:27px;
	height:26px;
	background-image:url(/images/stat/button-sprite-grey.gif);
	vertical-align: middle;
}

.supplementary-nav .submit:hover,
.supplementary-nav .submit:active {
	background-position: 0 -26px;
}

#resources_frm select,
#resources_frm input {
	margin-bottom:1em;
}


/* Questionnaire
-----------------------------------------*/

.questionnaire fieldset {
	margin: 0;	
}

.questionnaire .question-no { 
	float:left;
	margin-right:13px;
	color:#ED1A3B;
}

.questionnaire .question {
	float:left;
	display:block;
	width:500px;
}

.questionnaire fieldset label { 
	float:none;
	margin-left:3px;
	display:inline;
}

.questionnaire fieldset input {
	display:inline;
	margin-right:0;
	margin-top:0;
}

.questionnaire .question-row { 
	line-height:1.5em;
	margin-bottom:0;
	overflow:hidden;
	width:100%;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-bottom:1px solid #5F0B18;
}

.questionnaire .choice-butns {
	display:inline;
	float:right;
}


.questionnaire .incorrect,
.questionnaire .correct {
	display:block;
	float:right;
	width:11px;
	height:10px;
	margin:0.3em 7px 0 0;
}

.questionnaire .incorrect {
	background:transparent url(/images/stat/incorrect.gif) 0 0 no-repeat;
}

.questionnaire .correct {
	background:transparent url(/images/stat/correct.gif) 0 0 no-repeat;
}

.you-scored { 
	font-size:1.6em;
	color:#FFF;
	border-bottom:1px solid #999;
	padding-bottom:1.2em;
	margin-bottom:1em;
}

.you-scored span {
	color:#999;
}


/* Supplementary nav
-----------------------------------------*/

.supplementary-nav .text-input,
.login .text-input {
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;	
	-moz-border-radius:3px;
	border-radius:3px;
}

.supplementary-nav .text-input {
	background-color:#606060;
}

.vcard {
	margin-bottom:1.5em;
}

/* Sitemap
-----------------------------------------*/

.sitemap-page .box-content a {
	text-decoration:none;
	color:#DB1838;
}

.sitemap-page .box-content ul { 
	margin-top:0.5em;
	margin-bottom:0;
}

.sitemap-page .box-content ul li { 
	font-size:1.6em;
	list-style:none;
}

.sitemap-page .box-content ul li a { color:#fff; }

.sitemap-page .box-content ul li ul li { 
	font-size:0.65em;
	margin-left:17px;
}

.sitemap-page .box-content ul li ul li a { color:#DB1838; }

.sitemap-page .box-content ul li ul li ul li {
	font-size:1em;
}

.sitemap-page .col1 { 
	float:left;
	width:293px;
}

.sitemap-page .col2 {
	float:right;
	width:293px;
}


/*  ## CMS CONTROLLED IMAGE PLACEMENT ---------------------------------------------------*/

/*  ## PAGE FOOTNOTES ---------------------------------------------------*/

/*  ## ACCESSIBLE HIDE ---------------------------------------------------*/

.accessibility,
.hide {
	position:absolute;
	left:-3000em;	
}

/*subnav */
.your-school-page .sub-nav .roadshow a {  }
.your-school-page .sub-nav .photo-gallery a {  }
.your-school-page .sub-nav .challenge a {  }


.secure-area-overview h3 {
	display:block;
	width:auto;
	height:auto;
	line-height: 1.2;
	text-indent:0;
}

/* Teachers secure area*/
#teachers-secure-area h3 { 
	/*height:38px;
	background:url(/images/content/titles/t-teachers_secure-area.gif) no-repeat;
	margin-top: 10px;*/
}
#ambassadors-secure-area h3 { 
	/*height:38px;
	background:url(/images/content/titles/t-ambassadors_secure-area.gif) no-repeat;
	margin-top: 10px;*/
}

.secure-area-overview .pod-button:link,
.secure-area-overview .pod-button:visited { background:transparent url(/images/stat/button-sprite-white.gif) 0 -340px no-repeat; }

.secure-area-overview .pod-button:hover{ background-position: 0 -374px;}
/* Fix line hieoght on h3 */
.teachers-secure-area h3 {
	line-height: 1em;
}
/* Indenet Paragraphs on listing */
.teachers-secure-area .col p {
	padding-left: 15px;
}
/* Teachers login pod*/
#teachers-login .pod-content .pod-button:link,#teachers-login .pod-content .pod-button:visited {
	 background:transparent url(/images/stat/button-sprite-white.gif) 0 -408px no-repeat;
	 margin-bottom: 0;
}
#teachers-login .pod-content .pod-button:hover{ background-position: 0 -442px;}
#teachers-login .pod-content p a {
	display: inline;
}
#teachers-login h4,
#ambassador-login h4 {
	color: #999999;
	border-top: 1px solid #999999;
	margin-top: 10px;
	margin-bottom:0.2em;
	padding-top: 10px;
	line-height:1.1em;
}

#teachers-login div.error,
#ambassador-login div.error {
	border:1px solid #DB1838;
	padding:5px;
}

/* school report bottom pods */
/* Teachers what to do next pod */
#t-teachers-next {
	text-indent: -9999em;
	width: 163px;
	height: 47px;
	background: url(../images/content/titles/t-teachers-next.gif);
}
.teachers-next p {
	margin: 15px 0 0 0;
}
.teachers-next .pod-content {
	padding: 10px 10px 0 10px;
}
.teachers-next .pod-top {
	background: url(../images/content/teachers-next-pic.jpg) bottom right no-repeat;
	padding: 0 140px 30px 0;
}
.teachers-next .pod-bottom {
	background: #009999 url(../images/stat/pod-bottom-teachers-next.gif) bottom left no-repeat;
	padding: 10px 0 0 10px;
	overflow: hidden;
}
.teachers-next .pod-bottom h4 {
	color: #000;
}
.teachers-next ul {
	margin: 0;
	padding: 0 10px 0 0;
}
.teachers-next ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.teachers-next ul li a:link, .teachers-next ul li  a:visited { 
	color:#FFF;
	padding-left:14px;
	text-decoration:none;
	background:url(../images/stat/arrow-teachers-next.gif) 0 center no-repeat;
}
.teachers-next a.pod-button:link, .teachers-next a.pod-button:visited {
	text-indent: -9999em;
	width: 145px;
	height: 55px;
	background: url(../images/stat/btn-teachers-next.gif) top left no-repeat;
}
.teachers-next a.pod-button:link:hover {
	background-position:0 -69px;
}
/* India project pod */

.india-project .pod-content {
	padding: 15px;
	padding-bottom: 0;
}
.india-project .division {
	padding-bottom: 0.3em;
}
.india-project img.left {
	margin-right: 10px;
}
.india-project p {
	padding-left: 110px;
}
.india-project a.pod-button:link, .india-project a.pod-button:visited {
	text-indent: -9999em;
	width: 139px;
	height: 34px;
	background: url(../images/stat/btn-pod1-visit.gif) top left no-repeat;
}
.india-project a.pod-button:link:hover {
	background-position:0 -34px;
}
/* Previous winners */
.challenge {
	width: 226px;
	padding-right: 15px;
	float: left;
	line-height: 1.8em;
}
.challenge h3 {
	margin-bottom: 0;
}
.challenge h4 {
	color: #fff;
	margin-top: 0;
}
.entry {
	width: 120px;
	float: left;
	margin-left: 10px;
}
.entry img {
	margin-bottom: 5px;
}
.entry strong {
	font-size: 1.2em;
	display: block;
}
.entry-alt {
	float: right;
	margin-left: 0;
	overflow: hidden;
	padding-bottom: 10px;
	width: 380px;
}
.entry-alt img {
	float: left;
	margin-right: 10px;
}
.winners-alt {
	clear: left;
	padding-left: 241px;
}


/* What engineers do accordian */
dl.accordion-alt {
	position: relative;
	padding-top:1em;
	border-bottom: 1px solid #5F0B18;
	clear: right;
}
dl.accordion-alt dt {
	font-size:1.6em;
	padding:10px 0 10px 26px;
	background:transparent url(/images/stat/arrow-sml-white.gif) 0 center no-repeat;
	color:#ED1A3B;
	border-top: 1px solid #5F0B18;
}
dl.accordion-alt dt.open {
	background:transparent url(/images/stat/arrow-sml-white_open.gif) 0 center no-repeat;
	border-bottom: 1px solid #5F0B18;
}
dl.accordion-alt dd {
	overflow: auto;
	padding-top: 15px;
}
dl.accordion-alt ol {
	list-style: decimal;
	color: #fff;
	margin: 0 0 15px 20px;
}
dl.accordion-alt ol li {
	margin-top: 0;
	margin-bottom: 0;
}
dl.accordion-alt h4 {
	font-size: 1em;
	margin-bottom: 0;
}
dl.accordion-alt p {
	color: #fff;
}
dl.accordion-alt img.right {
	clear: right;
}

ul.timeline {
	margin-left:0;
	font-size:1.6em;
}

.timeline li {
	list-style:none;
	margin:0;
	border-bottom:1px solid #5F0B18;
	background:transparent url(/images/stat/arrow-sml-white.gif) 0 center no-repeat;	
	padding:10px 0 10px 26px;	
}

.timeline a {
	text-decoration:none;
}

/* What is enginnering footer button */
.box-footer a.five-btn, .box-footer a.nine-btn, .box-footer a.fourteen-btn {
	background: url(../images/stat/age_button_sprite.gif) top left no-repeat;
	width: 74px;
	height: 36px;
}
.box-footer a.five-btn {
	background-position: 0 -75px;
}
.box-footer a.five-btn:hover {
	background-position: 0 -112px;
}
.box-footer a.nine-btn {
	background-position: 0 0;
}
.box-footer a.nine-btn:hover {
	background-position: 0 -37px;
}
.box-footer a.fourteen-btn {
	background-position: 0 -149px;
}
.box-footer a.fourteen-btn:hover {
	background-position: 0 -186px;
}
/* added marging to fix issues where content is shorter then image*/
img.right { margin-bottom:15px; clear: right; }
img.full-width { margin-bottom:15px;}

#tobeplayer img {
padding-right: 35px;
}



/* facebook pods - shorter version on homepage */

#facebook-wrapper{
	width: 680px; 
	position:relative;
	height:88px;
}

#facebook-pod{
	height: 90px;
	width: 660px; 	 
	padding:20px 0 0 20px;
	background-image:url(/images/stat/pod-facebook.jpg);
	background-repeat:no-repeat;
	clear:both;
	left:-3px;
	position:absolute;
}

#facebook-pod h2{
	text-indent:-3000px;
	background-image:url(/images/stat/facebook-title.gif);
	background-repeat:no-repeat;
	width:471px;
	height:15px;
	margin:0;
	padding:0 0px 10px 0;
}

#facebook-pod #facebook-data {
	position: relative; 
	width:448px;	
	z-index:1;
}


#facebook-pod iframe {
	/*background-color:red;*/
	width:448px;	
}

/* facebook pods - wider version on coolwall */

#facebook-wrapper-fullwidth{
	width: 915px; 
	position:relative;
	height:104px;
}

#facebook-pod-fullwidth{
	height: 90px;
	width: 915px; 
	padding:20px 0 0 20px;
	background-image:url(/images/stat/pod-facebook-fullwidth.jpg);
	background-repeat:no-repeat;
	clear:both;
	left:-3px;
	position:absolute;
}

#facebook-pod-fullwidth h2.coolwall{
	text-indent:-3000px;
	background-image:url(/images/stat/facebook-title-coolwall.gif);
	background-repeat:no-repeat;
	width:738px;
	height:15px;
	margin:0;
	padding:0 0px 10px 0;	
}

#facebook-pod-fullwidth #facebook-data {
	position: relative; 	
	width:680px;	
	z-index:1;
}

#facebook-pod-fullwidth iframe {
	/* background-color:red; */
	width:650px;	
}

/* small facebook like button used in articles */

.like-button{
	
}

.sons-and-daughters-page .box-content img.right{
	margin-bottom:0;	
} 

/* events section */

.events-page dl{
	margin-bottom: 2em;
}

.events-page dt{
	color:#999999;
}

.the-big-bang-page .primary h3{
	background-image:url(/images/content/the-big-bang-landing-pic.jpg);
	display:block;
	height:212px;
	margin-bottom:0.8em;
	width:631px;
	text-indent:-9999px;
}
.the-big-bang-page .primary .suplimental h4{
	color:#FFF;
	font-size:14px;
	margin-bottom:0.8em;
}
.the-big-bang-page .primary .suplimental h4 span{
	color:#D91838;
}
.the-big-bang-page .primary .suplimental dl{
	border-top:1px solid #fff;
	line-height: 1.2em;
	padding-top:1em;
	margin-bottom:1em;
}
.the-big-bang-page .primary .suplimental dl dt{
	float:left;
	width:80px;
}
.the-big-bang-page .primary .suplimental dl dd{
	color:#999999;
}



/* CSS Document */


.app-highlights {
overflow: hidden;
zoom: 1;
}

.app-highlights dl {
float: left;
margin-left: 17px;	
width: 198px;
}
.app-highlights dl:first-child {
margin-left: 0;	
}
.app-highlights dt {
height: 166px;
margin: 0 0 12px 0;
overflow: hidden;
text-indent: -3000em;
width: 198px;	
}

.app-highlights dl.parts-factory dt {
background: url(/images/content/bb2011-app-parts-factory.jpg) no-repeat;
}
.app-highlights dl.wind-tunnel dt {
background: url(/images/content/bb2011-app-wind-tunnel.jpg) no-repeat;
}
.app-highlights dl.workshop dt {
background: url(/images/content/bb2011-app-workshop.jpg) no-repeat;
}
.app-highlights dd {
font-size: 90.8%;	
}

.brains-atomic-adventures h2 {
font-weight: normal;
margin-top: 0.8em;
text-transform: none;	
}

.box-content .download-links {
list-style: none;
margin: 0;
overflow:hidden;
padding: 0;
}
.download-links li { 
float:left;
margin:0 10px 1.5em 0;
}
.download-links li a {
background:transparent url(/images/stat/content-butn-sprite.gif) no-repeat;
display: block;	
height: 35px;
overflow: hidden;
text-indent: -3000em;
}
.download-links li.windows a {
background-position: 0 -579px;
width: 136px;
}
.download-links li.windows a:hover {
background-position: 0 -616px;
}
.download-links li.iphone a {
background-position: 0 -653px;
width: 102px;
}
.download-links li.iphone a:hover {
background-position: 0 -690px;
}
.download-links li.android a {
background-position: 0 -727px;
width: 102px;
}
.download-links li.android a:hover {
background-position: 0 -764px;
}

.gallery .introduction {
margin: 0 0 3em 0;	
}
.gallery h2 {
color: #FFF;
float: left;
font-weight: normal;
text-transform: none;	
}

.gallery .enlarge {
color: #999; 
float: right;
margin: 0.3em 0;	
}

.photo-gallery ul {
list-style: none;
margin:  0;
padding:  0;
text-align: center;
}
.photo-gallery ul li {
display: inline-block;
max-height: 150px;
max-width: 150px;	
margin:  0;
padding:  0 5px 40px 5px;
vertical-align: middle;
}
.photo-gallery ul li img {
max-height: 150px;
max-width: 150px;	
}



/* Progression steps */

.steps {
/*border-bottom: 1px solid #999999;*/
margin-bottom: 10px;
padding-bottom: 14px;
}
.steps ol {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
}
.steps ol li {
color: #5F0B18;
float: left;
margin: 0 15px 0 0;
padding: 4px 0;
}
.steps li span {
background-position: 0 100%;
display: inline-block;
height: 22px;
margin: -3px 2px 0 0;
overflow: hidden;
position: relative;
text-indent: -3000em;
vertical-align: middle;
width: 22px;
}
.steps li.one span {
background-image: url(/images/stat/steps-1.gif);
}
.steps li.two span {
background-image: url(/images/stat/steps-2.gif);
}
.steps li.current {
color: #C6102C;
}
.steps li.current span {
background-position: 0 0;
}



/* Text buttons */

a.btn-text {
background: url(/admin/images/stat/btn-fade.png) repeat-x 0 0;	
border: 1px #000000 solid;
border-radius: 5px;
color: #FFF;
display: inline-block;
font-size: 11px;
line-height: 1.2;
padding: 3px 6px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

a.btn-text-C7102C {
background-color: #C7102C;
border: 1px #C7102C solid;
}
a.btn-text-C7102C:hover {
background-color: #D24056;
border: 1px #D24056 solid;
}

a.btn-text-787878 {
background-color: #787878;
border: 1px #787878 solid;
}
a.btn-text-787878:hover {
background-color: #A8A8A8;
border: 1px #A8A8A8 solid;
}

a.btn-text-000000 {
background-color: #000000;
border: 1px #000000 solid;
}
a.btn-text-000000:hover {
background-color: #7F7F7F;
border: 1px #7F7F7F solid;
}

a.btn-text-3D3D3D {
background-color: #3D3D3D;
border: 1px #3D3D3D solid;
}
a.btn-text-3D3D3D:hover {
background-color: #747474;
border: 1px #747474 solid;
}