/* IMPORTANT */
/* You may not reproduce this design without the designer's  permission. */
/* Copyright 2009 Hayo Bethlehem */

* {margin: 0; padding: 0;}
body, html {text-align: center; background-color: white; margin: 0; padding: 0;}

#website { width: 900px; margin: 0 auto; background: #fff;}
#header { margin: 20px 0 0 0; background: white url("../images/header.jpg") repeat-x top left; height: 100px;}
#content {background: #fff; margin: 0 5px;  width: 900px; position: relative;display: block;}


#menu  {width: 230px; position: relative; display: block; float: left; margin: 65px 0 0 0; text-align:right;}
#menu ul {list-style: none; font: bold italic 18px/30px georgia, serif; padding:  0 30px 30px 0;}
#menu a {color: black; text-decoration: none;}
#menu a:hover {color: #eb008b; text-decoration: underline overline;}

span.new { color: #eb008b; font-weight: bold; text-transform: uppercase; font-size: 11px;}

.subscribe {
	background: transparent url("../images/newsletter.png") no-repeat top left;
	text-decoration: none;
	border: none;
	width: 223px;
	height: 70px;
	text-align: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#menu a.selected {color: #eb008b; text-decoration: underline;}

img.startImage {float: right; margin: 0 0 0 10px;}
img.leftImage {float: left; margin: 0 10px 0 0; }

#text {width: 580px; text-align: left; margin: 30px 30px 60px 30px; position: relative; display: block; float: right;}
#text p,
#text ul, #text ol, table {font: normal 12px/18px verdana, sans-serif; padding: 0 20px 20px 0px;}
#text li {margin-left: 20px;}

table {width: 100%;}
.noresize {	width: auto;}
td, th {font: normal 12px/17px verdana, sans-serif; padding: 5px;border-bottom: 1px solid #ccc;}
th { font-weight: bold; text-align: left;}
td { }

#text a {color: #eb008b;}
#text a:hover {color: black;}

p.contactdetails {

color:#999999;
font-size:8pt !important;
margin:2px 0 10px;
padding:2px;
}


h1 {width: 900px; height: 100px; background: transparent url("../images/h1.jpg"); margin: 0 auto; overflow: hidden; text-indent: -9999px; }
h2 {font: normal 26px arial; color: #eb008b; text-align: left; letter-spacing: -1px; margin: 0 0 20px 0;  }
h3 {font: bold 12px/17px verdana, sans-serif; }

#timetable {
	width: 230px; 
	position: relative; 
	float: right; 
	background-color: #fbcce8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid white;
	margin: 0 0 10px 10px;
	-moz-box-shadow: 0px 0px 5px #333333;	
	-webkit-box-shadow: 0px 0px 5px #333333;	
	box-shadow: 0px 0px 5px #333333;	
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333')";
	
}
#timetable h4 {
	color: white; 
	font-family: arial; 
	margin: 5px;
	background: #eb008b; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	letter-spacing: -1px; 
	padding: 3px; 
	text-align: center;
}
#timetable ul {list-style-position:inside; list-style-type: square; padding: 0 10px 10px 10px; margin: 0;}
#timetable li {border-bottom: 1px solid white; font-size: 11px; padding: 3px 3px 3px 16px;margin: 0; text-indent: 0px; text-indent: -13px;}
#timetable em { color: #eb008b; font-size: 10px; float: right;}



.clear {clear: both;}

#footer {clear: both;  background: #eb008b; position: relative; margin-bottom: 20px; border-radius: 10px; display: block;}
#footer img {
	position: absolute;
	bottom: -20px;
	right: 10px;
}
#footer p {text-align:left;font: 10px verdana, sans-serif; color: white; padding: 3px 0 3px 300px;}