body {
	font: 100% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	background: #6CF url(../i/bkgnd.jpg) 100% 0 no-repeat fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	line-height: 145%;
}

a { color: #03F; text-decoration: none; }
a:hover { color: #02D; text-decoration: underline; }

p   { font-size: 100%; text-align: justify; padding: 0; margin: 0 0 10px 0;}
h1 { font-size: 145%; text-align: center; padding: 0; margin: 0 0 15px 0; }
h2 { font-size: 120%;  text-align: center;  padding: 0; margin: 0 0 15px 0; }
h3 { font-size: 100%;  text-align: center;  padding: 0; margin: 0 0 15px  0; }
ul	{ margin-top: 0; padding-top: 0;}


#container { width: 865px;  margin: 10px auto; text-align: left; }

#page-top { background:url(../i/page-top.png) 0 0 no-repeat; height: 15px; margin-bottom: -19px; }
#page-bottom { background:url(../i/page-bottom.png) 0 0 no-repeat; height: 55px; margin-top: 0; }

#content { 	background: #FFF url(../i/bkgnd2.jpg) 100% 0 no-repeat fixed; margin: 0 0 -1px 0; padding: 30px 35px 5px 35px; min-height: 600px; }
#banner { padding: 1px 30px 1px 1px; background:url(../i/page-top.png) 0 0 no-repeat; width: 850px; }
#wrapper { background: url(../i/page-middle.png) 0 0 repeat-y; margin: -135px 0 0 0;  padding: 115px 14px 1px 1px; }
#footer {  background: #FFF url(../i/bkgnd2.jpg) 100% 0 no-repeat fixed; margin: 0 0 -1px 0; padding: 15px 35px 5px 35px; }
#footer p{  font-size: 10px; line-height: 15px; color: #555; text-align: center; }
#webdesign { width: 100px; float: right; text-align: right; margin-left: -100px; padding-right: 5px; font-size: 10px; }
#webdesign a { color: #888; }
#webdesign a:hover{ color: #02D; }

.align-right { text-align:right; }
.center { margin: 0 auto; text-align: center; }
.indent1 { margin-left: 25px; }
.indent2 { margin-left: 50px; }
.no-bullets { list-style: none; padding: 0;  }
.no-bullets li { padding: 0; }
.narrow	{ width: 550px; margin-left: 100px;}
.quote { width: 500px; margin-left: 125px; font-style: italic; font-size: 85%; }
.float-left { float: left; margin-right: 25px; }
.float-right { float: right; margin-left: 25px; }
.grayed { color: #AAA; }
.grayed a { color: #AAA; }
.grayed a:hover { color: #AAA; }

.news { border-width: 1px 1px 1px 1px;
	border-color: #9CF;
	 }
	 
.notice {
	text-align:center;
	padding: 5px 10px 5px 10px;
	border: 3px double #000;
	margin: 15px auto 15px;
	max-width: 800px;
	background-color:#FFF;
	color: #000;
}

.time-and-place { margin: 15px 0 15px 10px; width: 540px; border-top: 1px solid #000; }
.time-and-place td { font-size: 12px; padding: 5px; border-bottom: 1px solid #000;  }
h3.city {  text-align: left; font-size: 125%; padding: 5px 10px 5px 10px; background-color: #09F; color: #FFF; margin-bottom: 5px; }
.location {width: 550px; margin: 0 0 15px 225px; border-left: 3px solid #09F; min-height: 100px; }
.location p { margin-left: 10px; }
.teacher { clear: left;  padding: 0 0 25px 0; }
.teacher-name { clear: left; text-align: left; }
.class-pic { float: left; margin: 0 25px 50px 0; }
.selector { width: 100%; margin-bottom: 15px; }
.selector td { padding: 0; }
.clearall { clear: both; margin-bottom: -25px; }