A {
	color: #ffe680;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}


HTML {
	background: #000 url('images/back.png') center top repeat-y;
    /* Height is 100%, so the body can be 100% */
    height: 100%;
}

BODY {
	margin: 0px;
	padding: 0px;
	background: url('images/backs/about.jpg') center top no-repeat;
	text-align: center;
    /* Height is 100%, so the tiled BG will tile all the way down
       the page, not just as far down as the page's content
       (when the content's height is less than the window's height) */
    height: 100%;
}
/*
Hackety-hack-hack...
FF2, with the above code, will only display the repeat-y image for as
    high as the window's viewport is; higher content (upon
    scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6...dunno
 'bout IE7.
*/
HTML>BODY {
    min-height: 100%;
    height: auto;
}

BODY.birthday { background-image: url('images/backs/birthday.jpg'); }
BODY.about { background-image: url('images/backs/about.jpg'); }
BODY.bar { background-image: url('images/backs/bar.jpg'); }
BODY.crystal { background-image: url('images/backs/crystal.jpg'); }
BODY.events { background-image: url('images/backs/events.jpg'); }
BODY.facts { background-image: url('images/backs/facts.jpg'); }
BODY.family { background-image: url('images/backs/family.jpg'); }
BODY.group { background-image: url('images/backs/group.jpg'); }
BODY.press { background-image: url('images/backs/press.jpg'); }
BODY.specials { background-image: url('images/backs/specials.jpg'); }

BODY.black {
	background: #000; 
	text-align: center;
	padding-top: 20px;
}

BODY.marsneedsmoms,
BODY.specialsmenu,
BODY.valentinesmenu,
BODY.feedback,
BODY.coupon,
BODY.thanksgivingmenu,
BODY.thanksgiving,
BODY.octoberform,
BODY.eventsform,
BODY.birthdayform,
BODY.birthdayclub,
BODY.donation { background-image: url('images/backs/logoonly.jpg'); }

FORM {
	margin: 0px;
	padding: 0px;
}

IMG {
	border: 0px;
}

TD, BODY {
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 13px;
	color: #ffff00;
	line-height: 1.2;
}

P {
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

H1, H2, H3 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.clear {
	clear: both;
}

/* ########################################################################################## */

#container {
	width: 760px;
	margin: auto;
	text-align: left;
	height: 100%;
	position: relative;
}

/* ########################################################################################## */


#menu {
	width: 200px;
	float: left;
}

.marsneedsmoms #menu,
.specialsmenu #menu,
.valentinesmenu #menu,
.feedback #menu,
.coupon #menu,
.thanksgivingmenu #menu,
.thanksgiving #menu,
.octoberform #menu,
.eventsform #menu,
.birthdayform #menu,
.birthdayclub #menu,
.donation #menu {
	position: absolute;
	top: 0;
	left: 0;
	height: 90px;
	overflow: hidden;
}

#menu H1 {
	padding: 0;
	margin: 10px 0 30px 0;
}

#menu H1 A {
	display: block;
	height: 90px;
	overflow: hidden;
	text-indent: -9999px;
}

#menu UL {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu UL LI {
	clear: both;
	height: 30px;
	overflow: hidden;
}

#menu UL LI .image {
	display: block;
	width: 45px;
	height: 30px;
	overflow: hidden;
	float: left;
}

#menu UL LI A {
	display: block;
	float: left;
	padding: 7px 0;
	color: #ffe680;
	font-size: 12px;
}

/* ########################################################################################## */

#body {
	width: 560px;
	float: left;
}

.marsneedsmoms #body,
.specialsmenu #body,
.valentinesmenu #body,
.feedback #body,
.coupon #body,
.thanksgivingmenu #body,
.thanksgiving #body,
.octoberform #body,
.eventsform #body,
.birthdayform #body,
.birthdayclub #body,
.donation #body {
	width: 760px;
}

#body .padding {
	padding: 25px 10px 0 300px;
}

.marsneedsmoms #body .padding,
.specialsmenu #body .padding,
.valentinesmenu #body .padding,
.feedback #body .padding,
.coupon #body .padding,
.thanksgivingmenu #body .padding,
.thanksgiving #body .padding,
.octoberform #body .padding,
.eventsform #body .padding,
.birthdayform #body .padding,
.birthdayclub #body .padding,
.donation #body .padding {
	padding: 25px 25px 0 25px;
}

.facts #body .padding {
	padding: 25px 10px 0 25px;
}

#body H1 {
	color: #ffe680;
	font-size: 24px;
	margin-bottom: 15px;
	padding: 5px 0 0 40px;
	background: url('images/heads/birthday.png') left center no-repeat;
}

.birthday #body H1 { background-image: url('images/heads/birthday.png'); }
.about #body H1 { background-image: url('images/heads/about.png'); }
.bar #body H1 { background-image: url('images/heads/bar.png'); }
.crystal #body H1 { background-image: url('images/heads/crystal.png'); }
.events #body H1 { background-image: url('images/heads/events.png'); }
.facts #body H1 { background-image: url('images/heads/facts.png'); }
.family #body H1 { background-image: url('images/heads/family.png'); }
.group #body H1 { background-image: url('images/heads/group.png'); }
.press #body H1 { background-image: url('images/heads/press.png'); }
.specials #body H1 { background-image: url('images/heads/specials.png'); }

.marsneedsmoms #body H1,
.specialsmenu #body H1,
.valentinesmenu #body H1,
.feedback #body H1,
.coupon #body H1,
.thanksgivingmenu #body H1,
.thanksgiving #body H1,
.octoberform #body H1,
.eventsform #body H1,
.birthdayform #body H1,
.birthdayclub #body H1,
.donation #body H1 { background: transparent; padding: 5px 0 45px 240px; }


#body H2 {
	font-size: 16px;
}

#body H3 {
	font-size: 14px;
}

#body UL {
	margin: 0;
	padding: 0 0 15px 20px;
	list-style-image: url('images/dot.png');
}

#body UL LI {
	padding: 0 0 10px 0;
}

#body HR {
	padding: 0;
	margin: 0 auto 15px auto;
	height: 1px;
	border: none;
	background: #fff;
	color: #fff;
	width: 25%;
	text-align: center;
}

#body SMALL {
	display: block;
	font-style: italic;
	line-height: 1;
	padding-top: 5px;
}

#body .gallerybox {
}

#body .gallerybox IMG {
	display: none;
}

#body .floatblock {
	float: right;
	text-align: center;
	width: 243px;
	font-size: 10px;
	margin: 0 0 0 10px;
}

#body .floatblock IMG {
	margin-bottom: 5px;
}

#body .floatblock P {
	text-align: left;
}

#body .formtable {
	width: 700px;
}

#body .formtable TD {
	padding: 7px 0 7px 20px;
	vertical-align: middle;
}

#body .formtable TD.left {
	padding: 7px 0 7px 0px;
	border-bottom: 1px dotted #d45b24;
}

#TB_window .thumbs IMG {
	margin: 10px;
	border: 1px solid #fff;
}

/* ########################################################################################## */

#foot {
	border-top: 1px solid #cccc99;
	margin-top: 25px;
	padding: 10px 0;
}

#foot .rightside {
	display: block;
	float: right;
	font-size: 11px;
}

#foot .buttons {
	display: block;
	float: left;
	line-height: 1.5;
}


TABLE.hours {
	border-collapse: collapse;
	border: 1px solid #fff;
	border-bottom: 0;
	border-right: 0;
}

TABLE.hours TD {
	border-collapse: collapse;
	border: 1px solid #fff;
	border-top: 0;
	border-left: 0;
	width: 15%;
	text-align: center;
	font-size: 10px;
	padding: 15px 5px;
}