body {
margin:0px;
padding:0px;
background:#57006e url(../images/bg-repeat.jpg) repeat-x;
}

#wrapper-home {
width:100%;
background:url(../images/bg-home.jpg) no-repeat top center;
}

#wrapper {
width:100%;
background:url(../images/bg.jpg) no-repeat top center;
}

#container {
width:800px;
min-height:600px;
margin:0px auto;
font-family:arial;
color:#ffffff;
font-size:16px;
}

#container h1 {
font-family:arial;
color:#ffffff;
font-size:28px;
line-height:28px;
}

#container p {
font-family:arial;
color:#ffffff;
font-size:16px;
line-height:18px;
padding:0px;
margin:0px 0px 20px 0px;
}

#container p a {
font-family:arial;
color:#ffff00;
}
#container p a:link {
font-family:arial;
color:#ffff00;
text-decoration:underline;
}
#container p a:visited {
font-family:arial;
color:#ffff00;
text-decoration:underline;
}
#container p a:hover {
font-family:arial;
color:#ffff00;
text-decoration:none;
}

#title {
width:100%;
font-family:impact;
font-size:46px;
color:#FFFF00;
margin:60px 0px 0px 0px;
}

#footer {
width:100%;
margin:30px 0px;
}

#footer ul {
list-style:none;
margin:0px auto;
padding:0px;
width:650px;
font-family:arial;
font-size:11px;
}

#footer li {
display:inline;
color:#ffffff;
}

#footer li a {
color:#ffff00;
text-decoration:none;
padding:0px 8px;
white-space:nowrap;
}
#footer li a:link {
color:#ffff00;
text-decoration:none;
}
#footer li a:visited {
color:#ffff00;
text-decoration:none;
}
#footer li a:hover {
color:#ffffff;
text-decoration:underline;
}


#footer p {
font-size:11px;
color:#ffffff;
}

#footer p a {
color:#ffffff;
text-decoration:underline;
}
#footer p a:link {
color:#ffffff;
text-decoration:underline;
}
#footer p a:visited {
color:#ffffff;
text-decoration:underline;
}
#footer p a:hover {
color:#ffff00;
text-decoration:none;
}

#nav, 
#nav ul {text-align:left; padding:0; margin:0; list-style:none; font:14px trebuchet ms, Arial, Verdana, Helvetica, sans-serif; background:url(/images/spacer.gif); position:relative; z-index:100; margin-left:8px;}
.nav-border { }
#nav {height:18px; width:700px; margin:5px auto 0px auto; padding:0px; color:#ffff00;}

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; font-weight:bold; text-transform:uppercase; float:left; color:#ffff00; height:20px; padding:0px 6px 0px 6px; line-height:18px; text-decoration:none; white-space:nowrap;}
#nav li li a {display:block; background-color:#380047; height:25px; line-height:25px; font-size:12px; font-weight:normal; text-transform:none; float:none; color:#fff;}

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; color:#007bff;}
#nav li:hover > a { color:#dae5fc;}

#nav :hover  ul {left:-8px; top:18px; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px; border:2px solid #270231; background-color:#380047;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {color:#ffff00; background-color:#56006d;  }

#nav li a:hover ul li a:hover {color:#ffff00; background-color:#56006d;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


a.youtube {
	display: block;
	background-image: url(/images/youtube.png);
	background-repeat: no-repeat;
	background-position:top left;
	width: 150px;
	height: 50px;
	font-family: trebuchet ms;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding:0px 0px 0px 0px;
}
a.youtube:link { text-decoration:none; }
a.youtube:active { text-decoration:none; }
a.youtube:visited { text-decoration:none; }
a.youtube:hover { color:#FF0000; background-position:bottom left; text-decoration:none; }

#myspace-container {
text-align:center;
margin-left:5px;
}

a.myspace {
	display:block;
	background-image: url(/images/myspace.png);
	background-repeat: no-repeat;
	background-position:top left;
	width: 150px;
	height: 50px;
	font-family: trebuchet ms;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding:0px 0px 0px 0px;
}
a.myspace:link { color: #000000; text-decoration:none; }
a.myspace:active { color: #000000; text-decoration:none; }
a.myspace:visited { color: #000000; text-decoration:none; }
a.myspace:hover { color:#003399; background-position:bottom left; text-decoration:none; }


a.facebook {
	display:block;
	background-image: url(/images/facebook.png);
	background-repeat: no-repeat;
	background-position:top left;
	width: 150px;
	height: 50px;
	font-family: trebuchet ms;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding:0px 0px 0px 0px;
}
a.facebook:link { color: #000000; text-decoration:none; }
a.facebook:active { color: #000000; text-decoration:none; }
a.facebook:visited { color: #000000; text-decoration:none; }
a.facebook:hover { color:#003399; background-position:bottom left; text-decoration:none; }

#facebook-container {
text-align:center;
margin-left:5px;
}

a.twitter {
	display:block;
	background-image: url(/images/twitter.png);
	background-repeat: no-repeat;
	background-position:top left;
	width: 150px;
	height: 50px;
	font-family: trebuchet ms;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding:0px 0px 0px 0px;
}
a.twitter:link { color: #000000; text-decoration:none; }
a.twitter:active { color: #000000; text-decoration:none; }
a.twitter:visited { color: #000000; text-decoration:none; }
a.twitter:hover { color:#003399; background-position:bottom left; text-decoration:none; }

a.tickets:link {color:#FFFFFF;}
a.tickets:visited {color:#FFFFFF;}
a.tickets:active {color:#FFFFFF;}
a.tickets:hover {color:#FFFF00;}
.tickets {font-family:arial; font-size:16px; font-weight:bold; color:#FFFF00;}

.schedule {font-family:arial; font-size:12px; font-weight:bold; color:#FFFFFF;}

table.calendar {
font-family:arial;
font-size:12px;
color:#000000;
border-width: 0px;
border-style: none;
border-collapse: collapse;
background-color:#ffffff;
width:200px;
height:150px;
}

table.calendar td {
border-width: 1px;
padding: 2px;
border-style: solid;
border-color: #cccccc;
}

.month {
font-family:arial;
font-size:18px;
color:#ffffff;
background-color:#000846;
}

.day {
font-family:arial;
font-size:12px;
font-weight:bold;
color:#000000;
}

.date {
font-family:arial;
font-size:12px;
color:#000000;
}
 
a.friends {font-weight:bold; color:#FFFF00;}
a.friends:link {color:#FFFF00;}
a.friends:visited {color:#FFFF00;}
a.friends:hover { color:#FFFFFF;}
.friends {font-family:arial; font-size:14px; color:#FFFFff;}

a.subnav {color:#FFFFFF; text-decoration:none; white-space:nowrap;}
a.subnav:link {color:#FFFFFF; text-decoration:none;}
a.subnav:visited {color:#FFFFFF; text-decoration:none;}
a.subnav:hover {color:#FFFF00; text-decoration:none;}
.subnav {font-family:arial; font-size:11px; color:#FFFFFF;}

a.order {
color:#003399;
font-family:arial;
font-size:14px;
font-weight:bold;
}