/*
Colors:
gold #c95
red #810
dark warm gray #654
*/

body {color: #654; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; margin: 0; padding: 0; background: #810 url('/images/background.jpg') repeat-y;}
img {border: none; display: block; text-align: center; margin: auto;}
p, li {margin: .5em 0em;}
ul {list-style: square;}
ul.nobullets li {list-style: none;}
h1, h2, h3, h4, h5 {font-family: Georgia, "Times New Roman", Times, serif; margin: 2em 0 0 0; line-height: 100%;}
h1 {text-align: center; margin: 0; padding: 2em 0; font-weight: normal; font-size: 2em; color: #810;}
h2 {font-family: Georgia, "Times New Roman", Times, serif; color: #810; font-weight: normal; font-size: 1.4em;}
a {color: #810; text-decoration: none;}
a:visited {color: #500;}
a:hover {text-decoration: underline;}
table {margin: 1em auto; padding: 0; font-size: 100%; border-collapse: collapse;}
	th, td {padding: 1em .5em;}
	th {border-bottom: #810 2px solid; color: #810; text-align: center;}
	td {border-bottom: #ccb 1px solid; vertical-align: top;}
	tr.past th, tr.past td {color: #876;}
div.schedule {float: left; width: 49%;}
table.schedule {margin: 0;}
	table.schedule th, table.schedule td {padding: .2em; text-align: center; width: 6em; }

/* forms */
input[type="text"], input[type="submit"], textarea {border: 1px solid #810; margin-right: 2em; padding: .2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
input[type="submit"] {background: #810; color: #c95; font-weight: bold;}
p.error {font-weight: bold; color: #810;}
input.error, textarea.error {background: #eea;}
form#subscribe {text-align: center;}
form#subscribe div {margin: 2em 0;}
p.error {text-align: center; font-size: 1.5em; color: #810;}

#container {width: 800px;}

#nav {width: 180px; font-family: Georgia, "Times New Roman", Times, serif; float: left; font-size: 1.1em; text-align: center;}
	#nav ul {margin: 0 10px; padding: 0;}
	#nav li {margin: .8em; padding: 0; list-style: none; text-transform: uppercase; letter-spacing: .2em;}
	#nav a {color: #c95; text-decoration: none;}
	#nav a:hover {color: #fff;}
	#nav a.current {color: #fff;}

#content {width: 560px; float: left; margin: 0 0 0 40px; text-align: left; padding: 80px 0 3em; background: url('/images/content_background.jpg') no-repeat top center; height: 1%;}
	#content p, #content li {line-height: 150%;}
	#content a {color: #810; text-decoration: underline;}
	#content a:visited {color: #300;}

#photos img {margin: 100px auto;}

#web20 {clear: both; font-size: .9em; text-align: center; padding-top: 2em;}
	#web20 a {margin: 0 1em;}
	#web20 img {display: inline;}

#footer {font-size: .9em; text-align: center; clear: both; margin-left: 200px; padding: 1em 0; border-top: 1px solid #c95;}

/* custom classes */
.clear {clear: both;}
.notice {background: #810; color: #c95; padding: 1em; margin: 1em 0; border: 2px solid #c95;}
	.notice a, .notice a:visited {color: #fff;}
	.notice h1 {color: #c95; margin: 0; padding: .2em 0;}
.intro {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; line-height: 200%;}
.floatright {float: right; margin: 0 0 2em 1em;}
.floatleft {float: left; margin: 0 1em 2em 0;}
.column {width: 265px; margin-right: 15px; float: left;}
.column h2 {text-align: center; text-transform: uppercase; letter-spacing: .3em; font-size: 1.1em;}
.testimonial {padding: 2em 0; border-bottom: 1px solid #c95;}
.testimonial h2 {margin: 0;}