body{
	font:100.1% Verdana,serif;
	border-top:5px solid #006229;
}
#home #bodyWrap{background:url(../images/home_bg3.jpg) no-repeat  right center}
#home #bodyWrap1{background:url(../images/home_bg2.jpg) no-repeat left bottom}

body{background: url(../images/home_bg.jpg) no-repeat right bottom}

/*** Font-sizes ***/
h1{
	position:absolute;
	top:0px;
	left:30px;
	font-size:1.1em;
	width:300px;
	height:130px;
	padding:0 0 0 0;
	background:transparent url(../images/logo_xlab_bubbles.jpg) no-repeat bottom left;
	display:block;
	z-index:90;
}
h2{font-size:1em;}
h3{font-size:0.9em;} 
h4{font-size: 0.85em;}
p{font-size:0.85em;line-height:1.5}
ul{font-size:1em;}
ul.outlined{font-size:0.85em;line-height:1.5}
li{font-size:1em;width:100%}
a{font-size:1em}
#QuickLinks li p{font-size:0.75em;}
#ContentWrap dl{
	font-size: 0.8em;
}
a:link{	color:#275E00;}
a:visited{color:#275E00;}
a:hover, a:focus, a:active{
	background-color:#275E00;
	color:#fff;
	outline:1px solid #ccc;
}
abbr, acronym {border-bottom:1px dotted #999999;}
a abbr, a acronym {border:none;}
.hide{	
	position:absolute;
	left:-100em;
	top:0px;
}
strong{font-weight:bold;}

/*** Width ***/
#Header, #MainWrap, #Footer, WrapFooter {width:60em;}

/*** Header ***/
#HeaderWrap{
	padding:80px 11px 0 11px;
	margin:0 auto;
	width:60em;
	height:170px;
	background: url(../images/heading_bg.jpg) no-repeat top right;
} 
#Header{
	margin:0 auto;
	padding:0;
}
/*** Langbar ***/
#Langbar{
	position:absolute;
	top:50px;
	right:100px;
	float:right;
	font-size:0.9em;
}
#Langbar li{display:inline}
#Langbar a{dislay:block;margin:0 0.5em;}

/*** Skip Links ***/

.skip
{
	width:auto;
	height:1em;
	position:absolute;
	top:0px;
	padding:0;
	margin:0;
	/*left:-100em;
	*/
}
.skip ul li a:hover, .skip li a:focus, .skip li a:active 
{		
	background-color:#000;
	color:#FFF;
	height:1em;
	margin:0;
	padding:0 1em;
	position:relative;
	top:0;
	width:10em;
	left:100em;
	text-align:center;
	display:inline;
}
.skip ul li a {
	display:inline;
	height:2em;
}

/*** Menu ***/

#Menu{
	margin:0 auto;
	line-height:2;
	white-space:nowrap;
	width:56em;
	padding:0 0 0 4.2em;
}
#Menu li{
	display: inline;
}
#Menu li a, #Menu li a:visited, #Menu li span{
	float:left;
	padding:90px 30px 10px 30px;
	margin:30px 0 0 0!important;
	color:#545454;
	background:#fff;
	text-decoration:none;
	font-weight:bold;
	font-family:Helvetica, Geneva, Arial, sans-serif;
}
#Menu li a:hover{
	background:#fff;
	color:#237F06 /*4d8f38*/;
	outline:none;
	text-decoration:underline;
}
#Menu li a:active{
	background:#fff;
	color:#545454;
	text-decoration:underline;
}
#Menu li span, #Menu li a{
	margin:0.5em 1em 0.5em 0;

}
#Menu li.current_page span{
	color:#237F06;	
	text-decoration:underline;
}
#Menu #menu_home a{ background:url(../images/menu_home.jpg) no-repeat center top}
#Menu #menu_home a:hover, #Menu #menu_home span { background:url(../images/menu_home_focus.jpg) no-repeat center top}
#Menu #menu_science a{ background:url(../images/menu_science.jpg) no-repeat center top}
#Menu #menu_science a:hover, #Menu #menu_science span { background:url(../images/menu_science_focus.jpg) no-repeat center top}
#Menu #menu_episodes a{ background:url(../images/menu_episodes.jpg) no-repeat center top}
#Menu #menu_episodes a:hover, #Menu #menu_episodes span { background:url(../images/menu_episodes_focus.jpg) no-repeat center top}
#Menu #menu_xlab_stars a{ background:url(../images/menu_xlabstars.jpg) no-repeat center top}
#Menu #menu_xlab_stars a:hover, #Menu #menu_xlab_stars span { background:url(../images/menu_xlabstars_focus.jpg) no-repeat center top}
#Menu #menu_cool_links a{ background:url(../images/menu_cool_links.jpg) no-repeat center top}
#Menu #menu_cool_links a:hover, #Menu #menu_cool_links span{ background:url(../images/menu_cool_links_focus.jpg) no-repeat center top}
#Menu #menu_filming a{ background:url(../images/menu_filming.jpg) no-repeat center top}
#Menu #menu_filming a:hover, #Menu #menu_filming span { background:url(../images/menu_filming_focus.jpg) no-repeat center top}

/*** Main ****/

#MainWrap{
	padding:5px 0 20px 0;
	margin:0 auto;
	width:51.8em;
	border:1px solid #cdcdcd;
}
#home #MainWrap{	
	background:#fff url(../images/map-countries.jpg) no-repeat 90% 90%;	
	padding:5px 0 125px 0;
}
#Stars_pic{
	position:absolute;
	top:34em;
	left:2em;
	background:transparent url(../images/stars_bg.gif) no-repeat bottom left;
	width:286px;
	height:263px;
}
/*** Quick Links ****/

#QuickLinks{
	width:22em;
	float:right;
	top:0;
	right:1em;
	font-size:0.85em;
	color:#000;
}
#QuickLinks li{padding:11px 0 11px 50px;width:auto;}
#QuickLinks p a{display:block}
#QuickLinks a{display:block}
#QuickLinks p span{
	float:right;
	width:4.2em;
	margin: 0;
	padding:1em;
	font-weight:bold;
	font-style:italic;
}
#QuickLinks h4{	
	margin: 0;
	font-weight:bold;	
	padding:0 0 0.5em 40px;
	font-size:0.8em;
}
#QuickLinks dl{	
	margin:0;
	padding:0 0 0.5em 40px;
	font-size:0.8em;
	line-height:1.5;
}
#QuickLinks dt{
	font-weight:bold;	
}
#sponsors #QuickLinks li.with_photo{
	padding-top:220px;
	background:url(../images/AccessCeremony03.jpg) no-repeat center top;
}
#callsforsponsorship #QuickLinks li.with_photo{
	padding-top:220px;
	background:url(../images/AccessCeremony04.jpg) no-repeat center top;
}
#QuickLinks h3.emphasise{
	background:transparent url(../images/headings_checked2.jpg) no-repeat left center;	
}
#QuickLinks h3.important{
	background:transparent url(../images/headings_checked3.jpg) no-repeat left center;	
}
#QuickLinks h3{
	background:transparent url(../images/headings.gif) no-repeat left center;	
}
#QuickLinks #Thumb_Episodes{
	background:#fff url(../images/ico_episodes.jpg) no-repeat left center;	
}
#QuickLinks #Thumb_Stars{
	background:#fff url(../images/ico_stars.jpg) no-repeat left center;	
}
#QuickLinks #Thumb_Order{
	background:#fff url(../images/ico_order.jpg) no-repeat left center;	
}
#QuickLinks #Thumb_ContactUs{
	background:#fff url(../images/ico_mail.jpg) no-repeat left center;	
}

/*#QuickLinks a:hover,#QuickLinks  a:focus,#QuickLinks  a:active{
	background:#275E00 !important;
	color:#fff !important;
	outline:1px solid #ccc !important;
}*/
/*** Content ****/
#ContentWrap{
	margin-left:0;
	width:auto;
	clear:left;
	padding:20px 2em 0 2em;
}
#home #ContentWrap{
	background:url(../images/bg_bubbles_big.jpg) no-repeat center center;
}
#experiments #MainWrap{
	background:url(../images/each-episode-do-it-yourself.jpg) no-repeat 20px 98% ;
}
#episodes #MainWrap{
	background:url(../images/each-episode-science-behind.jpg) no-repeat 100% 99% ;
}
#eachepisode #ContentWrap{padding-top:20px}
#ContentWrap h2{
	font:1.2em Helvetica, Geneva, Arial, sans-serif;
	font-weight:bold;
	color:#006229;
	margin:0;
	background:transparent url(../images/headings.gif) no-repeat left center;
	padding:0 0 0.5em 0;
}
#ContentWrap h3,#QuickLinks h3{
	font:1.1em Helvetica, Geneva, Arial, sans-serif;
	font-weight:bold;
	margin:0;	
	color:#006229;
	background:transparent url(../images/headings.gif) no-repeat left center;
	padding:15px 0 5px 0;
}
#home #ContentWrap h3{padding:10px 40px 15px 40px;}
#ContentWrap li h4{font-family:Helvetica, Geneva, Arial, sans-serif;}
#ContentWrap li img{
	float:left; 
	margin-right:10px;
}
#ContentWrap p img{
	margin:2em 0 1em 0;
}
#ContentWrap img.float{
	float:right;
}
#home #ContentWrap p,#QuickLinks p{
	line-height:1.5;
	width:30em;
	padding:0 0 0.5em 0;
}
#ContentWrap ul,#ContentWrap h4{
	padding:0 0pt 0.5em 0;
	line-height:1.5;
}
#ContentWrap ul li{
	line-height:1.5;
	font-size:0.85em;
	padding-left:30px;
}
#home #ContentWrap ul li{padding-left:50px;}
#home #ContentWrap ul{padding-top:2.5em}
#ContentWrap h4{
	padding:1em 0 0.5em;
	font-weight:bold;
	color:#006229;
}
#ContentWrap li h4{
	padding:0pt 0pt 0.5em 0;
	line-height:1.5;
	font-weight:bold;
}
#ContentWrap #awards li h4{	
	background:url(../images/headings.gif) no-repeat left center;	
	padding:0pt 0pt 0.5em 40px;
}
#ContentWrap ul li p{
	padding:0pt 0pt 0.5em 0;
	line-height:1.5;
}
#ContentWrap dd{
	display:block;
	text-align:right;
	border-top:1px solid #DFDFDF;
	line-height:2;
	padding:0.5em 1em;
}
#ContentWrap dd.odd{	
	background:#E1F6D7;
}
#ContentWrap dd.last{
	border-bottom:1px solid #DFDFDF;
}
#ContentWrap dt{
	float:left;	
	line-height:2;
	padding:0.5em 1em;
}
#ContentWrap ul.outlined li{
	background: url(../images/check.jpg) no-repeat top left;
	padding-left:30px;
	padding-bottom:0.5em;
	margin-top:0.5em;
	width:auto;
}
#ContentWrap ul.default li{
	background: url(../images/bullet.jpg) no-repeat top left;
}
.experiment #ContentWrap ul.coloured li{
	background: url(../images/bullet-green.jpg) no-repeat top left;
}
#ContentWrap ul.minus li{
	background: url(../images/minus.jpg) no-repeat top left;
}
#ContentWrap ul.plus li{
	background: url(../images/plus.jpg) no-repeat top left;
}
#ContentWrap ul.indented li{
	width:auto;
}
#ContentWrap dl{
	margin:0 0 0 40px;
	border:1px solid #DFDFDF;
	padding:0pt 0pt 0.5em 0;
	line-height:1.5;
}
#FlashContentWrap{
	background:url(../images/home_middle_stripe.jpg) center left repeat-x;
	text-align:center;
	clear:both;
}
#Partners{
	float:right;
	margin:0 0 5px 0.5em;
	padding:0;
/*	width:150px;
	height:254px;*/
}
#Partners li.partner1{
	background:transparent url(../images/e-isotig_logo.jpg) no-repeat;
	margin:0px auto 30px auto;	
	padding:0;
	width:120px;
	height:143px;
}
#Partners li.partner2{
	background:transparent url(../images/abilititieNet_logo.jpg) no-repeat;
	margin:0;
	padding:0;
	width:150px;
	height:52px;
}
#Partners ul{
	list-style:none;
	padding:0;
	margin:0;
}
/*** Sponsors ****/
#Sponsors{
	padding:1em 0 0 0;
	margin:0.5em auto 1em auto;
}
#Sponsors h2{	
	background:transparent url(../images/sponsors-bg.jpg) repeat-x bottom left;
	font-weight:bold;
	font-size:0.8em;
	margin:0 0 1.5em 0;
	padding:0 0 1em 0;
}
#Sponsors ul{
	margin:0 auto;
	padding:0 0 1em 0;
	width:15em;
	text-align:right;
}
#Sponsors li{display:block;margin:1em 0 0 0}
#Sponsors li a{margin-right:10px;}

/*** Footer ****/

#WrapFooter{
	padding:2em 0 2em 0;
	margin:0;
}
#Footer{
	margin:0 auto;
	font-size:0.8em;
}
#Footer{
	text-align:right
}
#Footer ul{}
#Footer li{
	display: inline;
}
#Footer li a{padding:0 1em 0 0 ;}
form{
	background:#EBFFD7;
	line-height:1.8;
	font-size:1em;
	margin:0 0 0 40px;
	padding:1em 2em;
}
form input.i{
	width:42.5em;
}
fieldset{margin:1em 0;font-weight:bold}
legend{margin:1em 0 0 0}
label{font-weight:normal}
label em{
	font-weight:normal;
	font-size:0.9em;
	font-style:italic;
}
input#title{width:auto}
#ContentWrap p.error{
	background:#FFFF99;
	padding:1em 2em;
	margin:0 0 1.5em 40px;	
}

/*** Photo Gallery page ****/

#photos #gallery li{
	float:left!important;
	padding:5px 12.5px;
	margin:0 10px;
	position:relative;
	width:75px;
	height:95px;
}
#photos #gallery li img{margin:0;padding:0;}
#photos .download{
	display:block; 
	position:absolute;
	bottom:5px;
	right:0px;
	width:30px;
	height:30px;
	background: url(../images/download.gif) no-repeat;
}
#photos .zoom{
	display:block; 
	position:absolute;
	bottom:5px;
	left:0px;
	width:30px;
	height:30px;
	background: url(../images/zoom1.gif) no-repeat;
}
#photos #gallery a:hover, #photos #gallery a:focus, #photos #gallery a:active{	
	color:#fff;
	outline:none;
}
#photos #gallery a.download:hover{bottom:6px;right:1px;}
#photos #gallery a.zoom:hover{bottom:6px;left:1px;}

/**** Each Episode ****/
#EpisodesScienceBehind{
	background: url(../images/each-episode-science-behind.jpg) no-repeat center right;
	padding:0 0 0 0;
}
#EpisodesSummary{background: }
#EpisodesDoItYourself{
	background: url(../images/each-episode-do-it-yourself.jpg) no-repeat center left;
	padding:0 0 0 250px;
}
#EpisodesPhotoGallery{
	background: url(../images/each-episode-photos.jpg) no-repeat center left;
	padding:0 0 0 0;
}
#EpisodeContentWrap{
	float:right;
	width:25em;
}
table{
	margin:0 auto 1.5em auto;
	font-size:0.9em;
	border:1px solid;
	width:auto;
}
td{
	padding:0.5em 1em;
	text-align:center;
	border:1px solid;
}
th{
	text-align:right;
	font-weight:bold;
	border:1px solid;	
	padding:0.5em 1em;
}
caption{
	text-align:center;
	padding:1em 0 0.5em 0;
	font-weight:bold;
	color:#006229;
	margin:0 auto
}
ul.episodes_list_view{
	display:block;
	padding:0 !important;
	margin:0 !important;
}
.episodes_list_view br{clear:both;}
.episodes_list_view li{
	float:left;
	text-align:left;
	width:25%!important;
	height:150px;
	padding:0 0 2.5em 0!important;
	margin:0;
}
.episodes_list_view li img{
	margin-right:0 !important;
}
/*.episodes_list_view #episode_11{
	margin-right:185px;
}
.episodes_list_view #episode_13{
	margin-right:376px;
}
.episodes_list_view #episode_15{
	margin-right:376px;
}
.episodes_list_view #episode_18{
	margin-right:185px;
}*/
.episodes_list_view a{
	position:relative;
	width:100%;
	height:150px;
	padding-bottom:2.5em;
	display:block;
	text-decoration:none;
}
.episodes_list_view a:hover, .episodes_list_view a:active, .episodes_list_view a:focus{background:none;color:#000;outline:none;text-decoration:underline;}
.episodes_list_view li span{
	font-size:0.75em;
	font-weight:bold;
	font-style:normal;
	padding:5px 0 5px 5px;
	margin:0 auto;
	background:#EFF9EA;
	border:1px solid #ccc;
	color:#000000;
	display:block;
	width:170px;
}

.episodes_list_view li a:hover{background: url(../images/transp.gif)}

#episode_01{background:transparent url(../images/Episodes/Episode-play-1.jpg) no-repeat 50% 2.5em}
#episode_02{background:transparent url(../images/Episodes/Episode-play-2.jpg) no-repeat 50% 2.5em}
#episode_03{background:transparent url(../images/Episodes/Episode-play-3.jpg) no-repeat 50% 2.5em}
#episode_04{background:transparent url(../images/Episodes/Episode-play-4.jpg) no-repeat 50% 2.5em}
#episode_05{background:transparent url(../images/Episodes/Episode-play-5.jpg) no-repeat 50% 2.5em}
#episode_06{background:transparent url(../images/Episodes/Episode-play-6.jpg) no-repeat 50% 2.5em}
#episode_07{background:transparent url(../images/Episodes/Episode-play-7.jpg) no-repeat 50% 2.5em}
#episode_08{background:transparent url(../images/Episodes/Episode-play-8.jpg) no-repeat 50% 2.5em}
#episode_09{background:transparent url(../images/Episodes/Episode-play-9.jpg) no-repeat 50% 2.5em}
#episode_10{background:transparent url(../images/Episodes/Episode-play-10.jpg) no-repeat 50% 2.5em}
#episode_11{background:transparent url(../images/Episodes/Episode-play-11.jpg) no-repeat 50% 2.5em}
#episode_12{background:transparent url(../images/Episodes/Episode-play-12.jpg) no-repeat 50% 2.5em}
#episode_13{background:transparent url(../images/Episodes/Episode-play-13.jpg) no-repeat 50% 2.5em}
#episode_14{background:transparent url(../images/Episodes/Episode-play-14.jpg) no-repeat 50% 2.5em}
#episode_15{background:transparent url(../images/Episodes/Episode-play-15.jpg) no-repeat 50% 2.5em}
#episode_16{background:transparent url(../images/Episodes/Episode-play-16.jpg) no-repeat 50% 2.5em}
#episode_17{background:transparent url(../images/Episodes/Episode-play-17.jpg) no-repeat 50% 2.5em}
#episode_18{background:transparent url(../images/Episodes/Episode-play-18.jpg) no-repeat 50% 2.5em}
#episode_19{background:transparent url(../images/Episodes/Episode-play-19.jpg) no-repeat 50% 2.5em}
#episode_20{background:transparent url(../images/Episodes/Episode-play-20.jpg) no-repeat 50% 2.5em}
#episode_21{background:transparent url(../images/Episodes/Episode-play-21.jpg) no-repeat 50% 2.5em}
#episode_22{background:transparent url(../images/Episodes/Episode-play-22.jpg) no-repeat 50% 2.5em}
#episode_23{background:transparent url(../images/Episodes/Episode-play-23.jpg) no-repeat 50% 2.5em}
#episode_24{background:transparent url(../images/Episodes/Episode-play-24.jpg) no-repeat 50% 2.5em}
#episode_25{background:transparent url(../images/Episodes/Episode-play-25.jpg) no-repeat 50% 2.5em}
#episode_26{background:transparent url(../images/Episodes/Episode-play-26.jpg) no-repeat 50% 2.5em}


/**** Each Experiment ****/
.experiment li{width:auto}
.experiment img{margin:0}
.experiment #SummaryWrap {float:right;width:35em;}

.experiment #NeededWrap, .experiment #ContactUsWrap{
	font-size:0.9em;
	float:right; 
	width:18em;
	margin:2.9em 0 1em 2em;
	background:#EFF9EA;
	padding:0 1em 1em 1em;
	border:1px solid #ccc;
	clear:right;
}
.experiment #ContactUsWrap{margin-top:1.8em;}
.experiment #MethodWrap p{padding:0.5em 0;}
.experiment #MethodWrap h3{padding:10px 0 0px 0;}
.experiment #MethodWrap h4{padding:5px 0 5px 0;}

.experiment #OtherWrap{
	font-size:0.9em;
	float:left; 
	width:28em;
	margin:3em 0 2em 0;
	background:#EFF9EA;
	padding:0 1em 1em 1em;
	border:1px solid #ccc;
}
.experiment #OtherWrap li{
	float:left;
	margin:0;
	padding:1em 0;
}
.experiment #OtherWrap li img{margin:0 1.5em 0 0 }
.experiment #LinksWrap{
	font-size:0.9em;
	margin:3em 0 1em 0;
	background:#EFF9EA;
	padding:0 1em 1em;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.experiment #LinksWrap li{
	display:inline;
	border-right:1px solid #ccc;
	padding-right:0.5em;
	margin-right:0.5em;
	font-size:0.9em;
}


/************************  ALL EXPERIMENTS  **********************/

#experiments li {width:75%}
#experiments #ContentWrap li{line-height:2; position:relative;padding:0.5em 1em;margin:1em 0;background:#EFF9EA;border:1px solid #ccc;}
#experiments #ContentWrap li.even{float:right;margin-right:0;padding-left:55px; background:#fff url(../images/Icon_experiment_white.gif) no-repeat center left}
#experiments #ContentWrap li.odd{float:left;margin-left:3.4em;padding-right:55px; background:#EFF9EA url(../images/Icon_experiment.gif) no-repeat center right}
#experiments #ContentWrap {padding-bottom:150px}
#experiments #ContentWrap li span{
	position:absolute;
	top:-0.68em;
	left:-0.78em;
	font-size:5em;
	font-weight:bold;
	z-index:-1;
	color:#EFF9EA;
	text-decoration:none;
}
#experiments #ContentWrap li span.two-digit{left:-1.12em;letter-spacing:-10px}
#experiments #ContentWrap li a:hover{color:#ccc}
/************************  XLAB STARS  **********************/
#x-lab_stars p{margin-bottom:0.5em}
#x-lab_stars img.odd{float:right; margin:0 0 0.5em 1em}
#x-lab_stars img.even{float:left; margin:0 1em 0.5em 0 }

/************************  Filming and Studios  **********************/
#filming #ContentWrap li img{margin:0;float:none;display:block;}
#filming #ContentWrap li{
	float:left;
	width:auto;padding:0
}
#filming #MainWrap{
	width:1005px;
	padding-bottom:52em;
	background:#fff;
}
#AllExperimentsBar{background:#EFF9EA;padding:0.5em 1em;border:1px solid #ccc;margin-top:1em;clear:both;}
#AllExperimentsBar h3{float:left;padding-top:0.15em;height:4em;background:url(../images/ChooseExperimentReflection.jpg) no-repeat 50% 0.25em }
#AllExperimentsBar ul li{display:inline;padding:0 1.5em;border-right:1px solid #ccc;}
#AllExperimentsBar ul li a{padding:0.5em}
#AllExperimentsBar ul li span{padding:0.5em;color:#ccc}
#WrapScientists{width:35%;float:right;background:#EFF9EA;padding-bottom:1em}
#WrapScientists h3{padding-left:7.5px;padding-bottom:1em;}
#WrapScientists li{background:url(../images/pdf.png) 5px 50% no-repeat}
#WrapPresenters{padding-right:40%}

#socialmedia{
	margin:60px 0 0 0;
	text-align:right;
	font-size:0.9em;
}
#socialmedia li{display:inline;}
#socialmedia li a{padding:74px 15px 0;color:#CCCCCC;text-decoration:none}
#socialmedia li a:hover{color:#333333;}
#socialmedia li a#facebook{background:url(../images/facebook-64x64.gif) no-repeat top center;}
#socialmedia li a#youtube{background:url(../images/youtube-64x64.gif) no-repeat top center;}
#socialmedia li a#myspace{background:url(../images/myspace-64x64.gif) no-repeat top center;}