* {
	margin: 0;
	padding: 0;
	}
html {
	background: #333 url("../bitmaps/bg.jpg") repeat 0 0; 
	height:100%;
	}	
body {
	font-family: "Trebuchet MS", "Arial",  Verdana;
	font-size: 11px;	
	background-image: url(../bitmaps/bg-shade.png);
	background-repeat: repeat-x;
	border-top: 1px solid #000;
	padding: 0;
	margin: 0;
	color: #666;
	}
a {
	border: none;
	outline: none;
	text-decoration: none;
	color: #ccc;
	}
p{
	color: #CCCCCC;
	}
ul {
    list-style: none;
    }	
h1 {
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
	}
h2 {
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
	}
	
/*--------------------------------------------  WRAPPER --------------------------------------------------------*/

#wrapper {
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	min-height: 100%;
	}
.clear {
	clear:both;
	}
	
/*--------------------------------------------  HEADER ---------------------------------------------------------*/

#header {
	background-image: url(../bitmaps/bg-header.png);
	position: relative;
	width: 900px;
	height: 75px;
	}
#timetableTab {
	position: relative;
	float: right;
	width: 150px;
	height: 75px;
	}
	#timetableTab a {
	background-image: url(../bitmaps/tab-timetable.png);
	position: relative;
	float: right;
	width: 150px;
	height: 75px;
	}
	#timetableTab a:hover {
	background-position: left -75px;
	}	
	#timetableTab a.active {
	cursor: default;
	background-position: left -75px;
	}	

/*----------------------------------------------------  BANNER --------------------------------------------------*/

#banner {
	background: url("../bitmaps/loader.gif") no-repeat center;
	position: relative;	
	width: 900px;
	height: 330px;
	margin: 0;
	padding: 0;
	}	
#contact {	
	position: absolute;	
	width: 250px;
	height: 100px;
	margin: 0;
	padding: 10px 0 0 0;
	}
	#contact p {
	font-size: 17px;	
	color: #aaa;
	margin: 0 0 0 15px;
	}
	#contact a {
	color: #FFF;
	}
	#contact a:hover, a:active{
	text-decoration: underline;
	}
#address {	
	position: absolute;	
	right: 0px;
	width: 250px;
	height: 100px;
	margin: 0;
	padding: 10px 0 0 0;
	text-align:right;
	}
	#address p {
	font-size: 17px;
	color: #aaa;
	margin: 0 15px 0 0;
	}
#logo {
	background-image: url(../bitmaps/tab-logo.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	width: 200px;
	height: 195px;
	left: 350px;
	top: 20px;
	}
#logo a {
	position: absolute;
	width: 200px;
	height: 195px;
	}
	
#quotes {
	position: relative;	
	width: 900px;
	height: 35px;
	margin: 0;
	padding: 0;
	}	
	#quotes ul li{
	position: relative;	
	float: left;
	width: 300px;
	height: 35px;
	margin: 0;
	padding: 0;	
	}	
	#quotes ul li p{	
	margin: 5px 0 0 0;
	text-align: center;
	font-size:16px;
	font-weight: bold;
	}	
#images {		
	position: relative;	
	width: 900px;
	height: 105px;		
	}
	#images ul li{
	position: relative;	
	float: left;
	width: 145px;
	height: 105px;
	margin-right: 6px;
	padding: 0;	
	}
	#images ul li.thumbs{	
	width: 145px;
	height: 105px;		
	}
	#images-ref {
	position: relative;	
	width: 900px;
	height: 45px;
	margin: 0;
	padding: 0;
	}
		
/*--------------------------------------------  CONTAINER - MAIN BODY -------------------------------------------*/

#container {
	position: relative;
	width: 900px;
	height: 515px;
	margin-top: 60px;
	padding: 0;
	border-bottom: 1px dotted #666;
	}
	#container ul {
	margin:0;
	}
	#container ul li {
	position: relative;
	float: left;
	width: 269px;	
	height: 250px;
	padding: 0 15px 0 15px;
	margin: 20px 0 0 0;
	border-right: 1px dotted #666;
	text-align: justify;
	}
	#container ul li a {
	color: #3c98ff;
	}
	#container ul li a:hover, a:active {
	text-decoration:underline;
	color: #6cb1ff;
	}
	#container ul li.border {
	border-left: 1px dotted #666;
	width: 268px;
	}
	#container ul li p .hours {
	position: absolute;
	left: 100px; 	
	}
	#container ul li p .class {
	position: absolute;
	left: 200px; 	
	}

#images-slideshow {
	position: relative;
	float: left;
	width: 450px;
	height: 185px;
	margin: 0;
	padding: 0;
	}
#slideshow {
	position:relative;
	}
	#slideshow IMG {
	position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	}
	#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
	}
	#slideshow IMG.last-active {
    z-index:9;
	}
	
	#bulletpoints {
	position: relative;
	float: left;
	width: 400px;
	height: 185px;
	margin: 0 0 0 50px;
	padding: 0;
	}
	#bulletpoints .small {
	color: #999999;
	font-size: 18px;
	line-height: 26px;
	}
	
/*----------------------------------------------  CONTAINER - INFO  ---------------------------------------------*/

#location {
	position: relative;
	width: 225px;
	height: 275px;
	float: left;
	}
#locationAddress {
	margin: 30px 0 39px 0;
	text-align: right;
	}
	#locationAddress p {
	font-size: 14px;
	}
#locationMap {
	position: relative;
	float: right;
	width: 225px;
	height: 88px;
	margin-bottom: 5px;
	}
	#locationMap a {
	background-image: url(../bitmaps/tab-map.png);
	position: relative;
	float: right;
	width: 225px;
	height: 88px;
	}
	* html #locationMap a {
	background-image: url(../bitmaps/tab-map.png);
	position: relative;
	float: right;
	width: 225px;
	height: 10px;
	}
	#locationMap a:hover {
	background-position: left -88px;
	}	
#locationText p {
	text-align: right;
	font-style: italic;
	color: #aaa;
	}	
#text {
	position: relative;
	margin: 30px 0 0 0;
	width: 675px;
	height: 250px;
	float: right;
	}
#text p {
	margin: 0 0 0 30px;
	text-align: justify;
	font-size: 13px;
	}
#terms {
	position: relative;
	top: 15px;
	left: 257px;
	color: #666666;
	font-size: 10px;
	}
#terms p {
	color: #666;
	font-size: 10px;
	}


/*---------------------------------------------------  FOOTER  --------------------------------------------------*/

#footer {
	position: relative;
	margin: 0;
	padding: 0;
	height: 45px;
	width: 900px;
	}
#footer p{
	text-align:center;
	margin: 22px 0 0 0;
	color:#999;
	}
#back {
	position: absolute; 
	top:-50px; 
	}
#back a {
	color: #999;
	}
#back a:hover, a:active {
	text-decoration:underline;
	color: #fff;
	}