body {
text-align: center;
background: black;
margin:0px;
}

#container {
position: relative;
top: 20px;
left: 0px;
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;
background: white;
text-align: left;
}

.maincontent {
	position: relative;
	top: 0px;
	left: 0px;	
	width: 900px;
	font-family: arial;
	font-size: 14px;
	color: black;
	text-align: left;
	
}
.maincontent tr td {
	font-family: arial;
	font-size: 14px;
	color: #d9148d;	
}

.maincontent a {
color: black;
font-weight: bold;	
font-family: arial;
text-decoration: none;
}

.maincontent a:hover {
color: #d9148d;

}

/* SUBNAV */

ul#subnav  {
position: relative;
top: 5px;
left:60px;
width: 900px;
height: 50px;
}
ul#subnav ,
ul#subnav li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#subnav  li {
    display: inline;
}
ul#subnav li a {
    display: block;
    height: 50px;
    float: left;
    background: url('../images/topnav.gif');
    background-repeat: no-repeat;
    text-indent: -3000px;
	outline: none;
}
ul#subnav li.schedule a {
	width: 173px;
	background-position: -0px -0px;
}
ul#subnav li.press a {
	width: 96px;
	background-position: -178px 0px;
}
ul#subnav li.amanda a {
	width: 135px;
	background-position: -276px 0px;
}
ul#subnav li.stephanie a {
	width: 138px;
	background-position: -401px 0px;
}

ul#subnav li.facebook a {
	width: 146px;
	background-position: -544px 0px;
}

ul#subnav li.contact a {
	width: 138px;
	background-position: -683px 0px;
}

/* hover state */

ul#subnav li.schedule a:hover {
    background-position: 0px -56px;
}
ul#subnav li.press a:hover {
background-position: -178px -56px;
}
ul#subnav li.amanda a:hover {
    background-position: -276px -56px;
}
ul#subnav li.stephanie a:hover {
    background-position: -401px -56px;
}

ul#subnav  li.facebook a:hover {
    background-position: -544px -56px;
}

ul#subnav li.contact a:hover {
    background-position: -683px -56px;
}

.footer {
	position: relative;
	top: 30px;
	left: 0px;
font-family: arial;
font-size: 12px;	
color: #d9148d;
}

.footer a {	
color: #d9148d;
}

.footer a:hover {	
color: white;
}

.contact {
	position: relative;
	top: 0px;
	left: 150px;
	color: black;
}

.contact a{
	color: #d7168b;
}

.contact a:hover{
	color: black;
}

.press_nav {
	position: relative;
	top: 0px;
	left: 0px;	
}

.press_nav a{
color: #6c6c6c;	
font-size: 12px;
font-family: arial;
text-decoration: none;
}

.press_nav a:hover{
color: #d9148d;
text-decoration: none;	
}

.press_content {
	position: relative;
	top: 30px;
	left: 70px;
	height: 20px;	
}

.press_content span{
	position: relative;
color: #d9148d;	
}


.content {
	position: relative;
	top: 0px;
	left: 0px;
	width:450px;
float: left;	
}

.side_nav {
	position: relative;
	top: 0px;
	left: 0px;
	width:310px;
	background: #d9148d;
float: left;	
}

.booking {
	position: relative;
	top: 0px;
	left: 0px;
	width:310px;
	padding: 5px;
	color: white;
	background: #d9148d;
	border: 1px solid black;
}

/************ DON'T CHANGE IT PLEASE !!!!! ************/


.popUp {
z-index: 0;
}

.popUp:hover {
background-color: transparent;
z-index: 50;
}

.popUp span { 
position: absolute;
top: 150px; 
left: 20px; 
width: 350px;
padding: 5px; 
margin: 10px;
color: #000; 
background: white;
border: 3px solid #d9148d;
font: 10px Verdana, sans-serif; 
text-align: left;
text-decoration: none;
visibility: hidden;
}

.popUp:hover span { 
visibility: visible
}
