@import url("reset.css");

body {
background:#000000;
color:#FFFFFF;
font:normal small Verdana, Helvetica, Arial, sans-serif;
}
 
#Wrapper {
background:url(http://www.statetheatrestarkville.com/images/TheatreBack2.jpg) no-repeat;
margin:0 auto;
min-height:800px;
padding:0;
width:800px;
}

#StageLeft {
float:left;
width:250px;
}

#StageRight {
float:left;
margin:10px 0 0px 0;
padding:0px 0 0px 0;
width:550px;
}

#StageRight .about{
background:url(images/STBack.png) repeat;
border-bottom:solid white 8px;
border-top:solid white 8px;
margin:0 0 0 0;
padding:10px 10px 10px 0;
}

#StageRight .contact{
background:url(images/STBack.png) repeat;
border-bottom:solid white 8px;
border-top:solid white 8px;
margin:10px 0 20px 0;
padding:10px 10px 10px 0;
} 

#StageRight .name{
font-size:1.15em;
margin:5px;
padding:5px 0 0 0;
text-decoration:none;
text-transform:uppercase;
} 

#StageRight .address{
font-size:1em;
font-weight:normal;
margin:0 0 2px 5px;
padding:0;
text-transform:none;
}

#StageRight .about.title {
margin:0 0 -20px 0;
padding:0 0 0 0;
}

#StageRight img{
border:solid white 5px;
padding:0;
}


/*******************MENU************************/
#Menu {
display:block;
float:left;
margin:5px 0 0 0;
width:250px;
}

#Menu img{
float:left;
margin:5px 0 0 0;
padding:0 10px 0 0;
}

#Menu ul{
float:left;
list-style-type:none;
margin:0;
padding:35px 0 0 0;
width:155px;
}

#Menu ul a{
display:block;
width:155px;
height:0;
padding:0;
text-decoration:none;
color:#000; 
overflow:hidden;
}

#Menu ul a:link{
display:block;
border:none;

background:url(images/menu/TicketsW.png) no-repeat;
}

#Menu ul a:hover{
display:block;
background:url(images/menu/TicketsR.png) no-repeat;
}

#Menu li {
float:left;
}

#Menu li.tickets {background:transparent url(../images/menu/TicketsW.gif) no-repeat;}
#Menu li.calendar {background:transparent url(../images/menu/CalendarW.gif) no-repeat;}
#Menu li.bands {background:transparent url(../images/menu/BandsW.gif) no-repeat;}
#Menu li.employees{background:transparent url(../images/menu/EmployeesW.gif) no-repeat;}
#Menu li.account {background:transparent url(../images/menu/AccountW.gif) no-repeat;}
#Menu li.photos {background:transparent url(../images/menu/PhotosW.gif) no-repeat;}

#Menu a#tickets {
background:transparent url(../images/menu/TicketsR.gif) -160px -160px no-repeat;
padding:42px 0 0 0; 
}
#Menu a#calendar {
background:transparent url(../images/menu/CalendarY.gif) -160px -160px no-repeat;
padding:30px 0 0 0; 
}
#Menu a#bands {
background:transparent url(../images/menu/BandsR.gif) -160px -160px no-repeat;
padding:35px 0 0 0; 
}
#Menu a#employees {
background:transparent url(../images/menu/EmployeesR.gif) -160px -160px no-repeat;
padding:22px 2px 0 0;
}
#Menu a#account {
background:transparent url(../images/menu/AccountY.gif) -160px -160px no-repeat;
padding:30px 0 0 0; 
}
#Menu a#photos {
background:transparent url(../images/menu/PhotosY.gif) -160px -160px no-repeat;
padding:35px 0 0 0; 
}

#Menu a#tickets:hover {
background-position:0 0; z-index:50;
}
#Menu a#calendar:hover {
background-position:0 0; z-index:50;
}
#Menu a#bands:hover {
background-position:0 0; z-index:50;
}
#Menu a#employees:hover {
background-position:0 0; z-index:50;
}
#Menu a#account:hover {
background-position:0 0; z-index:50;
}
#Menu a#photos:hover {
background-position:0 0; z-index:50;
}
/*******************MENU************************/

.banner{
margin:10px 0 0 0;
}

#Frame{
clear:both;
float:left;
margin:10px 0 0 0;
padding:0;
width:100%;
}

/**********************EMPLOYEES****************/
#Employees{
border:0px solid #FFFFFF;
float:left;
margin:10px 0;
}

.employee{
background:url(images/STBack.png) repeat;
float:left;
margin:0 15px 10px 14px;
}
.employee a img{
width:170px;
height:170px;
}
.employee a:hover img{

}
.employee a:hover{
color:#990000;
}
.employee strong{
padding:3px 0 3px 4px;
display:block;
margin-bottom:2px;

}
.employee a{
color:#FFFFFF;
}
/**********************EMPLOYEES****************/
/**********************BANDS********************/
#Bands{
border:0px solid #FFFFFF;
float:left;
margin:10px 0;
}

.band{
background:url(images/STBack.png) repeat;
float:left;
margin:0 15px 10px 14px;
}
.band a img{
width:170px;
height:170px;
}
.band a:hover img{

}
.band a:hover{
color:#990000;
}
.band strong{
padding:3px 0 3px 4px;
display:block;
margin-bottom:2px;

}
.band a{
color:#FFFFFF;
}
/**********************BANDS********************/


/**********************PHOTOS*******************/
#Photos{

float:left;
margin:10px;
}

#Photos .name{
font-size:1.15em;
line-height:1.2em;
margin:5px;
text-decoration:none;
text-transform:uppercase;
}

#Photos .name a{
color:#FFFFFF;
font-weight:bold;
}

#Photos .name a:hover{
color:#990000;
}
/**********************PHOTOS*******************/

/**********************IMAGES*******************/
#Images{
float:left;
margin:10px 0 0 0;
}

#Images h1{
font-size:1.2em;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
margin:5px;
}
#Images table{
margin:0 0 0 15px;
}
/**********************IMAGES*******************/

#footer{
clear:both;
font-weight:bold;
margin:20px;
text-align:center;
text-transform:uppercase;

}