body {
	color: #000; 
	margin: 0px; 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 25px;
	padding-bottom: 25px; 
	background-color: #FBC571;
	background-image: url(/images/background.gif);
	font-family: Trebuchet, Verndana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#frame {
	width: 750px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-image: url(/images/woodv.gif);
}

#framet {
	white-space: nowrap;
	height: 25px;
	width: 750px;
	margin: 0px;
	padding: 0px;
}
#frameb {
	white-space: nowrap;
	height: 25px;
	width: 750px;
	margin: 0px;
	padding: 0px;
}

#page {
	width: 700px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
	background-color: #f0f8ff;
	color: #00008b;
}

#header {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 215px;
	width: 700px;
	background: #fff url(/images/header_textured.jpg) no-repeat top left;
	font-family: serif;
	font-size: 90%;
	color: #8B4513;
}

#menu {
	position: absolute;
	bottom: 20px;
	right: 30px;
	width: 500px;
	height: 30px;
	background: url(/images/menu.gif);
	margin: 10px auto; padding: 0;
	list-style: none;
	overflow: hidden;
}
#menu li {margin: 0; padding: 0; position: absolute; top: 0;}

#menu li, #menu a {height: 30px; display: block; font-family: fixed-font; text-indent: -9000px; text-decoration: none;}
#home {left: 0; width: 119px;}
#samplers {left: 119px; width: 97px;}
#needlework {left: 216px; width: 118px;}
#events {left: 334px; width: 86px;}
#contact {left: 420px; width: 80px;}

#home a:hover {background: transparent url(/images/menu.gif) 0 -30px no-repeat;}
#samplers a:hover {background: transparent url(/images/menu.gif) -119px -30px no-repeat;}
#needlework a:hover {background: transparent url(/images/menu.gif) -216px -30px no-repeat;}
#events a:hover {background: transparent url(/images/menu.gif) -334px -30px no-repeat;}
#contact a:hover {background: transparent url(/images/menu.gif) -420px -30px no-repeat;}

#home a.current {background: transparent url(/images/menu.gif) 0 -60px no-repeat;}
#samplers a.current {background: transparent url(/images/menu.gif) -119px -60px no-repeat;}
#needlework a.current {background: transparent url(/images/menu.gif) -216px -60px no-repeat;}
#events a.current {background: transparent url(/images/menu.gif) -334px -60px no-repeat;}
#contact a.current {background: transparent url(/images/menu.gif) -420px -60px no-repeat;}

#content {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	padding-right: 35px;
}

.ImageRight {float: right; margin-left: 1em;}
.ImageLeft {float: left; margin-right: 1em;}

#footer {
  clear: both;
  margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
  padding: 1px 0px 10px 0px;
	width: 90%;
  text-align: center;
  border-top: 3px solid #00008b;
  color: #00008b;
  background-color: #F0F8FF;
  font-size: 90%;
}

p {margin: 0px; padding-bottom: 1em;}

.PageTitle {margin: 0; font-size: 125%; font-weight: bold; text-align: center; color: #8B4513;}
.SubTitle {margin: 0; font-weight: bold; text-align: center; color: #8B4513;}
.Heading {font-size: 125%; font-weight: bold; color: #8B4513;}
.SubHeading {font-weight: bold; font-size: 110%;} /*  color: #8B4513; */
.DoubleIndent {margin-left: 2em; margin-right: 2em;}
.Indent {margin-left: 3em;}
.ClearLines {clear: both;}
.b {font-weight: bold;}
.coupon {font-weight: bold;}
.lastupdated {margin: 0; font-weight: bold; font-size: 90%; text-align: center; color: #8B4513;}

/* used on Forms */
div.Form {width: 90%; margin: 0em auto; padding-bottom: .5em; float: left;}
div.FormRow {clear: both; padding-top: .75em; padding-bottom: .75em;}
div.FormRow span.label {float: left; width: 20%; text-align: left;}
div.FormRow span.field {float: right; width: 79%; text-align: left;}
.FormError {color: #800000; font-weight: bold;}
.FormRequired {font-style: italic; color: #600; font-size: 85%;}
.FormNote {font-size: 85%; color: #8B4513;}
.FormTextFieldCountDown {font-size: 75%;}
input.TextCountDown {font-size: 75%; color: #00008b; background-color: transparent; border: 0 none; text-align: right;}

/* used on samplers page */
.sampler {width: 45%; margin: 0em auto; padding-right: .5em; padding-bottom:.5em;}
.sampleri {text-align:center;}
.samplerd {text-align: left;}

/* used on class schedule */
table.ClassList {
 border-collapse: collapse;
 width: 100%;
 line-height: 1.2em;
 margin-bottom: 15px;
}
table.ClassList thead th {
 border-right: 2px solid #00008b;
 color:#fff;
 text-align:center;
 padding:2px;
 height:25px;
 background-color: #00008b;
}
table.ClassList tbody tr {
 background-color:#f0f8ff;
 border-bottom: 2px solid #c0c0c0;
}
table.ClassList tbody td {
 color:#00008b;
 padding:5px;
 text-align:left;
 vertical-align: top;
}
table.ClassList span.ClassTitle {font-weight: bold;}