body, html {
	height: 100%; 
	background-color:#F2F2F2; 
	}

* {
text-align:justify;
}

.alignleft

{
 float: left;
}
 
body {
	margin: 0; padding: 0;
	}	


#wrapper {
	min-height:100%; 
	width:1024px;
	margin-left:auto; 
	margin-right:auto;  
		background-color:#FFF; 
		padding-left:10px; 
		padding-right:10px; 

	}

* html #wrapper {
	height:100%;
	}

#header {
	width: 100%;
	background:#008f00;
	}
#headerIndex {
	width: 100%;
	
	}

#header_800 {
	width: 1024px;
	height: 90px;
	margin: 0 auto;
	position: relative;
	}
/* Logos - Header  */

#imperialCollegeLogo{
	position:absolute; 
	left:20px; 
	top:10px; 
	
	}  
#imperialCollegeLogo img {border:none;} 

#RGElogo{
	position:absolute; 
	left:180px; 
	top:20px;  
		}
		
		
	#RGElogo img {border:none;} 
	
	
#RGElogoOriginal{
	position:absolute; 
	left:320px; 
	top:15px;  
		}
		
		
	#RGElogoOriginal img {border:none;} 
	
	
	
	
	#eflLogo{
		
		position:absolute; 
	right:20px; 
	top:20px; 
				} 
				#eflLogo img {border:none;} 


#slogan{
	position:absolute; 
	left:380px; 
	top:30px;  
		}
		
		
#whiteSeparator{
	width:1px; 
	height:63px; 
	display:block; 
	position:absolute; 
	top:10px; 
	left:170px; 
	background-color:#FFF; 
	
	}  

#flagEn{
position:absolute; 
	right:10px; 
	top:7px; 
}  

#flagSp{
position:absolute; 
	right:10px; 
	top:35px; 
}  

#flagEn img{ 
	border:0px;  
	  } 

#flagSp img{ 
	border:0px;  
	  } 



#social{
position:absolute; 
	right:10px; 
	top:37px; 
}  

#social img{  
	border:0px;  
	  } 



#arrowFlag{
position:absolute; 
	right:45px; 
	top:5px; 
} 

#arrowFlag img{  
	border:0px;  
	  }     
	  
	  
	  
	  #socialMediaFlag{
position:absolute; 
	right:45px; 
	top:35px; 
} 

#socialMediaFlag img{  
	border:0px;  
	  } 
/* ----FINISHED------- */    


/* ----HOMEPAGE------- */    


#backgroundIndex{ 
position:relative; 

width:1024px; 
margin-left:auto; 
	margin-right:auto; 

}    
		
		 #wrapperIndex{
position:absolute;  

top:0px;
z-index:5; 
}  
		#menuPosition{
	position:absolute; 
	top:120px; 
		} 
		
	#menuPositionHome{
	position:absolute; 
	top:100px; 
		} 
			
#newsPosition{
	
	position:absolute; 
top:195px;  
	left:720px; 
		}    
		
		 #imageNews{
		
				 	position:absolute; 
	top:200px;  
	left:760px;
		}      
		
	#imageNews img{
						border:none;  

			} 
		
		#popularPosition{
	position:absolute; 
	top:395px;  
	left:720px;
	
	} 
		
				 #imagePopular{
	 	position:absolute; 
	top:400px;  
	left:760px;
	
		} 
		
		#imagePopular img {
			
			border:none;  
			
			}  
		
		#boxesOverlay{  
		position:absolute; 

	top:150px;  
	left:0px;
	width:240px; 
	height:30px; 
	background-image:url(images/homePage/boxOverlay.png);  
	
	
	 
		} 
		#boxesOverlay a {
			
			border:none; 
			color:#FFF;    
			} 
		#boxesOverlayText{
			color:#FFF;  
	font-family:Verdana, Geneva, sans-serif; 
	font-size:12px; 
	padding-top:8px;
	padding-left:5px; 
			text-align:left; 
							text-decoration:none; 

			} 
			
			#boxesOverlayText a {
				text-decoration:none; 
				color: #FFF;   
			    } 

#blockAboveMenu{
	
	z-index:-5;
	width:1024px;
	height:30px;
	filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
background-color:#000;
	



	} 
	
	#text4 {
position:absolute; 
top:2px; 
width:1024px; 

left: 325px; 

z-index:5;
	color:#FFF; 
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px; 
	

	padding:3px; 
	
	
	}

#bottomBanner {
position:absolute; 
width:672px;
height:113px;
top:630px; 
	left:20px;
	
				
	}
#bottomBannerZeroRace {
position:absolute; 
top:630px; 
	left:718px;

				
	}    
	
		#bottomBannerZeroRacePicture {
position:absolute; 
top:642px; 
	left:760px;
border-style: none;   


				
	}
	
			#bottomBannerZeroRacePicture img{
border:none;   
				
	}
	
	
	
	
	
				#bottomBannerZeroRaceBgText {
				
position:absolute; 
top:642px; 
	left:881px;
border-style: none;   
width:115px; 
height:90px;  
background-image:url(images/homePage/videosBgText.png); 
	

	}
	
	
	
	#bottomBannerZeroRaceText {   
	position:absolute; 
	top:10px; 
	padding:10px; 
	color:#FFF; 
	font-weight:500;     
	font-size:14px; 
			line-height:14px; 
	} 
    


    
    








/* FINISHED */  


#content {
	width: 100%;
	}
	
#content_800 {    

font-family:Arial, Helvetica, sans-serif; 
font-size:12px;   
color:#333333; 
	width: 1024px; 
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 130px;
	
	
	}

#content_800 a {
	
	color: #308000; 
	}  
#content_800 a:hover {
	color: #333333;
	text-align: center;
}    


#breadcrumbs {
		font-size:11px; 
		padding-top: 40px; 
	}  
#breadcrumbs a {

	
		text-decoration:none; 
	} 
	
#title {
	z-index:1000;
		padding-top: 15px;
	}  
	
	
	
	H1 {
			font-family:"Segoe UI",Arial,Helvetica,sans-serif; 
color:#333333; 
    margin-bottom: 0px;
    margin-top: 0px; 
	padding-bottom:5px; line-height: 12px; font-weight:500;
font-size:180%; 
}
hr {
	color:#c0c0c0; border-width:0px;  background-color:#c0c0c0;	 height: 1px;	
}

#team {
padding-left: 16px; 

}
#teamPage {
padding-bottom: 20px;

}
#teamPage img {border:none;} 
#zeroRace {
padding-bottom: 20px;

}     


#FAQ #title  {  
        
color:#308000;        
font-size:14px;
text-decoration:underline;  

}  


#sponsors{ 
padding-left:40px; 

}


#sponsors img{border:none;} 

#platinum img{border:none;}
#bronze img{border:none;}
#technology {margin-left:auto; margin-right:auto;    width:1024px;  text-align:center;  }



div.thumbnail {
border:1px dotted #CCCCCC;
float:left;
margin:0 10px 12px 0;
padding:10px;
vertical-align:middle;
}

<!-------------------------------------------------------------------------------------------------------Photos-->  
#photos {
	position:relative;  

	padding-left:50px;   


padding-top:50px;  
} 


#photosMain {
	position:relative;  

	padding-left:50px;   


padding-bottom:50px;  
} 


	
	
	
#photosLandingPage{ 

position:relative;  

	padding-left:20px;   


padding-top:50px;  
}


#photosTitle  {  

position:absolute;  
top:110px; 
font-size:18px; 
color:#404040;  


}




#mainPhoto {  
position:absolute;    

top:148px;  
left:10px;    
height:auto;  
}  

#mainPhoto img{
	
border:none;  


}


#picturePosition  {  
position:relative;    

height:auto;  


}  

#mainPhotoOverlay {      
display:block;     
width:100%; 
height: auto;  
background-image:url(images/uploaded/mainPic/mainPicOverlay.png);   
background-repeat:repeat; 
position:absolute; 

bottom:0px;     
left:0px;     






}


#textOverlay {  
color:#FFF;  
font-size:12px;  
 padding:10px;  
 font-family:Verdana, Geneva, sans-serif;

}

#photoGliderPosition  {  


position:absolute;  
top: 140px;         
right: 5px;  

}    


#gliderPhoto  {
	
	position:absolute; 
right:0px; 
top:0px; 
} 

#gliderPhoto  img{
	
border:none; 
} 

#gliderTitle {  
position:absolute; 
left:20px; 
top:0px; 
width:180px;   

font-size:16px; 
font-weight:1000px; 
font-family:Verdana, Geneva, sans-serif;  

}  

#gliderTitle a{  

}

#gliderParagraph {  
position:absolute; 
left:20px; 
top:30px; 

width:180px;   

font-size:14px; 

font-family:Verdana, Geneva, sans-serif;   

text-align:left; 
} 


#photoRow  {  
position:relative;  
float:left; 
height:150px; 
width:420px; 



}    




#gliderNumbersPosition  {  
position:absolute;  
top:0px; 
right:30px; 
color:#FFF; 
} 

#gliderNumbersPosition  a{  
color:#FFF; 

}  





#gliderNumbersPosition  a:hover{  

color:#FFF; 

}  







<!-------------------------------------------------------------------------------------------------------Photos-->  



#press img{border:none;}
#press a img{border:none;}
#contactus {
	position:relative; 
	padding-left:80px;
	
	}


/* Footer   */


#facebook {  
position:absolute; 
top:-3px; 
right:100px;
font-family: "Segoe UI",Arial,Helvetica,sans-serif;   
font-size:12px; 

color:#FFF;  

z-index:5; 
padding-top:7px; 
padding-left:15px; 
font-weight:500;     
}   
#facebook img{border:none;} 


#facebook a {  
text-decoration:none; 
color: #FFF; 




} 










#twitter {  
position:absolute; 
top:-3px; 
left: 540px;
width:450px;

color:#FFF;  

z-index:5; 
padding-top:7px; 
padding-left:15px; 
}     
#twitter img{border:none;} 


#twitter a {      
text-decoration:none;   
} 


#footerTwitterFeedT {
	font-family: "Segoe UI",Arial,Helvetica,sans-serif;   
font-size:12px; 
color:#c6cccc; 
z-index:5; 
position:absolute; 
top:30px; 
left:2px;
}   

 #footerTwitterFeedT ul li{
 list-style-type: none;
 }
 
 
#footerTwitterFeedT  a{
	color:#c6cccc; 

}
#footerTwitterFeedT  a:hover{
 color:#FFF;  
text-decoration:underline; 
}
#footerLatestNews, #footerBlogPosts, #footerTwitterFeed    { 
font-family: "Segoe UI",Arial,Helvetica,sans-serif;   
color:#FFF; 
z-index:5; 
padding-top:7px; 
padding-left:15px; 
font-weight:500; 
}   
#footerLatestNewsT, #footerBlogPostsT {
	font-family: "Segoe UI",Arial,Helvetica,sans-serif;   
font-size:12px; 
color:#c6cccc; 
z-index:5; 
padding-top:15px; 
padding-left:30px; 
margin-top:-5px; 
} 

#footerBlogPostsT { 
position:absolute;  
top:20px; 
left:225px; 

} 






#footerBlogPostsT a { 
  color:#c6cccc; 
  text-decoration:none;
} 
#footerBlogPostsT a:hover {      
  color:#FFF; 
    text-decoration:underline; 
    
 }   



# footerLatestNewsT li {
		color:#fff; 
		}
	#footerLatestNewsT a { 
  color:#c6cccc; 
  text-decoration:none; 
 } 
#footerLatestNewsT a:hover { 
  color:#FFF; 
    text-decoration:underline; 

 }   
 
 
 #verticalDivider { 
 position:absolute; 
 display:block; 
 background-image: url(images/verticalDivider.jpg); 
width: 2px; 
height: 80px;

top:10px;  
left:225px ; 
}
  #verticalDivider2 { 
 position:absolute; 
 display:block; 
 background-image: url(images/verticalDivider.jpg); 
width: 2px; 
height: 80px;

top:10px;  
left:550px ; 
}
 
 
 
#footerBlogPosts { 
Position: absolute; 
left: 225px; 
top: 4px; 
} 
#footerShare {} 

#footer {
	width: 1024px;
	height: 135px;
	margin: -135px auto 0 auto;
	position: relative;
	background:#f6f6f5;
	}

#footer_800 {
	height: 120px;
	position: relative;
	margin: 0 auto;
	}
	
	
#footerInnerbg {
	position:absolute; 
	background-color:#cccccc; 
	display:block; 
	height:110px;   
	width:1024px;
	top:0px; 
	}
	
#footerInnerbgInnerbg    {
	position:absolute; 
	background-color:#444444; 
	display:block; 
	height:100px;   
	width:1024px;
	top:5px; 
	}
#footerbgText {
	color:#444444; 
	position:absolute; 
	top:110px;   
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;  
	 }  
	 
	 
	 #footerbgText a{
	color:#999;  
	text-decoration:none;    
	
	 }  
	 
	  #footerbgText a:hover{
	color:#444444; 
	
	 }
	   /* ----FINISHED------- */    
	   
	   
	   
	
 #media {
	z-index:1;
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
width:	1000px;
height:485px;
min-height:200px;
clear:right;

	
}  

 #media a{
 color:#FFF; 
 
 }  
 
 
 #media a:hover    {
 color:#FFF; 
 
 }   
 
 
 
     
 
#media img{border:none; 

position:absolute;
top:5px;  
right:0; 

} 

 #media #title {
	position:relative;
width:auto;
height:23px;
background:#303030;
padding-left:10px;
padding-top:7px;
color:#FFF;
font-size:14px;
letter-spacing:1.5px;

	
}


 #media #player {
	border:3px solid #e0e0e0;
	width:562px;
	height:340px;
}


 #media #playlist {
	position:absolute;
	top:0px;
	right:-10px;
	width:424px;
	height:330px;
	margin-right:3px;
	
		
}


 #media #playlist .playlistElement a {
	position:relative;
	display:block;
width:420px;
height:100px;
background:#FFF;
float:left;
margin-left:6px;
margin-top:1px;
margin-bottom:1px;
font-size:12px;
text-decoration:none;
text-align:left;    
	
}


 #media #playlist .playlistElement a:hover {
background:#dadada;


}
	

 #media #playlist .playlistElement .thumb {
	
	
}

 #media #playlist .playlistElement .title {
	position:absolute;
	top:5px;
	left:5px;
	width:294px;
	color:#494848;
font-weight:800;
	text-align:left;
	font-size:14px;
}

 #media #playlist .playlistElement .desc {
	position:absolute;
	top:22px;
	left:5px;
	width:280px;
	color:#383838;
font-weight:200;
	text-align:left;
	font-size:12px;
	
}

 #media #playlist .playlistElement .link {
	
	
}





 #media #playlist .playlistElement .category {
	position:absolute;
	bottom:3px;
	left:5px;
	width:294px;
	text-align:left;
	color:#737373;
font-size:11px;
	
}

 #media #playlist .playlistElement .duration {
	position:absolute;
	bottom:3px;
	left:200px;
	width:80px;
	text-align:right;
	color:#737373;
font-weight:100;
font-size:10px;





	
}










 #mediaPlaylistDescription {         
     
 position:absolute;  
	width:410px;             
	height:145px;             
	    
	bottom:0px;                     
	        
	right:0px;         
	    
	
	color:#383838; 
	
}


.glidecontentwrapper{
position: relative; /* Do not change this value */
width:433px;
	height:330px;/* Set height to be able to contain height of largest content shown*/
overflow: hidden;
margin-left:2px;
}


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
left:-2px;
visibility: hidden;
width: 435px;
background:#FFF;
padding-top:3px; 
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
	position:absolute;
	top:-30px;
	right:90px;
	width: 670px;
	margin-top: 6px;
	text-align: right;
	z-index:10000;
	color:#FFF; 

/*background: #; /*always declare an explicit background color for fade effect to properly render in IE*/
}


.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
/*border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;*/
font-weight: bold;
text-decoration: none;
width:36px;
height:19px;
background:url(imgs/blank_icon.png);
color:#FFF;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
width:36px;
height:19px;
background:url(imgs/blank_hover.png);
color:#383838;
}

.glidecontenttoggler a:hover{
background:url(imgs/blank_hover.png);
color:#FFF;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
text-align:center;
padding-top:4px;
width:36px;
height:15px;
font-size:10px;

}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
text-align:center;
padding-top:4px;
width:36px;
height:15px;
font-size:10px;
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background:url(imgs/blank_hover.png);

}




#pictureSource{
position:absolute;  right:-50px;  font-size:12px;  color:#CCC; width:500px;  bottom:-100px;	
}


/* SIDEBAR   */

#sidebar { 
position:fixed;
display:block;  


height:200px; 
width:35px; 
top:0px;
right:0px;   


background-color:#F2F2F2; 

z-index:5000000;    



}  
#twitterSide { 
display:block;  
height:35px; 
width:35px; 
background:url(images/sideSocial/twitterSideUp.png);
} 

#twitterSide:hover { 
background:url(images/sideSocial/twitterSideDown.png);

} 
#facebookSide { 
display:block;                  
height:35px;     
width:35px;       
background:url(images/sideSocial/facebookSideUp.png);     
}    

#facebookSide:hover { 
background:url(images/sideSocial/facebookSideDown.png);

}
#rssSide { 



display:block;  
height:35px; 
width:35px;  
    
background:url(images/sideSocial/rssSideUp.png);     
}    

#rssSide:hover { 

background:url(images/sideSocial/rssSideDown.png);


}    


#imgBorder a  img  { 

border:none;    

}    

<!--         Supporters page  -->    

#greyBoxContainer{
    position:relative; 
     
	 
	}  
	
#innerBoxSupporters{
		 width:550px; 	
margin-left:0px; 
   
	} 	
	
#greyBox{  
	display:block;  
	height:75px; 
	width:75px;    
	float:left; 
	margin:5px;   
	background:url(images/greyBox.jpg);

	}  
	
	#supportersText{  
position:absolute;  
 	width:450px;
top:95px; 
left:520px;
height:500px; 

	} 
	
	#flickrSupporters{
		
		float:left; margin:5px;
		height:75px; 
		width:75px;  
		} 
		
		#flickrSupporters img:hover {
		
height:80px; 
width:80px; 	
margin-left:-2.5px; 	

margin-top:-2.5px; 	

		}