/*
-----------------------------------------------
wholecommunities.org
Stylesheet: Content.css
Author:   Ben Glassman
Organization:	Vermont Design Works
Created: 5 Feb 2007
----------------------------------------------- */

/*
Site Map */

.sitemap {
	float: left;
	margin-right: 15px;
	width: 225px;
	display: inline;
}

/*
For Alumni */

.lyrics {
	padding: 0 30px 10px;
}

.lyrics pre {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}

/*
Publications */

.publication {
	float: left;
	clear: left;
	width: 550px;
}

.publication h3 {
	color: #4C70C9;
	padding-bottom: 0;
}

.publication .byline { font-style: italic; padding-bottom: 0; }

.documents li {
	list-style: none;
	padding-bottom: 10px;
}

/*
List of Alumni */

.directory {
	float: left;
	width: 275px;
	display: inline;
}

.directory2 {
	float: left;
	width: 550px;
	display: inline;
}

/*
Calendar */

.category {
	float: left;
	clear: both;
	padding-bottom: 10px;
	padding-left: 30px;
}

.category h2 {
	width: 500px;
}

.event {
	float: left;
	padding: 10px 0;
	width: 520px;
}

#content .category .details, #content .category .description {
	float: left;
	width: 170px;
	display: inline;
	margin-right: 20px;
}

#content .category .details {
	margin-left: 10px;
	width: 160px;
}

#content .category .description {
	width: 320px;
	margin-right: 10px;
}

.event h3 {
	color: #4C70C9;
}

.event h3 span {
	font-style: italic;
	color: #333;
	display: block;
}

.event ul {
	list-style: none;
	margin-left: 30px;
	margin-right: 0;
}

#content .category * {
	margin-left: 0;
	margin-right: 0;
}

#content .category .photo {
	float: right;
	border: 1px solid #61868D;
	display: inline;
	margin: 0 0 10px 20px;
}

body {
	background-color: #F2F2E5;
	color: #333333;
	font: 62.5%/1.4 Arial, Helvetica, sans-serif;
}

div#container {
	background: #FFFFFF url(../images/bg_container.gif) repeat-y top left;
}

div#masthead {
	background: transparent url(../images/masthead.gif) no-repeat 1px 0;
}

div#footer {
	background: #F2F2E5 url(../images/bg_footer.gif) no-repeat 0 0;
}

/*
Typography */

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 10px;
	color: #4C70C9;
}

p {
	font-size: 1.2em;
	padding-bottom: 10px;
}

table {
	font-size: 1.2em;
	padding-bottom: 10px;
}

th {
	font-size: 1.083em; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	background: #e5e5e5;
	color: #333333;
	padding: 5px 0;
}

td {
	border-bottom: 1px solid #e5e5e5;
	padding: 5px 10px 5px 0;
}

td.alumni {
border-bottom: none;
}

td img {
	border: 1px solid #61868D;
}

th, td {
	vertical-align: top;
}

li {
	font-size: 1.2em;
	padding-bottom: 5px;
}

li li { font-size: 1em; }

li ul { padding-top: 5px; margin-left: 25px; margin-bottom: 0; }

ul, ol, dd {
	margin: 0 30px 5px 50px;
}

h2 { font-size: 1.8em; }

p.pullquote {
	font-size: 1.6em;
	line-height: 1.2;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 10px;
	color: #4C70C9;
}

.clear {
	clear: both;
}

h3 { font-size: 1.3em; color: #333333; font-family:Arial, Helvetica, sans-serif; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.3em; }

div#content p, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6, div#content table {
	margin-left: 30px;
	margin-right: 30px;
}

div#content h1 { 
	font-size: 2.5em; 
	padding-top: 18px;
	padding-left: 22px;
	padding-bottom: 25px;
	margin-left: 7px;
	background: transparent url(../images/bg_header.gif) no-repeat top left; 
}

div#content p.leader {
	font-size: 1.4em;
	padding-bottom: 20px;
}

div#content p.leader_cent {
	font-size: 1.4em;
	padding-bottom: 20px;
	text-align: center;
	font-style: italic;
}

div#content p.column_text {
	font-size: 1.1em;
}

div#content p.support_subhead {
	font-size: 1.2em;
	text-decoration: underline;
	margin-bottom: -1.2em;
}

/*
Footer */

div#footer {
	text-align: center;
}

div#footer ul, div#footer p {
	font-size: 1.1em;
}

div#footer li {
	display: inline;
	padding: 0 5px;
	border-right: 1px solid #333333;
	font-size: 1em;
}

div#footer li.last {
	border: none;
}

div#footer a:link { color: #999999; }
div#footer a:visited { color: #666666; }
div#footer a:hover { color: #999999; }
div#footer a:active { color: #CCCCCC; }

/*
Images */

p.image_right {
	margin: 5px 30px 10px 10px;
	padding: 0;
	float: right;
	display: inline; /* IE double float margin bug fix */
	font-size: 1.1em;
	text-align: center;
	color: #666666;
}

p.image_left {
	margin: 5px 10px 10px 30px;
	padding: 0;
	float: left;
	display: inline; /* IE double float margin bug fix */
	font-size: 1.1em;
	text-align: center;
	color: #666666;
}

div#image_thumb {
	text-align: center;
	background-color:#666666;
	width: 120px;
	height: 170px;
	margin: 10px;
	float:left;
}

div#image_thumb img {
padding-bottom: 5px;
padding-right: 5px;
padding-top: 5px;
padding-left: 5px;
}

div#image_thumb p {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	color:#FFFFFF;
}

div#image_thumb a {
	text-decoration: none;
	color:#FFFFFF;
	padding: 0px;
	margin: 0px;
}

p.image_thumb {
	text-align: center;
}

p.image_thumb img {
padding-bottom: 5px;
padding-right: 5px;
padding-top: 5px;
padding-left: 5px;
}


p.image_left img,
p.image_right img {
	border: 1px solid #61868D;
}

/*
Links */

a:link { color: #4C70C9; }
a:visited { color: #263865; }
a:hover { color: #61868D; }
a:active { color: #61868D; }

a img {
	border: 0;
}

/*
Home Page */


body#home div#content div#header_image, body#home div#content div#header_image img {
	float: left; /* Firefox padding-bottom img bug fix */
}

body#home div#content p.image_right {
	margin-bottom: 50px;
}

/*
Faq page */

body#faq h2 img {
	padding-bottom: 3px;
	padding-right: 5px;
}

body#faq h2#instruction {
	color: #666666;
	padding-bottom: 20px;
}

.trigger {
	cursor: pointer;
}

.expanded {

}

.show {
	display: block;
}

.hide {
	display: none;
}

#faq #content ul {
	padding-bottom: 15px;
}

#expand_all, #collapse_all {
	color: #4C70C9;
	text-decoration: underline;
	list-style: none;
	cursor: pointer;
}

/*
Guiding Principles */

body#guiding_principles ol {
	list-style-type: upper-alpha;
}

/*
History */

.highlight {
	border: 1px solid #FEBA4F;
	margin: 10px 30px;
	padding: 20px 20px 15px 20px;
	text-align: center;
}

div#content .highlight p {
	margin: 0;
}

div#content .highlight ul {
	margin-left: 15px;
	list-style-type: none;
}

div#content .highlight ul li {
	padding-bottom: 0px;
}

/*
Testimonials */

blockquote {
	padding-bottom: 10px;
}

blockquote p.author {
	font-style: italic;
}

/*
Site Map */

body#sitemap ul {
	
}

/*
What is MOH Home */

body#what_is_moh_home .image_left {
	margin-bottom: 50px;
}

/*
Contact */

body#contact_us .image_right {
	margin-left: 0;
}

/*
History */

body#history .image_left {
	margin-bottom: 30px;
}

/*
Testimonials */

div#moh_video {
	text-align: center;
}

div#moh_video p {
	padding: 10px 0 20px 0;
}

/*
hCard */

div.vcard {
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 10px;
	font-size: 1em;
}

div.vcard div {
	font-size: 1.2em;
}

#content div.vcard h3 {
	margin: 0;
	padding: 0;
}

div.vcard div div {
	font-size: 1em;
}

div#content div.vcard h2 {
	margin: 0;
	padding-top: 35px;
}

/*
Coming Soon */

p.coming_soon {
	color: #A8A8A8;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.8em;
	padding: 55px 0 0 30px;
}

body#currently_using_moh p.coming_soon {
	padding-top: 30px;
}

/*
Testimonials Credit */

p.credit {
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	color: #666666;
}

div#moh_video p.credit {
	padding: 0px 0 5px 0;
}

/* COLORS */

.blue_purple { color: #4C70C9; } /* Titles */
.slate-blue { color: #61868D; } /* image borders */
.light_green { color: #F2F2E5; } /* background */
.orange { color: #FD9C03; }
.light-orange { color: #FEBA4F; }
.gray { color: #333333; } /* text */
.light-gray { color: #8F8F96; } /* navigation */