.fineprint { font-size:9pt }
.warning { color:red; font-weight:bold }
.success { color:green; font-weight:bold }
.clear { clear:both; }
span.line { display:block; }

html { background:#191e30 url('/img/main_bg.jpg') repeat scroll; height:100%; text-align:center; }
body {
	font-family:arial,helvitica,sans-serif; padding:0pt; margin:0pt;
	text-align:left; height:100%; background-color:white;
	width:1000px; margin-left:auto; margin-right:auto; }
#backgroundContainer { background-color:white; padding-bottom:12pt; }

p { font-size:12pt }
h2 { margin:0pt; padding:0pt }
table { margin:0pt; padding:0pt }
a img { border:none }

#site-heading { width:100%; background-color:#e0f0ff; padding:6pt }
#site-logo { height:5em }
.site-mfs { height:5em }
#host { margin:0pt; padding:0pt; text-align:center; font-size:10pt; font-weight:bold; color:navy }
#host a,
#host a:visited { color:navy; text-decoration:none }
#host a:hover { text-decoration:underline }

#nav-left { float:left; width:10em }
#nav-left ul { margin:0pt; padding:0pt }
#nav-left li {
	background-color:#e0f0ff; margin:0pt; margin-top:2pt; margin-bottom:2pt; padding:2pt;
	font-size:11pt; color:navy; text-align:center; list-style-type:none;
}
#nav-left li.alert { background-color:#ffd0e8; text-align:left }
#nav-left li.alert h2 { font-size:9pt; font-weight:bold; text-align:center; margin-bottom:4pt }
#nav-left li.alert p { font-size:9pt; margin:0px; padding:0px }
#nav-left li.alert a { text-decoration:underline }
#nav-left a,
#nav-left a:visited { color:navy; text-decoration:none }
#nav-left a:hover { text-decoration:underline }

#main-content { padding-right:1.5em; padding-left:11.5em; padding-top:0pt; padding-bottom:6pt }

#copyright { clear:both; color:#808080; text-align:center; font-size:10pt; margin-top:18pt }
#copyright a,
#copyright a:visited { color:#808080 }

#feature-summary { margin-left:15%; margin-right:15%; border-top:2px solid maroon }
#feature-summary th,
#feature-summary td { border-bottom:2px solid maroon; padding-top:9pt; padding-bottom:9pt }
#feature-summary th { padding-left:6pt; padding-right:6pt; font-size:12pt }
#feature-summary td { padding-left:6pt; font-size:10pt }

.page-heading { text-align:right; margin:0pt; padding:0pt; margin-top:6pt; margin-bottom:6pt }
.page-heading span { padding:3pt; color:white; background-color:#80a0c0 }

#flowerNav { text-align:center; margin-top:32px; margin-bottom:32px; }
#flowerNav #fnInner { width:600px; height:606px; margin-left:auto; margin-right:auto; position:relative; overflow:hidden; }
#flowerNav #fnFeature { position:absolute; left:0px; top:0px; width:590px; height:528px; background:no-repeat center center; }
#flowerNav #fnMatte { position:absolute; left:0px; top:0px; width:600px; height:606px; background:url(/img/flowernav/matte.gif) no-repeat left top; }
#flowerNav #fnWorkshops { position:absolute; left:30px; top:44px; width:229px; height:235px; background:url(/img/flowernav/workshops.gif) no-repeat left top; }
#flowerNav #fnWorkshops.fnFaded { background-image:url(/img/flowernav/workshops_fade.gif); }
#flowerNav #fnTeachers { position:absolute; left:247px; top:4px; width:242px; height:219px; background:url(/img/flowernav/teachers.gif) no-repeat left top; }
#flowerNav #fnTeachers.fnFaded { background-image:url(/img/flowernav/teachers_fade.gif); }
#flowerNav #fnKids { position:absolute; left:397px; top:189px; width:199px; height:254px; background:url(/img/flowernav/kids.gif) no-repeat left top; }
#flowerNav #fnKids.fnFaded { background-image:url(/img/flowernav/kids_fade.gif); }
#flowerNav #fnShopping { position:absolute; left:202px; top:383px; width:250px; height:220px; background:url(/img/flowernav/shopping.gif) no-repeat left top; }
#flowerNav #fnShopping.fnFaded { background-image:url(/img/flowernav/shopping_fade.gif); }
#flowerNav #fnPhotos { position:absolute; left:4px; top:274px; width:234px; height:244px; background:url(/img/flowernav/photos.gif) no-repeat left top; }
#flowerNav #fnFeatureName { position:absolute; left:195px; top:354px; width:198px; height:35px; overflow:hidden; text-align:center; font-size:13px; font-weight:bold; color:white; }
#flowerNav #fnFeatureBy { position:absolute; left:224px; top:389px; width:140px; height:18px; overflow:hidden; text-align:center; font-size:14px; font-weight:bold; color:white; }
#flowerNav #fnMapImg { position:absolute; left:0px; top:0px; width:600px; height:606px; border:none; }
#flowerNav #fnMap { display:none; }

h3 { text-align:center; margin:0pt; padding:0pt; margin-top:6pt; margin-bottom:12pt }
h3.shaded { background-color:#e0e0e0; padding:3pt }

.event-times {
	float:right; width:10em; margin-top:-12pt; margin-left:12pt; margin-bottom:6pt;
	padding:2pt; border:2px solid #e0e0e0; font-size:9pt;
}
.event-times ul { margin:0px; padding:0px; list-style-type:none; }
.event-times li { margin-top:3pt; margin-bottom:3pt; list-style-type:none; }

.side-photo { float:right; margin-left:12pt; margin-bottom:6pt }
.website { background-color:#e0e0e0; text-align:center; padding:3pt }
a.external { background-image:url(/img/external.png); background-position:right center; background-repeat:no-repeat; padding-right:13px }
span.location,
span.small { font-size:70% }
span.highlight { background-color:yellow }

#class-photos { font-size:10pt; padding:0.5em; padding-top:0px; text-align:center; }
#class-photos a { padding:2pt; vertical-align:middle }

#instructorThumbnails { position:relative; list-style-type:none; }
#instructorThumbnails li { float:left; margin:10px; width:136px; height:170px; background-color:#c0c5d8; }
#instructorThumbnails .instructorPhoto { display:block; padding:4px; width:128px; height:128px; background:no-repeat center center; }
#instructorThumbnails .instructorInfo { font-size:9pt; text-align:center; }
#instructorThumbnails .instructorInfo a { color:black; font-weight:bold; text-decoration:underline; }
#instructorThumbnails .instructorInfo a:hover { color:black; font-weight:bold; text-decoration:none; }

#vendorList { list-style-type:none; margin-left:1em; }
#vendorList li { font-size:11pt; margin-bottom:5pt; }
#vendorList a { color:black; font-weight:bold; text-decoration:underline; }
#vendorList a:hover { text-decoration:none; }

td.diff-advanced {
	background-image:url(/img/diff_advanced.png);
	background-position:top right; background-repeat:no-repeat;
}
td.diff-intermediate {
	background-image:url(/img/diff_intermediate.png);
	background-position:top right; background-repeat:no-repeat;
}
td.diff-beginner {
	background-image:url(/img/diff_beginner.png);
	background-position:top right; background-repeat:no-repeat;
}
td.diff-none {
	background-image:url(/img/diff_none.png);
	background-position:top right; background-repeat:no-repeat;
}
td.diff-full {
	background-image:url(/img/diff_full.png);
	background-position:top right; background-repeat:no-repeat;
}

p.diff-none,
p.diff-beginner,
p.diff-intermediate,
p.diff-advanced {
	font-size:10pt; font-weight:bold; text-align:center;
}
p.diff-none span         { padding:0.4em; background-color:#6060c0; color:#c0c0ff }
p.diff-beginner span     { padding:0.4em; background-color:#60c060; color:#c0ffc0 }
p.diff-intermediate span { padding:0.4em; background-color:#c08040; color:#ffd0a0 }
p.diff-advanced span     { padding:0.4em; background-color:#c06060; color:#ffc0c0 }

.calendar { font-size:9pt }
.calendar caption { font-size:14pt; font-weight:bold; background-color:#e0e0e0; padding:3pt }
.calendar td,
.calendar th { padding:3pt }
.calendar strong { background-color:#ffffc0 }
.calendar a,
.calendar a:visited { color:black; text-decoration:none }
.calendar a:hover,
.calendar a:hover strong { text-decoration:underline }

.events { font-size:9pt }
.events caption { font-size:14pt; font-weight:bold; background-color:#e0e0e0; padding:3pt }
.events td,
.events th { padding:4pt 3pt 4pt 6pt }
.events ul.event-items { list-style-type:none; margin:0px; padding:0px }

table.paperwork tfoot td { text-align:center }
table.paperwork tbody tr { vertical-align:top }
table.paperwork tbody th {
	font-weight:normal; text-align:right;
	margin-right:6pt;
}

div.idea {
	margin-left:25%; margin-right:25%;
	background-color:#ffd0d0; padding:2pt;
	padding-left:64px;
	background-image:url('img/icon_info_48.gif');
	background-repeat:no-repeat;
	background-position:8px center;
	border:2px solid black;
}
div.idea h3 {
	text-align:center; font-size:11pt;
	margin:0pt; padding:0pt; margin-bottom:3pt;
	color:black; background-color:transparent;
}
div.idea p {
	text-align:left; font-size:10pt;
	margin:0pt; padding:0pt;
}

table.thumbnails td { border:1px solid silver; text-align:center; width:96px; height:96px; }
table.thumbnails td.blank { visibility:hidden }

#iPhotoCaption {
	text-align:center; border-top:2px solid gray; border-bottom:2px solid gray;
	padding:8pt; background-color:#d8d8d8; font-size:120%;
}
#iPhoto { text-align:center; }

#iEmailContainer {
	border:1px solid gray; background-color:#d0d0d0;
	padding:12px; margin-left:0.5in; margin-right:0.5in;
}
#iEmailHeader {
	font:bold italic 18pt sans-serif; margin:0px; padding:0px;
	margin-bottom:8pt;
}
#iEmailSubheader {
	font:bold 14pt sans-serif; margin:0px; padding:0px;
	margin-bottom:14pt; text-align:center;
}
.iEmailFixedText {
	font:11pt serif; margin:0px; padding:0px;
	margin-top:6pt; margin-bottom:6pt;
}
#iEmailBody {
	font:11pt serif; margin:0px; padding:0px;
	margin-top:6pt; margin-bottom:6pt;
	background-color:#e0e0e0; border:none;
	width:100%; height:1.5in;
}
#iEmailFineprint {
	font:9pt sans-serif; padding:0px; margin:0px;
	margin-top:18pt; margin-left:0.2in; margin-right:0.2in;
	border-top:1px solid gray; padding-top:4pt;
}

.html_form { margin:0px; padding:0px; float:left; }
.html_form input, .html_form textarea, .html_form select { font-weight:bold; }
.html_form input, .html_form textarea { border:1px solid #e0e0e0; }
.html_form_top_error { font-family:sans-serif; font-weight:bold; color:red; margin-top:0px; padding-top:0px; font-size:0.8em; }
.html_form_top_success { font-family:sans-serif; font-weight:bold; color:green; margin-top:0px; padding-top:0px; font-size:0.8em; }
.html_form_category { clear:left; }
.html_form_category_label { float:left; width:6em; text-align:right; font-family:sans-serif; font-size:0.85em; font-weight:normal; }
.html_form_lines { margin:0px; padding:0px; padding-left:0.5em; float:left; position:relative; }
.html_form_line { position:relative; clear:left; }
.html_form_field_unlabeled { float:left; padding:0px 0px 0.5em 0.5em; }
.html_form_field_labeled { float:left; padding-left:0.5em; }
.html_form_field_labeled label { display:block; font-size:0.7em; font-family:sans-serif; padding-bottom:0.5em; color:gray; }
.html_form_field_notes { font-family:sans-serif; font-size:0.7em; color:gray; }
.html_form_textarea_notes { display:block; }
input.html_form_field_error,
textarea.html_form_field_error,
select.html_form_field_error
	{ color:#800000; }
input.html_form_field_error,
textarea.html_form_field_error
	{ background-color:#fff0f0; border-color:red; }
.html_form_line_errors { clear:left; padding:0px 0px 0.5em 1em; }
.html_form_line_errors p { font-size:0.7em; font-family:sans-serif; color:red; font-weight:bold; margin:0px; padding:0px; }
.html_form_submit { clear:left; }

#editClass .html_form_category_label { width:8em; }
#submitClass .html_form_category_label { width:12em; }