body { margin: 0; padding: 0; background: url(../images/quilt_bg.jpg); background-position: top center; 
				font-family: Verdana, Arial, Helvetica, sans-serif; }
div { margin: 0; padding:  0; }
#mainWrapper { width: 850px; margin: 10px auto auto auto; background: url(../images/mainWrapperBg.gif); }
#mainWrapper .header { width: 100%; float: none; clear: both; }
#mainWrapper .footer { width: 850px; float: none; clear: both; background: url(../images/footerBg.gif); background-position: bottom; background-repeat: no-repeat; }
#mainWrapper .navigSide {width: 200px; height: auto; float: left; }
#mainWrapper .bodySide { width: 630px; height: auto; float: right; padding: 0 10px 0 10px; }

#mainWrapper .header h1 { width: 850px; height: 145px; background: url(../images/headerGraphic.jpg); font-size: x-small; color: #f4da94;
													padding: 7px 0 3px 0; margin: 0; vertical-align: text-bottom; text-align: center; line-height: 18px; position: relative;}

#mainWrapper .header h1 span { position: absolute; top: 7px; right: 14px; width: 250px; height: 145px; text-align: right; }

#mainWrapper .navigSide ul { list-style-type: none; margin: 0; padding: 0; }
#mainWrapper .navigSide ul li { display: block; width: 120px; height: auto; }
#mainWrapper .navigSide ul li a:link, #mainWrapper .navigSide ul li a:active, 
#mainWrapper .navigSide ul li a:visited { display: block; width: 120px; height: auto; text-align: center; vertical-align: top; background: url(../images/navigItem.gif);
															background-position: bottom left; background-repeat: repeat-y; padding: 8px 40px 35px 40px; font-size: small; color: #917797; font-weight: bold;
															text-decoration: none; }
#mainWrapper .navigSide ul li a:hover { text-decoration: underline; }
#mainWrapper .navigSide ul li a span { white-space: nowrap; }

#mainWrapper .bodySide h1 { font-size: small; color: #96824d; padding-left: 10px; }
#mainWrapper .bodySide h1.welcome { padding-top: 55px; background: url(../images/h1_welcome.gif); background-repeat: no-repeat; }
#mainWrapper .bodySide h1.hours { padding-top: 55px; background: url(../images/h1_hours.gif); background-repeat: no-repeat; }
#mainWrapper .bodySide h1.calendar { padding-top: 55px; background: url(../images/h1_calendar.gif); background-repeat: no-repeat; }
#mainWrapper .bodySide h1.quilt_gallery { padding-top: 55px; background: url(../images/h1_quiltGallery.gif); background-repeat: no-repeat; }
#mainWrapper .bodySide h1.classes { padding-top: 55px; background: url(../images/h1_classes.gif); background-repeat: no-repeat; }

#mainWrapper .bodySide { color: #303833; font-size: x-small;}
#mainWrapper .bodySide div.content { height: auto; margin: 0 25px 0 10px; }

#mainWrapper #calendar h1{ color: #ffffff; font-size: large; padding: 5px; margin: 5px 0 5px 0; display: block; text-align: center; clear: right; 
														border: 2px solid #ffffff; background: #907596;}
#mainWrapper #calendar h2{ color: #000000; font-size: small; padding: 5px; margin: 10px 0 5px 0; display: block; text-align: left; clear: right; }

#mainWrapper #calendar div.calDate { padding: 10px; margin: 10px; border: 1px solid #000000; }

#mainWrapper div.galleryImage {
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	margin: 7px;
}
#mainWrapper div.galleryImage a {
	position: absolute;
	display: block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ffffff;
}
#mainWrapper div.galleryImage a img {
	border: 3px solid #ffffff;
}
#mainWrapper div.topImageDiv {
	background: url(../images/dottedDivH.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	
}
#mainWrapper div.topImageDiv p#topImageCaption {
	text-align: center;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	
}
#mainWrapper div.topImageDiv img#topImage {
	border: 3px solid #ffffff;
	margin-top: 5px;
	margin-left: 5px;	
	margin-right: 5px;
	margin-bottom: 0px;
}


/* stupid mozilla */
 #mainWrapper p.terminus { width: 100%; float: none; clear: both; font-size: 2px; line-height: 2px;  }