<style type="text/css">
<!--
body 	{ margin:0;
	  background-color:#444444;
}
.menu   { font-size:12px;
	  font-weight:bold;
	  font-family:arial;
	  color:#FFFFFF;
}
div	{ align:center;
	  padding:0;
	  margin:0;
}
.departure	{ font-size:11px;
		  font-family:arial;
		  color:#000000;
}
td		{ font-size:10px;
		  color:#000000;
		  font-family:arial;
}
a:link, a:visited, a:active	{ text-decoration: none;
				  color:#FF0000;
}
a:hover				{ text-decoration: underline;
				  color:#000000;
}		
-->
</style>
<style type="text/css">

#coolmenu{
width:117px;
height:29px;
text-align:center;
}

#coolmenu a{
padding-top: 6px;
padding-bottom: 0px;
display: inline;
color: white;
text-decoration: none;
text-align:center;
width:117px;
height:29px;
}

#coolmenu a:hover{
background: url(menubgact.jpg);
color: #000000;
height:29px;
width:117px;
padding-top: 6px;
padding-bottom: 0px;
}

</style>
<style type="text/css">

#coolmenu2{
width:115px;
height:19px;
text-align:center;
}

#coolmenu2 a{
background: url(ticketbutton.jpg);
display: inline;
color: white;
text-decoration: none;
text-align:center;
width:115px;
height:19px;
}

#coolmenu2 a:hover{
background: url(ticketbuttonact.jpg);
color: #000000;
height:19px;
width:115px;
padding-top: 6px;
padding-bottom: 0px;
}

</style>
<style type="text/css">

#coolmenu3{
width:179px;
text-align:center;
}

#coolmenu3 a{
display: inline;
color: white;
text-decoration: none;
text-align:center;
width:179px;
height:85px;
filter:alpha(opacity=100)
}

#coolmenu3 a:hover{
color: #000000;
height:85px;
width:179px;
padding-bottom: 0px;
filter:alpha(opacity=80)
}

</style>
<style type="text/css">

#coolmenu4{
width:150px;
text-align:center;
}

#coolmenu4 a{
display: inline;
color: white;
text-decoration: none;
text-align:center;
width:150px;
height:30px;
padding:6;
}

#coolmenu4 a:hover{
background-color: #DDDDDD;
color: #000000;
height:30px;
width:150px;
padding:6;
}

</style>