body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin-top:0px;
	background-color:#000000;
	color:#000000;
	font-size:100%;
	z-index:0;
}
#whole_page {
	position:relative;
	width:100%;
  	margin-left: 	auto;
   	margin-right: 	auto;
	background-color:none;
}
#main{
	position:relative;
	background-color:#000000;
	width:100%;
	height:782px;
	border-color:#707174;
	border-style:solid;
	border-width:1px;

}
.schedule{
	position:relative;
	padding:0px;
	max-width:580px;
	margin-left:auto;
	margin-right:auto;
	max-height:584px;
}
P{
	text-align: 	justify;	
}

#welcome{
	position:relative;
	padding-top:50px;
	background-color:#000ff0;
	height:160px;
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
	font-size:250%;
}
.welcome{
	display:block;
	text-align:center;
	font-size:50%;
	color:#000000;
}


#heading{
	position:relative;
}

#textHeading{
position:absolute;
	color:#FFFFFF;
	top:50px;
	left:100px;


}

#strapline{
position:absolute;
	color:#FFFFFF;
	top:300px;
	left:100px;
	font-size:300%;
	width:300px;


}


.tileContainer{
	position:relative;
    width: 182px;
    height: 222px;
	float:left;
	padding:5px;
		margin-left:auto;
	margin-right:auto;


}


.tileDef1, .tileDef2, .tileDef3, .tileDef4, .tileDef5, .tileDef6 {
    display: block;
    position: absolute;
	border-width:thin;
}
.tileDef1:hover:after, .tileDef2:hover:after, .tileDef3:hover:after, .tileDef4:hover:after, .tileDef5:hover:after, .tileDef6:hover:after {
    display: block;
    position: absolute;
    opacity: 0;
	border-width:thin;
}

.tileDef1:after, .tileDef2:after, .tileDef3:after, .tileDef4:after, .tileDef5:after, .tileDef6:after {
    content:'';
    top: 0;
    left: 0;
    z-index: 10;
    width: 182px;
    height: 222px;
    display: block;
    position: absolute;
	background: rgb(255,51,51);
    opacity: 0.6;
	border-width:thin;
}
.tileDef1:after {background: rgb(255,51,51);}
.tileDef2:after {background: rgb(130,105,186);}
.tileDef3:after {background: rgb(72,178,168);}
.tileDef4:after {background: rgb(162,97,189);}
.tileDef5:after {background: rgb(128,128,128);}
.tileDef6:after {background: rgb(255,255,255);}

.tileLink{
	position:relative;
	display: block;
	top: 0;
	left: 0;
	padding:0px;
	margin:0px;
	width: 182px;
	height: 222px;
	float:left;
	border-style:solid; 
	border-width:thin; 
}


a.tileLink:link 	{border-color:rgb(255,255,255);  border-style:solid; border-width:thin; }
a.tileLink:visited 	{border-color:rgb(255,255,255);  border-style:solid; border-width:thin; }
a.tileLink:hover 	{border-color:rgb(255,255,255);  border-style:solid; border-width:thin; }

.desc{
	position:relative;
	top:140px;
	width:70%;
	margin:0% 15% 0% 15%;
	height:64px;

	text-align:center;
	color:#FFFFFF;
	z-index: 12;
	border-color:rgb(255,255,255);
	font-size:150%;
	
	
}


h1 {font-size: larger;color:#000000; text-align:left; text-decoration:none;}
h2 {font-size: large;color:#333333; text-align:left; text-decoration:underline; }
h3 {font-size: medium;color:#666666; text-align:left; text-decoration:none; }
h4 {font-size: small;color:#999999; text-align:left; text-decoration:none;}
h5 {font-size: smaller;color:#bbbbbb; text-align:left; text-decoration:none;}




a.top:link 		{color:blue; 	background-color:#ffffFF;	text-decoration:none; font-weight:bold;padding-bottom:10px; }
a.top:visited 	{color:blue; 	background-color:#ffffFF; 	text-decoration:none; font-weight:bold; }
a.top:hover 	{color:red; 	background-color:#ffffFF; }


#footer{
position:relative;

	border-color:#f05050;
	color:#888888;
	font-size:75%;
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
	clear:left;
	border-color:#ff00ff;

	
}