/* --------------------------------------------------------------------- */
/* formatting - styles used on individual pages (not the header/footer template)
/* 
/* --------------------------------------------------------------------- */

/* 
	Style Guide
	
	Dark Brown          h1          #4E1C0B
	Med Brown           h2          #996600
	Light Brown         h3          #CC9933
	
	Dark Yellow         hovers      #FFCC33
	Med Yellow          footer bg   #FFEECC
	Light Yellow        content bg  #FFF7DD
	
	Light Blue          body bg     #E4FAFC

*/
	

/* --------------------------------------------------------------------- */
/* global
/* --------------------------------------------------------------------- */

h1, h2, h3, h4, h5 {
	font-family: arial, helvetica, sans-serif;
}

h1 {
	font-size: 2.3em;
	font-weight: normal;
	color: #4e1c0b;
	padding: 0;
	margin: .5em 0 1em 0;
}
h2 {
	font-size: 1.8em;
	font-weight: bold;
	color: #960;
	padding: 0;
	margin: 1.5em 0 .4em 0;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #c93;
	padding: 0;
	margin: 1.5em 0 .1em 0;
}

a {
	color: #00f;
	text-decoration: underline;
}
a:hover {
	color: #00f;
	text-decoration: none;
}
	
img {
	border: none;
	-ms-interpolation-mode:bicubic;
}

p { margin: .2em 0 1.8em 0; }


/* --------------------------------------------------------------------- */
/* Group Clearfix
/* --------------------------------------------------------------------- */

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .group { height: 1%; }
*:first-child+html .group { min-height: 1px; }


/* --------------------------------------------------------------------- */
/* quotes, callouts
/* --------------------------------------------------------------------- */

blockquote {
	clear: both;
	float: right;
	background: #fc3 url(/sup/images/backgrounds/quote.gif) no-repeat top right;
	width: 27em;
	margin: 1em 0 1em 1em;
	padding: 1.5em;
}
	blockquote h2 {
		margin-top: .5em;
	}
	blockquote p {
		color: #000;
		font-size: 1.1em;
		letter-spacing: 1px;
		font-family: arial, sans-serif;
		font-weight: bold;
		margin: 0 0 .5em 0;
	}
	blockquote li {
		color: #333;
		font-size: 1.1em;
		letter-spacing: 1px;
		font-family: arial, sans-serif;
		font-weight: bold;
	}
	blockquote a  {
		text-decoration: underline;
		background-color: #fff7dd;
		color: #000;
		padding: 0 .2em;
	}
		blockquote a:hover  {
			text-decoration: none;
			background-color: #4e1c0b;
			color: #fff;
		}

blockquote.photo {
	background-image: none;
	width: 29em;
	padding: .5em;
}
	blockquote.photo img {
		display: block;
		width: 100%;
	}
	blockquote.photo p {
		font-size: .9em;
		font-style: italic;
		text-align: center;
		margin: 0;
	}
	blockquote.photo p a { padding: 0; }


blockquote.nav {
	background-image: none;
	background-color: transparent;
	width: 30em;
	padding: 0;
}	
	blockquote.nav img {
		display: block;
		width: 100%;
	}
	blockquote.nav a, blockquote.nav a:hover {
		background-color: transparent;
	}

blockquote.secondary.photo {
	background-image: none;
	width: 19em;
	padding: .5em;
}



/* --------------------------------------------------------------------- */
/* design styles
/* --------------------------------------------------------------------- */

.content_photo {
	width: 98%;
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #333;
}
.content_photo.with_column {
	width: 30em;
}

#section_nav img.map { width: 100%; }

.page_nav em a    { color: #999; }

.page_nav { margin-top: -1em; padding-top: 0; font-size: .9em; color: #999; font-family: arial, helvetica, sans-serif; }
.ghost { color: #666; }
.coaching { color: #666; font-size: .85em; line-height: 1.5em; margin-top:0; padding-top: 0; }
.poem { text-align: center;font-style: italic; }



/* --------------------------------------------------------------------- */
/* TinyMCE / WYSIWYG styles
/* --------------------------------------------------------------------- */
.justified_right {
	float: right;
	margin: 0 0 1em 1em;
}
.justified_center { }
.justified_left {
	float: left;
	margin: 0 1em 1em 0;
}
.justifited_full { }
a.file { /* defined below */ }



/* --------------------------------------------------------------------- */
/* forms
/* --------------------------------------------------------------------- */

form {
	margin: 1.2em 0;
	font-family: arial, helvetica, sans-serif;
}
form fieldset { 
	border: 1px solid #ccc; 
	padding: 0 1em 1em 1em; 
	margin: 0;
}
form legend {
	color: #ccc;
}

form input, 
form textarea { 
	width: 100%;
}
form label {
	margin-top: .8em;
	display: block;
}
form label.first { margin-top: 0; }
form label.for_checkbox { margin-top: 0; display: inline; }

form .radio, 
form .checkbox { 
	width: auto;
}
form .button {
	width: auto;
	display: block;
}
form .no_label {
	margin: 1em 0 0 0;
}

#contact_form form {
	width: 95%;
}
#contact_form #admission_questions input.checkbox { margin: 0 0 .5em 3em; }

#login-form { width: 19em; }

/* --------------------------------------------------------------------- */
/* message boxes
/* --------------------------------------------------------------------- */

.error, 
.success, 
.warning {
	border: 1px solid #999;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	padding: 1em;
	margin: 1em 0 2em 0;
	color: #333;
	clear: left;
}
.error   { border-color: #ea8d8d; background-color: #ffc1c1; }
.success { border-color: #a0d465; background-color: #dfffbb; }
.warning { border-color: #dcdc5b; background-color: #f6f6bb; }

.admin_edit {
	padding: .2em .3em;
	margin-right: 1em;
	background-color: #FFCC33;
	border: 1px dotted #996600
}




/* --------------------------------------------------------------------- */
/*  Icons, non-standard links
/* --------------------------------------------------------------------- */

a.file {
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	min-height: 16px;
}
a.doc    { background-image: url(/sup/images/icons/doc.gif); }
a.docx   { background-image: url(/sup/images/icons/doc.gif); }
a.pdf    { background-image: url(/sup/images/icons/pdf_2.gif); }
a.ppt    { background-image: url(/sup/images/icons/ppt.gif); }
a.ppts   { background-image: url(/sup/images/icons/ppt.gif); }
a.web    { background-image: url(/sup/images/icons/web.gif); }


/* --------------------------------------------------------------------- */
/* Homepage
/* --------------------------------------------------------------------- */

#home #torso {
	/*
	background-color: #fff;
	background-image: none;
	*/
}
#home #torso {
	padding-bottom: 0;
}
#home .stage {
	background-color: #fff;
	width: 33em;
	float: left;
	padding-bottom: 2em;
}

/* Promo holder (instead of movie) */
#promo_holder { padding: 2em 0 1em 0; text-align: center; }
#promo_holder img { display: block; margin: 0 auto; }

/* Flash movie replacement */
#movie_holder { padding-bottom: 1em; text-align: center; }
#movie_holder embed { margin-top: 2.5em; }

/* Non-flash image */
#home .stage .intro { text-align: left; padding: 4em 0; background: url(/sup/images/home_stage/kids.jpg) no-repeat; }
#home .stage .intro .insert { padding: 1em 0; background: #ddf5f7; width: 25%; }
#home .stage .intro .insert p { font-family: arial, verdana, serif; font-size: 95%; padding-left: 1em; padding-right: 1em; }


#home .stage .quote { background: url(/sup/images/icons/quote_open.gif) no-repeat; margin: 2em .75em; padding: 0 2em; color: #555555; }
#home .stage .quote  p        { margin: 0; padding: 0; }
#home .stage .quote  p.byline { font-style: italic; }

#home #currents      { padding: 0 2em; }
#home #currents h2   { font: italic normal normal 1.1em georgia,times,serif; color: #d1a420; margin-bottom: 0; padding-bottom: 0; }

#home .home_blurb    { padding: 0 2em; }
#home .home_blurb h2 { font: italic normal normal 1.1em georgia,times,serif; color: #d1a420; margin-bottom: 0; padding-bottom: 0; }

#home .glance      { padding: 0 2em; }
#home .glance h2   { font: italic normal normal 1.1em georgia,times,serif; color: #d1a420; margin-bottom: 0; padding-bottom: 0; }

#home .news_events       { width: 32em; float: right; }
#home .news_events h2    { font-size: 1.2em; margin-top: 0; }
#home .news_events a     { text-decoration: none; }
#home .news_events .note { font-size: .9em; color: #999; }
#home .news_events .note a { color: #999; text-decoration: underline; }
#home .news_events .item { padding: .5em 1em .5em 0; border-bottom: 1px solid #ec9; margin-bottom: .5em; }
#home .news_events .event_list .item { font-size: .9em; line-height: 1.2em; }

#home .event_list { width: 9em; padding: 1em; float: left; }
#home .news_list  { width: 19em; padding: 1em; float: left; }
#home .news_list .item img { width: 17em; margin-top: .5em; }

#home .announcement    { line-height: 1.3; background-color: #fec; padding: 1em 2em 0 1em; border-bottom: 1px solid #EECC99; }
#home .announcement h3 { color: #4e1c0b; margin: 0 0 .5em 0; padding: 0; }
#home .announcement p  { margin-top: .1em; color: #630; }

#home .announcement.urgent_news    { background-color: #fc3; padding: 1.5em 2em .5em 1em; color: #000; border-bottom: 1px solid #333; }
#home .announcement.urgent_news h3 { font-size: 2.1em; }
#home .announcement.urgent_news p  { font-size: 1.2em; line-height: 1.9em; }
#home .announcement.urgent_news a  { text-decoration: underline; background-color: #fff7dd; color: #000; padding: 0 .2em; }
#home .announcement.urgent_news a:hover { text-decoration: none; background-color: #4e1c0b; color: #fff; }



/* --------------------------------------------------------------------- */
/* About Us > Administration (Faculty, Board, Committies)
/* --------------------------------------------------------------------- */


#administration .faculty { clear: both; padding: 3em 4em 0 0; }
#administration #Traversy.faculty { /* listed first */ padding-top: 0; clear: none; }
#administration .faculty .personal { font-style: italic; margin-bottom: 2em; margin-left: 11em; }
#administration .faculty img { width: 10em; float: left; margin-right: 1em; }
#administration .faculty .personal h3 { margin-top: 0; font-style: normal; }	
#administration .faculty .bio { margin-left: 11em; }
#administration .faculty .bio p {margin-right: 18em; }
	
#administration .committee    { margin-bottom: 3em; }
#administration .committee h3 { margin-bottom: 0; padding-bottom: 0; }
#administration .committee p  { padding-left: 3em; }
#administration .committee .chair { font-weight: bold; }



/* --------------------------------------------------------------------- */
/* About Us > Tidewater at a Glance
/* --------------------------------------------------------------------- */

#glance #content p { padding: .5em; border: 1px solid #ffcc99; background-color: #fff7ee; }
#glance #content a.action { display: block; text-align: right; text-decoration: none; font-size: .9em; }



/* --------------------------------------------------------------------- */
/* About Us > Video
/* --------------------------------------------------------------------- */

#video #movie_holder { padding-bottom: 1em; text-align: left; }
#video #movie_holder embed { margin-top: 0; }



/* --------------------------------------------------------------------- */
/* About Us > Contact
/* --------------------------------------------------------------------- */

.contact_info p.employment { width: 50%; float: right; margin-left: 1em; }



/* --------------------------------------------------------------------- */
/* Classes (Early Childhood, Elementary, Middle)
/* --------------------------------------------------------------------- */

#classes .grade {
	margin-top: 2em;
	border-top: 1px solid #960;
	padding-top: 2em;
	margin-bottom: 3em;
}
#classes .grade h2 {
	margin-top: 0;
	margin-bottom: .4em;
}
#classes .grade h3 {
	margin-bottom: 0;
}
#classes .grade h3 a {
	margin-left: 1em;
	font-size: .8em;
	font-weight: normal;
	color: #999;
}
#classes .last_grade  {
	padding-bottom: 2em;
	border-bottom: 1px solid #960;
}

#classes .grade p {
	margin-top: 0;
}
#classes .grade ul {
	margin-top: 0;
}



/* --------------------------------------------------------------------- */
/* Development Page
/* --------------------------------------------------------------------- */

#development .example_gifts { }
#development .example_gifts h3 { display: inline; padding-right: .5em; }



/* --------------------------------------------------------------------- */
/* Calendar
/* --------------------------------------------------------------------- */

#calendar .today_is { float:right; width: 19em; margin: 0; padding: 1em 0 0 0; color: #999; font-family: arial, sans-serif; line-height: 1.2; font-size: .8em; text-align: right; }

#calendar h1 a.calendar_nav { text-decoration: none; color: #996600; }
#calendar h1 a.calendar_nav:hover { text-decoration: none; color: #000; }
#calendar h1 a.calendar_nav { font-size: 1.2em; margin-right: .5em; }
#calendar h1 a.calendar_nav.next { margin-right: 0; margin-left: .5em; }

#calendar div.calendar_walker { padding: 1em 0; }
#calendar div.calendar_walker.previous { float: left; }
#calendar div.calendar_walker.next     { float: right; }
#calendar div.calendar_walker a { text-decoration: none; font-size: .9em; }

/* Grid view of a calendar month */
#calendar-month { }
#calendar-month table { border: 0; padding: 0; margin: 0; font-size: .9em; border-collapse: collapse; width: 100%; }
#calendar-month table tr, 
	#calendar-month table td, 
	#calendar-month table th { border: 0; margin: 0; padding: 0; vertical-align: top; }
#calendar-month table th { padding: .2em; border: 1px solid #ec9; background-color: #fc3; color: #000; letter-spacing: 1px; font-family: arial, sans-serif; font-weight: bold; width: 14.28%; }
#calendar-month table td { border: 1px solid #ec9; height: 100px; }

/* not this month */
#calendar-month table td.not_this_month { background-color: #eec; }
#calendar-month table td.not_this_month span.day { background-color: #eec; color: #c96; }
#calendar-month table td.not_this_month p { color: #c96; }
#calendar-month table td.not_this_month p a { color: #c96; text-decoration: underline; }

/* today */
#calendar-month table td.today { background-color: #fff; }
#calendar-month table td.today span.day { background-color: #eec; color: #630; }

#calendar-month table td span.day { background-color: #eec; color: #c96; font-family: arial, sans-serif; padding: 0 .2em; margin: 0; display: block; text-align: right; font-size: .9em; }
#calendar-month table td p { padding: 0em .5em; line-height: 1.2; margin: 0 0 1em 0; color: #996600; }
#calendar-month table td p a { text-decoration: none; } 



/* --------------------------------------------------------------------- */
/* Calendar Detail
/* --------------------------------------------------------------------- */

#calendar_detail h1 { line-height: 1; padding-bottom: 0; margin-bottom: 0; }
#calendar_detail p.back_to_calendar { font-size: .9em; font-style: italic; margin: .5em 0 1.5em 0; }
#calendar_detail div.date_time { border: 1px solid #ffcc99; background-color: #fff7ee; width: 29em; padding: 1em; margin-bottom: 2em; }
#calendar_detail div.date_time p { font-size: 1.2em; margin: 0; padding: 0;}
#calendar_detail div.calendar_info { font-size: 1.1em; margin-bottom: 2em; }


/* upcoming events in right column */
#calendar_detail #upcoming-events { background-color: #fff; background-image: none;  width: 17em; /* 21em = 17(width) + 1(left margin) + 3(padding) */ margin: 1em 0 1em 1em; padding: .2em 1.5em 1.5em 1.5em; }
#calendar_detail #upcoming-events a  { text-decoration: none; background-color: transparent; color: #00f; padding: 0; }
#calendar_detail #upcoming-events a:hover { text-decoration: underline; background-color: transparent; color: #00f; }
#calendar_detail #upcoming-events .item { line-height: 1.2; margin-bottom: 1.5em; }




/* --------------------------------------------------------------------- */
/* Admissions, Schedule A Tour
/* --------------------------------------------------------------------- */

div.schedule { 
	width: 30em; 
	padding: 0; 
	margin: .5em 0 1.5em 0;
	border: 1px solid #CC9933;
}
div.schedule h4 {
	margin: 0;
	padding: .1em .8em;
	background-color: #FFEECC;
	color: #4E1C0B;
}
div.schedule ol { margin: 1em 0 0 0; padding: 0; list-style: none; } 
div.schedule ol li {
	list-style: none;
	float: left;
	width: 12.5em;
	padding: .2em .5em 1em 0; 
	margin: 0 1em;
}
div.schedule p.info {
	clear: both;
	font-size: .84em;
	font-style: italic;
	color: #996600;
	line-height: 1.4;
	padding: 0 1em 1em 1em;
	margin: 0;
}

/* --------------------------------------------------------------------- */
/* Waldorf Education > Resources
/* --------------------------------------------------------------------- */

#resources .web_sites a,
#resources .web_sites a:hover {
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}



/* --------------------------------------------------------------------- */
/* Waldorf Education > Articles
/* --------------------------------------------------------------------- */

#articles .link_list ul    { padding-left: 0; margin-left: 0; }
#articles .link_list ul li { list-style: none; margin-left: 0; }


/* --------------------------------------------------------------------- */
/* Waldorf Education > FAQ
/* --------------------------------------------------------------------- */

#faq blockquote {
	width: 15em;
}

#faq .question, 
#faq .answer {
	font-size: .95em;
	line-height: 1.4em;
}
#faq .answer {
	width: 30em;
}
#faq .answer p, 
#faq .answer ul, 
#faq .answer ol {
	margin-right: 0;
}
#faq .question {
	margin-bottom: .3em;
}

#faq .question .num {
	padding-top: .4em;
	padding-bottom: .4em;
	display: block;
	float: left;
	color: #fc3;
	font-weight: bold;
}
#faq .question p {
	margin-left: 1.4em;
}
#faq .question a {
	display: block;
	background-color: #fec;
	padding: .4em;
	margin-right: .4em;
	text-decoration: none;
}
#faq .question a:hover {
	background-color: #fc3;
	color: #000;
}
#faq .answer {
	padding: 0 0 1.5em 2em;
}
#faq .close {
	padding-top: 0;
	margin-top: -.5em;
}
#faq .close a, 
#faq .close a:hover {
	text-decoration: none;
}



/* --------------------------------------------------------------------- */
/*  Parents' Page
/* --------------------------------------------------------------------- */

#parents ul.newsletter_downloads { margin: 0; padding: 0; }
#parents ul.newsletter_downloads li {
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: 0 .4em;
	list-style: none;
	margin-left: 0;
	background-image: url(/sup/images/icons/pdf_2.gif);
}

#parents blockquote {
	background-color: #fff;
	background-image: none; 
	width: 17em; /* 21em = 17(width) + 1(left margin) + 3(padding) */
	margin: 1em 0 1em 1em;
	padding: .2em 1.5em 1.5em 1.5em;
}
#parents blockquote a  {
	text-decoration: underline;
	background-color: transparent;
	color: #00f;
	padding: 0;
}
	#parents blockquote a.download, 
	#parents blockquote a:hover.download {
		padding-left: 24px;
	}
#parents blockquote a:hover  {
	text-decoration: none;
	background-color: transparent;
	color: #00f;
}
#parents blockquote #pa { margin-top: 0; padding-top: 0; }



/* --------------------------------------------------------------------- */
/*  Pagination
/* --------------------------------------------------------------------- */

.pagination {
	clear: both;
	padding-top: 3em;
}
	.pagination ul {
		border-top: 1px solid #996600;
		padding-top: 1em;
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}
	.pagination ul li {
		float: left;
		list-style: none;
		margin: 0 .5em 0 0;
	}
	.pagination ul li.skipped a {
		border: 0;
		background: transparent;
		margin: 0;
		padding: 0;
		line-height: 2;
	}
	.pagination ul li a {
		background: #fff;
		border: 1px solid #CC9933;
		text-decoration: none;
		display: block;
		line-height: .6;
		padding: .5em .5em;
		font-style: normal;
	}
	.pagination ul li a:hover,
	.pagination ul li.current a {
		background-color: #CC9933;
		color: #fff;
		text-decoration: none;
	}
	.pagination ul li.skipped a:hover {
		background-color: transparent;
	}



/* --------------------------------------------------------------------- */
/*  News Page
/* --------------------------------------------------------------------- */

/* List */


/* Detail */
#news_detail #content {
	padding-top: 3.2em;
}

#news_detail p.meta {
	margin-top: -2em;
	font-size: .9em;
	color: #CC9933;
}
#news_detail p.meta .date {
	font-style: italic;
	color: #CC9933;
}
#news_detail p.meta .view_all {
	font-size: .9em;
	padding-left: 1em;
}

#news_detail div.blurb {
	margin: 1em 0 2em 0;
	font-size: .9em;
	background-color: #FFEECC;
	border: 1px solid #FFCC33;
	padding: 1.2em;
}
#news_detail div.article {
	padding-bottom: 1em;
	border-bottom: 1px solid #996600;
	margin-bottom: 1em;
}


/* ----- */
ul.list_view {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}
	ul.list_view li {
		list-style: none;
		margin: 1em 0;
		border-bottom: 1px dotted #CC9933;
		padding: 0 0 0 5em;
	}
	ul.list_view h2 {
		font-size: 1.2em;
		line-height: 1;
	}

/* ----- */
.article_image {
	display: block;
	float: right;
	margin: 0 0 1.5em 1.5em;
}
.article_image_alt {
	display: block;
	float: left;
	margin: 0 1.5em 1.5em 0;
}