body 		{ 
  font-family: verdana, arial, sans-serif;
  background-color:#bbb;  
  margin:0;
  text-align:center;
}
  	  		 
.text 		{font-size: 7pt;}	  

.main {
  position:relative;
	font-size: 12px;
	width:720px;
	margin-left:auto;
	margin-right:auto;
	background-image: url('http://www.hpyc.org.uk/files/images/fade5.png');
	background-repeat:repeat-y;
	<!-- padding-left:20px;  -->
	text-align:justify;
}

.body 		{
	background-color:#fff;
	position: relative;	
	padding: 20px;
	margin-left:35px;
	width: 650px;	
	margin-left:auto;
	margin-right:auto;
}

p 			{ font-size:10pt; color: #000}


h1 {font-weight: bold; font-size: 16pt; text-align:left
}

h2 {text-align:left; font-weight: bold; font-size:14pt; color: #555} 

.prog {width:600px;position:relative}

.event {width: 98%; border-width: 1px 0px 1px 0px; border-color:#000; border-style:solid; padding: 10px;position:relative;top:-1px}

.title {width: 45%;  float: left; text-align:left;margin-bottom:20px;}

.places {width: 45%; float: right;margin-bottom:20px;}

.details {width: 95%;clear: both; font-style: italic;margin:0;padding:0}

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

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

a:hover 	{ color: #333333; text-decoration: underline}

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

.nav1 a{
	font-size: 13px;
}
.nav2 a{
	font-size: 10px;
}
.main .body .footer img {
	vertical-align: bottom;
	bottom: -10px;
}