body {
    font-family: Verdana;
    background-color: White;
    margin: 7px;
    border-style: groove;
    border-color: Silver;
    border-width: thick;
    color: maroon;
    text-align: center;
}

a.redBoxLink 
{
	color: White;
}

img {
	border-style: none;
}

h1, h2, h3 {
	text-align: center;
}

h2 {
	font-size: larger;
}

.sidealley {
    background-color: Maroon;
    width: 5em;    
}

.centerContent {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

ul.salonmenu {
	list-style-type: none;
	padding-left: 0;
	padding-top: 0;
	margin-left: 0;
	margin-top: 0;
}

ul.salonmenu li {
	font-weight: bold;
	font-size: smaller;
}

ul.salonmenu li div {
	font-weight: normal;
	font-size: small;
	width: 30em;
	font-style: italic;
}

td.waxingItem {
	font-weight: bold;
	font-size: smaller;
	padding-right: 1.5em;
}

td.waxingPrice {
	font-size: smaller;
}

table.textblock {
	border-color: Black;
	border-width: 0.3em;
	border-style: solid;
	color: White;
	background-color: Maroon;	
	font-size: medium;
	text-align: center;
}

.expandingPanel {
	cursor: pointer;
}

table.classSchedule {
	text-align: center;
	border-style: solid;
	border-color: Silver;
	border-collapse: collapse;
	border-width: thin;
	width: 100%;
}

table.classSchedule thead tr td {
	border-style: solid;
	border-color: Silver;
	border-width: thin;
	font-weight: bold;
	padding: 1em;
}

table.classSchedule tbody tr td {
	border-style: solid;
	border-color: Silver;
	border-width: thin;
	font-size: small;
	vertical-align: top;
	padding: 1em;
	white-space: nowrap;
}

table.classSchedule tbody tr td span.left {
	width: 50%; 
	float: left;
	padding: 0;
}

table.classSchedule tbody tr td span.right {
	width: 50%; 
	float: right;
	padding: 0;
}

table.classSchedule tbody.pmClass {
	background-color: #99FFFF;
}

thead {
    font-size: large;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

td.header {
    font-size: large;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    padding-bottom: 1.5em; 
    padding-right: 1em;
}

a {
	color: Maroon;
}

a.paidClass {
    position:relative; 
    z-index:24; 
    background-color:#800000;
    color:#ffffff;
    text-decoration:none;
}

a.paidClass span {
	display: none;
}

a.paidClass:hover {
	z-index:25; 
	background-color:#ffffff;
	color: #800000;
}

a.paidClass:hover span {
    display:block;
    position:absolute;
    top:0.5em; 
    left:0.5em; 
    width:10em;
    border:1px solid black;
    background-color:maroon; 
    color:white;
    text-align: center;
}

a.signupReq {
    position:relative; 
    z-index:24; 
    background-color:#800000;
    color:#ffffff;
    text-decoration:none;
}

a.signupReq span {
	display: none;
}

a.signupReq:hover {
	z-index:25; 
	background-color:#ffffff;
	color: #800000;
}

a.signupReq:hover span {
    display:block;
    position:absolute;
    top:0.5em; 
    left:0.5em; 
    width:10em;
    border:1px solid black;
    background-color:maroon; 
    color:white;
    text-align: center;
}

.mainlogo {
    margin-bottom: 5px;
    text-align: center;
}

.copyright {
    /*font-family: Tahoma;*/
    font-size: small;
    width: 98%;
    bottom: 10px;
    text-align: center;
    display: inline-block;
}

#Announcement {
	display: inline-block;
    margin: 1.5em auto;
    border: 2px dashed black;
    font-family:Geneva;
    font-size: larger;
    color: Red;
    width: 98%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.menuHeading {
	vertical-align: bottom;
}

/*
.hours {
    background-image: url(images/Hours.jpg); 
}

.gym {
    background-image: url(images/Gym.jpg); 
}

.salon {
    background-image: url(images/Salon.jpg); 
}

.classes {
    background-image: url(images/Classes.jpg); 
}

.welness {
    background-image: url(images/Massage.jpg); 
}

.about {
    background-image: url(images/About.jpg); 
}

.hours:hover {
    background-image: url(images/HoursHover.jpg);
}

.gym:hover {
    background-image: url(images/GymHover.jpg);
}

.salon:hover {
    background-image: url(images/SalonHover.jpg);
}

.classes:hover {
    background-image: url(images/ClassesHover.jpg);
}

.welness:hover {
    background-image: url(images/MassageHover.jpg);
}

.about:hover {
    background-image: url(images/AboutHover.jpg);
}
*/
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}