body {
		font-family: Trebuchet MS, tahoma, arial;
		font-size: 9pt; 
		color: #000;
}
	
body.pdf {
  font-size: 20pt;
  background: url(http://www.events.ex.ac.uk/ivfdf2009/templates/pdfbackground.jpg) repeat-y right;
  margin-right: 20px;
}

#layout
{
width:768px;
margin:auto;
border-left: 1px dotted #ff0000;
border-right: 1px dotted #ff0000;
border-spacing: 5px;
}
#header
{
width:563px;
height:60px;
float:left;
color: #000000;
font-size: 14pt;
text-align: left;
background-color: #fff;
padding-left:5px;
}
#nav
{
color: #fff;
text-align: center;
background-color: #EF0094;
height:25px;
width:563px;
margin-left:5px;
padding:5px 0px 5px 0px;
float:left;
}
nav a:link 
{
color: #fff; 
font-family: tahoma; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: none; 
color: #ff0000; 
}
a.nav:link {
		color: #fff; 
		font-family: tahoma; 
		font-size: 12pt; 
		font-weight: bold; 
		text-decoration: none; 
		}
	
	a.nav:visited {
		color: #fff; 
		font-family: tahoma; 
		font-size: 12pt; 
		font-weight: bold; 
		text-decoration: none;
		}

	a.nav:hover {
		color: #fff; 
		font-family: tahoma; 
		font-size: 12pt; 
		font-weight: bold; 
		text-decoration: underline; 
		}
#right
{
float:right;
padding:0px 0px 10px 0px;
}

#content
{
width:548px;
float:left;
color: #000000;
text-align: left;
background-color: #fff;
padding:10px 10px 10px 10px;
}

#footer1
{
clear:both;
color: #000000;
text-align: center;
background-color: #FFC1E8;
width:748px;
height:50px;
padding-top:10px;
margin-left:5px;
padding-left:5px;
padding-right:5px;
}

#footer2
{
clear:both;
color: #fff;
text-align: center;
background-color: #EF0094;
width:748px;
height:20px;
padding-top:5px;
margin-left:5px;
margin-top:5px;
padding-left:5px;
padding-right:5px;
}

a:link {
		color: #ff0000; 
		text-decoration: none; 
		}
	
	a:visited {
		color: #ff0000; 
		text-decoration: none;
		}

	a:hover {
		color: #ff0000; 
		text-decoration: underline; 
		}
		
#update{font-style:italic;float:left;}
#update2{float:right;}

table.spaced_rows td {
  	padding-bottom: 20px;
  	background: url(http://www.events.ex.ac.uk/ivfdf2009/templates/para_bg1.jpg) repeat-x;
}

#hero
{
clear:both;
color: #000;
text-align: left;
background-color: #fff;
background: url(http://www.events.ex.ac.uk/ivfdf2009/templates/flashlight.png) no-repeat;
width:530px;
height:60px;
padding-top:20px;
margin-left:0px;
margin-top:5px;
padding-left:10px;
padding-right:5px;
}

#hero-left{font-style:italic;float:left;}
#hero-right{float:right; background: url(http://www.events.ex.ac.uk/ivfdf2009/templates/flashlight.png) repeat-x;}


/***************** In your CSS, I haven't used yet ****************/

	div.item { 
		background: url(http://www.events.ex.ac.uk/ivfdf2009/templates/para_bg1.jpg) repeat-x; 
		padding: 10px 10px 10px 10px;
		}

	div.item img {
		float: right;
		padding: 0px 0px 3px 3px;
		}

	div.item h1 {
		font-size: 11pt;
		color: #ff0000;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}

	div.news {
		margin-left: 20px;
		}

	div.quote {
		background: url(http://www.events.ex.ac.uk/ivfdf2009/templates/#.jpg) top left repeat-x; 
		margin-left: 40px;
		}
	
	div.error {
		background: #FFB3B3;
		border: 2px;
		border-style: solid;
		border-color: #FF0000;
		padding: 10px;
		}

	h1 {
		font-size: 15pt;
		color: #ff0000;
		margin-left:0px;
		}

	h2 {
		font-size: 12pt;
		color: #ff0000;
		}

	h3 {
		font-size: 10pt;
		color: #ff0000;
		}
	
	li {
	  	margin: .5em 0
		}
	
	/*  CSS OBTAINED EXTERNALLY  */

	#dropmenudiv{
		position:absolute;
		border:1px solid black;
		border-bottom-width: 0;
		font:normal 12px Verdana;
		line-height:18px;
		z-index:100;
		}

	#dropmenudiv a{
		width: 100%;
		display: block;
		text-indent: 3px;
		border-bottom: 1px solid black;
		padding: 1px 0;
		text-decoration: none;
		font-weight: bold;
		}

	#dropmenudiv a:hover{ /*hover background color*/
		background-color: yellow;
		}
/********** End of your CSS ************/