@charset "utf-8";
@import url("reset.css");

/* 
CSS Document
Style sheet for the George Washington Masonic Memorial Website at gwmemorial.org
Created: 1/17/2010
Revised: 1/17/2010
Monkeyed with: 7/15/2014 -- *trees styles are new

Copyright 2010 The George Washington Masonic National Memorial Association, Inc.
*/

/* layout */

body {
	width: 900px;
	margin: 0 auto;
	background: #344768 url(../images/background.jpg) repeat-y center;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.2;
}

#header {
	width: 100%;
	height: 150px;
	overflow: hidden;
}

#headerTrees {
	width: 100%;
	height: 350px;
	overflow: hidden;
}


#container {
	min-height: 500px;
	padding-bottom: 2em;
	overflow: auto;
	background: #ffffe8 url(/images/blueLineVert1pxT50.png) repeat-y 680px;
}

#containerTrees {
	min-height: 500px;
	padding-bottom: 2em;
	overflow: auto;
	background: #ffffe8;
}



#main {
	width: 640px;
	padding: 10px 20px 20px 20px;
	float: left;
}

#mainTrees {
	padding: 10px 20px 20px 20px;
	float: left;
}

#sidebar {
	width: 190px;
	padding: 10px 15px 20px 15px;
	float: left;
	
}

#sidebarTrees {
	width: 190px;
	padding: 10px 15px 20px 15px;
	float: left;
	
}



#footer {
	margin: .6em 0 1em;
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	line-height: 1.2em;
	clear: both;
}

nav#crumb	{
		font-family: Verdana;
		font-size: 9pt;
		color: grey;
		margin-top: 16px;
		}




#containerTreeSummary {
	float: left;
	width: 900px;
	background: #ffffe8;
}

#alphaTreeSummary {
	width: 120px;
	clear: left;
	float: left;
	padding: 20px 0;
	margin: 0 0 0 0px;
	display: inline;
}


#betaTreeSummary {
	width: 240px;
	float: left;	
	padding: 0px 0;
	margin: 0 0px 0 0;
	display: inline;
}




/* ---------------- header ---------------- */

#header img {
	margin: 0 auto;
	margin-left: -50px; /* offset for current header image, which is wider than content */
	overflow: hidden;
}

/* ---------------------------------- */


ul#banner {
	display: inline;
	font-size: 0; /* removes gaps between images in banner due to linefeeds in html - Mac Safari */
	word-spacing: -.5em;  /* removes gaps between images in banner due to linefeeds in html */
	white-space: nowrap; /* prevent wrapping due to whitespace caused by linefeeds in html - Windows Safari */
}

ul#banner li {
	display: inline;
	font-size: 0; /* removes gaps between images in banner due to linefeeds in html - Mac Safari */
}

ul#banner img {
	margin: 0;
}


/* ---------------- main ---------------- */

h1, h2, h3, h4 {
	color: #004a85;
	font-weight: 300;
}

#main h1, h1 {
	font-weight: bold;
	font-size: 1.5em;
	margin: 0.5em 0;
}

#main h2, h2 {
	font-size: 1.2em;
	margin: 2em 0 1em;
	clear: both;
}

#main h3, h3 {
	font-size: 1em;
	margin: 1em 0 .5em 0;
	clear: both;
}


#main p, #main address, p, address {
	margin: 0em 0;
	line-height: 120%;
	vertical-align: text-top;
}

#main blockquote p {
	line-height: 125%;
}


#main .em {
	font-style: italic;
	margin: 1em 0;
}


#main ul, #main ol {
	padding-top: 1em;
	padding-bottom: 0.5em;
}


#main ol li {
	list-style: decimal;
}

#main li {
	line-height: 1.3em;
	margin-top: .3em;
	margin-left: 2em;
}

#main ul li ul li {
	margin-left: 4em;
}

#main address {
	font-family: Verdana;
	font-size: 9pt;
	font-style: normal;
	line-height: 12pt;
	color: grey;
	margin-top: 6px;
}

#main a:link, #main a:visited {
	color: #036;
	text-decoration: none;
}

#main a:hover {
	text-decoration: underline;
}


#main img {
	/* margin: .25em 1em 1em 1em; */
	/* border: solid 1px #000; */
	/* box-shadow:#000000 2px 2px 4px; */
}

#main img.unadorned {
	border: none;
	box-shadow: none;
}

#main img.fullwidth {
	margin-left: 0;
	margin-right: 0;
	}


#main a[name] {
	clear: both;
}


/* ---------------- sidebar ---------------- */
#sidebar h2, #sidebar h3, #sidebar h4 {
	font-size: 1.1em;
	margin: 1em 0 .5em 0;
	text-align: center;
}

#sidebar h3 {
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

#sidebar h4 {
	font-size: .8em;
}


#sidebarTrees h2, #sidebarTrees h3, #sidebarTrees h4 {
	margin: 1em 0 .5em 0;
	font-size: 1.1em;
	text-align: left;
}

#sidebarTrees h3 {
	margin: 1em 0 .5em 0;
	font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

#sidebarTrees h4 {
	margin: 1em 0 .5em 0;
	font-size: .8em;
}

#sidebar p {
	font-size: 1em;
	text-align: center;
	line-height: 1.1;
	margin-bottom: 0.8em;
}

#sidebarTrees p {
	font-size: 1em;
	text-align: left;
	line-height: 1.1;
	margin-bottom: 0.8em;
}

#sidebar a:link,
#sidebar a:visited {
	color: #036;
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar ul {
	font-size: .8em;
}

#sidebar ul.links {
	font-size: 1em;
}

#sidebar ul li {
	font-weight: bold;
	margin-top: .3em;
}

#sidebar ul a {
	color: #000;
	text-decoration: none;
}

#sidebar ul a:hover {
	text-decoration: underline;
}

#sidebar img {
	display: block;
	margin: 0em auto;
}

#sidebar img.borderless {
	border: none;
}

#sidebar img.floatlft {
	margin: 0 1em 5px;
}

#sidebar address {
	font-style: normal;
	font-size: .9em;
	text-align: left;
}

hr.ornate {
	background: url(../images/dividerOrnate5h.png) repeat-x center;
	height: 17px;
	border: none;
	display: block;
	clear: both;
}

p.quoteOfDay {
	font-size: 90%;
	font-style: italic;
	text-align: left !important;
}

p.flLeft {
	text-align: left !important;
}

p img {
	vertical-align: middle;
}

/* ---------------- footer ---------------- */


#footer address {
	font-style: normal;
}

#footer a {
	color: #ccc;
	text-decoration: none;
}

#footer #text {
	float: right;
	width: 55em;
}


/* ---------------- misc  ---------------- */
.floatrt { 
	float: right;
	margin-right: 0;	
}

.floatlft {
	float: left;
	margin-left: 0;
}

.centered {
	display: block !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.clearlft {
	clear: left;
}
.alignlft {
	text-align: left !important;
}

div.searchResultItem {
	border-bottom: thin solid #000;
	margin: 0 1em 1em;
	overflow: auto;
}

img.floatrt {
	margin-right: 0 !important;
	margin-top: 0
}

img.floatlft {
	margin-left: 0 !important;
	margin-top: 0
}

p img.floatlft, p img.floatrt{
	margin-top: 0.7ex !important;
}

sup {
	font-size: .6em;
	vertical-align: top;
	text-decoration: underline;
}

table {

	background-color: fffff7;
	font-family: Calibri, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 1.0em;
}


table th, table td, table caption {
		background-color: fffff7;
		font-family: Calibri, Verdana, sans-serif;
		font-style: normal;
		font-weight: normal;
		padding-bottom: .2em;
		table-layout: fixed;

}

th		{
	background-color: fffff7;
	font-family: Calibri, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;

		vertical-align: top;
		text-align: left;
		}


.thTreesIndexName
		{
		width: 410px;
		}

.thTreesIndexSpecies
		{
		width: 160px;
		}

.thTreesIndexYear
		{
		text-align: center;
		}



h1	{
	margin-top: 25px;
	line-height: 90%; 	
	}

hgroup h1	{
		margin-bottom: 0px;
		}

h2	{
	margin-top: 0px;
	font-size: 18pt;
	font-style: italic;
	color: #a3a3a3;
	line-height: 90%;
	}

h3	{
	line-height: 93%;
	}

h4	{
	line-height: 93%;
	}

h5	{
	line-height: 93%;
	color: #000;
	}

h5.darkred	{
	color: #971919;
	}

h6.aside { border-bottom: 1px solid #757575; margin-bottom: 5px; }


blockquote {
	margin: 1em;
}


em {
	font-style: normal;
	font-weight: bold;
}

.bordered {
	border: solid 1px black;
}

.normalize {
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	}