@charset "utf-8";
/* 	stylesheet.css - CSS Document
	You can edit this file to customise the colour and feel to the layout
	We recommend you keep the class names below intact.
*/



body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#333333;		
}


	/* Layout */
	.header{
		color:#FFFFFF;
		height:150px;
		width:500px;
		background-image:url(images/h_logo.gif);
	}
	.location{
		height: 20px;
		width:500px;
		text-align:right;
		font-size:12px;
		background-image:url(images/location.gif);
	}
	
	.content{
		height:auto;
		width:500px;
		text-align:left;
		font-size:12px;
		background-image:url(images/content.gif);
		padding-left:8px; 
		padding-right:8px;
	
	
	}
	
	
	.column{
		width:200px;
		background-image:url(images/column.gif);
		
	}
	.column_top{
		width:200px;
		height:10px;
		background-image:url(images/column_top.gif);
		
	
	}
	.column_content{
		width:200px;
		height:140px;
		background-image:url(images/column.gif);
		
	
	}
	
	.column_myaccount{
		width:200px;
		height:150px;
		/*background-image:url(images/column.gif);*/
	
	}
	
	.footer{
		width:700px;
		height:30px;
		background-image:url(images/footer.gif);
		top:12px;
	}
	
	.footer_content{
		top:8px;
		left:12px;
		text-align:left;
		font-size:12px;
		font-weight:bold;
		position:relative;
		float:left;
		width:200px;
	}
	
	.footer_links{
		top:8px;
		right:8px;
		text-align:right;
		font-size:12px;
		font-weight:bold;
		position:relative;
		float:right;
		width:400px;
	}
	/* End Layout */

.table_row1{
	background-color: #66FFCC;
	color:#000000;
}
.table_row2{
	background-color: #FFFFFF;
	color:#000000;
}

a{
	font-size:13px;
	color:#990099;
	text-decoration:none;
}

a.link{
font-size:13px;
	color:#990099;
text-decoration:none;
}

a.visited{
font-size:13px;
	color:#990099;
text-decoration:none;
}

h1{
	font-size:16px;
	background-color:#66FFCC;
	color:#000000;
}

h2{
	font-size:15px;
	color:#999999;
}

h3{
	font-size:14px;
	color:#666666;
}
h4{
	font-size:13px;
	color:#000000;
	text-decoration:underline;
}


.info{
	font-size:11px;
	background-color:#FFFFFF;
	border:dashed;
	border-color:#003366;
	border-style:dashed;
	border-width:thin;
	color:#333333;
	width: 90%;
	height: auto;
	margin-left:auto;
	margin-right:auto;
}

.welcome_alert{
	width:96%; 
	margin-left:auto; 
	margin-right:auto;
}
.error_box{
	border: thin dashed #FF0000;
	width: 90%;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	
}


/* Form Items, Input Boxes etc. */
.form_button{
	font-size:11px;
	color:#FFFFFF;
	font-weight: bold;
	background-color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.form_textbox{
	font-size: 12px;
	color: #000033;
	font-weight: bold;
	border: thin solid #666666;
}






/* Timetable Styles */
.timetable_cell {
	border:thin; 
	border-color:#000000; 
	border-style:solid;
}
.timetable_time {
	background-color:#000000;
	color:#FFFFFF;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.timetable_clickbook {
	width:90%; 
	background-color:#33FF99; 
	margin-left:auto; 
	margin-right:auto; 
	color:#000000; 
	font-size:14px;
}
.timetable_booked {
	width:90%; 
	background-color:#993333; 
	margin-left:auto; 
	margin-right:auto; 
	color:#000000; 
	font-size:14px;
}
.timetable_unbook {
	width:90%;
	background-color:#FFFF99;
	margin-left:auto;
	margin-right:auto;
	color:#000000;
	font-size:14px;
}