body{
	background-image: url(images/header.gif);
background-repeat: repeat-x;
	font: 1em/1.5em Arial, sans-serif;
}   

em{
	font-style: italic;
}

input{
	width: 30%;
	margin-right: 2em; 
	float:left;
}

input.submit{
	width: 5em;
	float:right;
	margin-right:15em;
}

label{         
	display: block;
	font-weight: bold;
	font-size: 80%;
	text-align: right;
	margin-right: 1em;
	float:left;
}       

ul#tophead{
	position: absolute;
	top: 90px;
	margin-left:-10px;
}

ul#tophead li {  
margin: 0 2px;	float: left;
} 

ul#tophead li#home{ 
	width: 59px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/home.gif);
}   


ul#tophead li#home a{ 
	display: block; text-indent: -100em;
	background-image: url(images/home.gif);
	background-position: 0 -22px;  
	width: 59px;
}


ul#tophead li#home a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/home.gif);
	background-position: 0 -44px;
	width: 59px;
}


ul#tophead li#lectures{ 
	width: 120px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/lectures.gif);
}   


ul#tophead li#lectures a{ 
	display: block; text-indent: -100em;
	background-image: url(images/lectures.gif);
	background-position: 0 -22px; 
	width: 120px;

}


ul#tophead li#lectures a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/lectures.gif);
	background-position: 0 -44px;  
	width: 120px;
}

ul#tophead li#philippa{ 
	width: 150px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/philippa.gif);
}

ul#tophead li#philippa a{ 
	display: block; text-indent: -100em;
	background-image: url(images/philippa.gif);
	background-position: 0 -22px; 
	width: 150px;
}


ul#tophead li#philippa a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/philippa.gif);
	background-position: 0 -44px;  
	width: 150px;
}


ul#tophead li#resources{ 
	width: 100px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/resources.gif);
	width: 100px;
}   


ul#tophead li#resources a{ 
	display: block; text-indent: -100em;
	background-image: url(images/resources.gif);
	background-position: 0 -22px; 
	width: 100px;
}


ul#tophead li#resources a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/resources.gif);
	background-position: 0 -44px;  
}

ul#tophead li#contact{ 
	width: 78px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/contact.gif);
}   


ul#tophead li#contact a{ 
	display: block; text-indent: -100em;
	background-image: url(images/contact.gif);
	background-position: 0 -22px; 
	width: 78px;
}


ul#tophead li#contact a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/contact.gif);
	background-position: 0 -44px;  
	width: 78px;
}

ul#tophead li#links{ 
	width: 47px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/links.gif);
}   


ul#tophead li#links a{ 
	display: block; text-indent: -100em;
	background-image: url(images/links.gif);
	background-position: 0 -22px; 
	width: 47px;
}


ul#tophead li#links a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/links.gif);
	background-position: 0 -44px;  
	width: 47px;
}

ul#tophead li#thanks{ 
	width: 66px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/thanks.gif);
}   


ul#tophead li#thanks a{ 
	display: block; text-indent: -100em;
	background-image: url(images/thanks.gif);
	background-position: 0 -22px; 
	width: 66px;
}


ul#tophead li#thanks a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/thanks.gif);
	background-position: 0 -44px;  
	width: 66px;
}

ul#subhead li#biography{ 
	width: 101px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/biography.gif);
}   


ul#subhead li#biography a{ 
	display: block; text-indent: -100em;
	background-image: url(images/biography.gif);
	background-position: 0 -22px; 
	width: 101px;
}


ul#subhead li#biography a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/biography.gif);
	background-position: 0 -44px;  
	width: 101px;
}

ul#subhead li#bibliography{ 
	width: 123px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/bibliography.gif);
}   


ul#subhead li#bibliography a{ 
	display: block; text-indent: -100em;
	background-image: url(images/bibliography.gif);
	background-position: 0 -22px; 
	width: 123px;
}


ul#subhead li#bibliography a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/bibliography.gif);
	background-position: 0 -44px;  
	width: 123px;
}


ul#subhead li#commentaries{ 
	width: 135px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/commentaries.gif);
}   


ul#subhead li#commentaries a{ 
	display: block; text-indent: -100em;
	background-image: url(images/commentaries.gif);
	background-position: 0 -22px; 
	width: 135px;
}


ul#subhead li#commentaries a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/commentaries.gif);
	background-position: 0 -44px;  
	width: 135px;
}

ul#subhead li#about{ 
	width: 174px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/about.gif);
}   


ul#subhead li#about a{ 
	display: block; text-indent: -100em;
	background-image: url(images/about.gif);
	background-position: 0 -22px; 
	width: 174px;
}


ul#subhead li#about a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/about.gif);
	background-position: 0 -44px;  
	width: 174px;
}

ul#subhead li#news{ 
	width: 54px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/news.gif);
}   


ul#subhead li#news a{ 
	display: block; text-indent: -100em;
	background-image: url(images/news.gif);
	background-position: 0 -22px; 
	width: 54px;
}


ul#subhead li#news a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/news.gif);
	background-position: 0 -44px;  
	width: 54px;
}

ul#subhead li#funding{ 
	width: 72px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/funding.gif);
}   


ul#subhead li#funding a{ 
	display: block; text-indent: -100em;
	background-image: url(images/funding.gif);
	background-position: 0 -22px; 
	width: 72px;
}


ul#subhead li#funding a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/funding.gif);
	background-position: 0 -44px;  
	width: 72px;
}

ul#subhead li#booking{ 
	width: 78px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/booking.gif);
}   


ul#subhead li#booking a{ 
	display: block; text-indent: -100em;
	background-image: url(images/booking.gif);
	background-position: 0 -22px; 
	width: 78px;
}

ul#subhead li#booking a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/booking.gif);
	background-position: 0 -44px;  
	width: 78px;
}

ul#subhead li#y2008{ 
	width: 47px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/2008.gif);
}   


ul#subhead li#y2008 a{ 
	display: block; text-indent: -100em;
	background-image: url(images/2008.gif);
	background-position: 0 -22px; 
	width: 47px;
}

ul#subhead li#y2008 a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/2008.gif);
	background-position: 0 -44px;  
	width: 47px;
}


ul#subhead li#y2009{ 
	width: 47px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/2009.gif);
}   


ul#subhead li#y2009 a{ 
	display: block; text-indent: -100em;
	background-image: url(images/2009.gif);
	background-position: 0 -22px; 
	width: 47px;
}

ul#subhead li#y2009 a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/2009.gif);
	background-position: 0 -44px;  
	width: 47px;
}

ul#subhead li#y2010{ 
	width: 47px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/2010.gif);
}   


ul#subhead li#y2010 a{ 
	display: block; text-indent: -100em;
	background-image: url(images/2010.gif);
	background-position: 0 -22px; 
	width: 47px;
}

ul#subhead li#y2010 a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/2010.gif);
	background-position: 0 -44px;  
	width: 47px;
}

ul#subhead li#y2011{ 
	width: 47px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/2011.gif);
}   


ul#subhead li#y2011 a{ 
	display: block; text-indent: -100em;
	background-image: url(images/2011.gif);
	background-position: 0 -22px; 
	width: 47px;
}

ul#subhead li#y2011 a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/2011.gif);
	background-position: 0 -44px;  
	width: 47px;
}

ul#subhead li#y2012{ 
	width: 47px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/2012.gif);
}   


ul#subhead li#y2012 a{ 
	display: block; text-indent: -100em;
	background-image: url(images/2012.gif);
	background-position: 0 -22px; 
	width: 47px;
}

ul#subhead li#y2012 a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/2012.gif);
	background-position: 0 -44px;  
	width: 47px;
}

ul#subhead li#y2013{ 
	width: 47px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/2013.gif);
}   


ul#subhead li#y2013 a{ 
	display: block; text-indent: -100em;
	background-image: url(images/2013.gif);
	background-position: 0 -22px; 
	width: 47px;
}

ul#subhead li#y2013 a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/2013.gif);
	background-position: 0 -44px;  
	width: 47px;
}
ul#subhead li#future{ 
	width: 101px;
	height: 22px;
	display: block; text-indent: -100em;
	background-image: url(images/future.gif);
}   


ul#subhead li#future a{ 
	display: block; text-indent: -100em;
	background-image: url(images/future.gif);
	background-position: 0 -22px; 
	width: 101px;
}

ul#subhead li#future a:hover{ 
	display: block; text-indent: -100em;
	background-image: url(images/future.gif);
	background-position: 0 -44px;  
	width: 101px;
}

ul#tophead li.divider{
	background-color: white;
	float: left;
	width:2px; 
	height: 18px;
	margin-top:2px; 
}  

ul#subhead{
	position: absolute;
	top: 150px;
	margin-left:-10px;
}  

ul#subhead li {  
margin: 0 2px;	float: left;
} 

ul#subhead li.divider{
	background-color: #F93;
	float: left;
	width:2px; 
	height: 18px;
	margin-top:2px; 
}  

form#contact{
	margin-top: 200px;
	
}

img.left{
	float: left;
}

img.right{
	float:right;
}

#container{ 
	background-image: url(images/title.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 75px; 
	top: 45px;
	width:700px;  
	font-size: 90%;
}  

#container p{
	margin-bottom:1em;
}  

#container p.first{
	margin-top: 200px;
} 

#container a, #container a:visited {
	text-decoration: none;
	color: #F93;
}

 #container a:hover {
	text-decoration: none;
	color: #FC3;
} 

#booking label, input.submit{
	clear:left;
	width: 25%;
}  

#booking textarea, select{
	float:left;
}