/* stylesheet for www.friendsofwachusett.org filename: FoWM.css */
body {
	font: small/normal sans-serif; color: #030;
	text-align: center;
	background: url('../images/FoWMbkg.gif') repeat 50% 0% fixed; }
p {
	text-align: left;
	margin: 0 0 1em 0; }
h1 {
	font: x-large/normal serif; color: #600; letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 .5em 0;
	clear: both; }
h2 {
	font: medium/normal serif; color: #600;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 .5em 0;
	clear: both; }
h3 {
	font: small/normal serif; color: #600;
	font-style: italic; text-transform: uppercase;
	text-align: left;
	margin: 0 0 .5em 0;
	clear: both; }
h4 {
	font: bold x-small/normal serif; color: #600;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 .5em 0;
	clear: both; }
a:link, a:visited, a:hover, a:active {
	font: small/normal sans-serif; color: #039;
	text-decoration: none;
	text-align: left; }
a:hover {
	color: #000;
	text-decoration: underline; }
a.under0:hover {
	text-decoration: none; }
b {
	color: #600; }
input, select {
	font: x-small/normal sans-serif; color: #600; }
#mainDiv {
	text-align: left;
	width: 780px;
	margin: 0 auto;
	position: relative; }
#headerDiv {
	text-align: left;
	height: 144px; width: 780px;
	border-bottom: 1px solid #600;
	position: relative; }
#headerDiv img {
	margin: 37px 0 0 0;
	float: right; }
#headerDiv p {
	font-weight: bold; font-size: smaller; color: #000;
	text-align: right;
	padding: 0 0 5px 0;
	position: absolute; right: 0px; bottom: 0px; }
#leftDiv {
	text-align: left;
	width: 120px;
	padding: 20px 0 0 0;
	margin: 0 10px 0 0;
	position: relative;
	float: left; }
#centerDiv {
	text-align: left;
	width: 500px;
	min-height: 550px;
	padding: 20px 10px .5em 10px;
	border: 1px solid #600; border-width: 0 1px;
	margin: 0px;
	position: relative;
	float: left; }
#centerDiv img, #centerDivGallery img {
	border: 1px solid #600; }
#centerDiv img.bord0 {
	border: 0; }
#centerDivGallery {
	text-align: left;
	width: 635px;
	padding: 20px 0 .5em 10px;
	border-left: 1px solid #600;
	margin: 0px;
	position: relative;
	float: left; }
#centerDivGallery p {
	clear: both; }
#centerDivGallery p.floatNone {
	clear: none; }
#centerDivGallery img.bord0 {
	border: 0; }
#centerDivWide {
	text-align: left;
	width: 635px;
	padding: 20px 0 .5em 10px;
	border-left: 1px solid #600;
	margin: 0px;
	position: relative;
	float: left; }
#centerDivWide img.bord0 {
	border: 0; }
#centerDiv ul {
	list-style-type: disc;
	padding: 0 0 1em 1em; }
#centerDiv li {
	width: 100%; }
.galleryRow {
	clear: both; }
.galleryRow div {
	vertical-align: bottom;
	width: 200px;
	margin: 0 8px 10px 0;
	float: left; }
.galleryRow div img {
	border: 1px solid #600; }
#calendarBig {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed; }
#calendarBig caption {
	font: medium/normal serif; color: #600; letter-spacing: 1px;
	text-transform: uppercase;
	text-align: right;
	padding-bottom: .5em; }
#calendarBig caption a:link, #calendarBig caption a:visited,
#calendarBig caption a:hover, #calendarBig caption a:active {
	font: bold 75%/normal sans-serif; letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	margin-left: .5em; }
#calendarBig caption span {
	float: left; }
#calendarBig th {
	color: #030; }
#calendarBig td {
	vertical-align: top;
	height: 5em;
	padding: .125em;
	border: 1px solid #600; }
#calendarBig td span {
	padding: 0 .125em;
	border: 1px solid #600; }
#calendarBig td a:link, #calendarBig td a:visited,
#calendarBig td a:hover, #calendarBig td a:active {
	color: #fff;
	text-decoration: none;
	padding: 0 .125em;
	background-color: #369;
	border: transparent;
	margin-right: .25em; }
#calendarBig td a:hover {
	color: #000;
	background-color: #b5c7da;
	border: transparent; }
#calendarBig td div {
	font-size: smaller; }

.topBar {
	padding: .5em 0 0 0;
	border-top: 1px solid #600; }
#rightDiv {
	text-align: left;
	width: 120px;
	padding: 20px 0 0 0;
	position: relative; right: 0px;
	float: right; }
#rightDiv a {
	text-align: right; }
#rightDiv img {
	border: 1px solid #600;
	margin: 0 0 10px 0; }
#footerDiv {
	text-align: left;
	height: 20px; width: 780px;
	padding: 5px;
	border-top: 1px solid #600;
	position: relative;
	clear: both; }
#footerDiv p {
	font-size: x-small;
	text-align: center; }
#footerDiv a {
	font-size: x-small;
	font-weight: normal; }
/* Small calendar styles */
div#CalSmall {
	width: 100%; }
div#CalSmall h3 {
	text-align: center;
	margin: 0; }
div#CalSmall table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	margin: 0 0 .5em 0; }
div#CalSmall table td {
	font: 10px/normal sans-serif; color: #030;
	text-align: center; }
div#CalSmall tr.CalDays td {
	font: bold 10px/normal serif; color: #600;
	text-transform: uppercase; }
div#CalSmall table a {
	font: 10px/normal sans-serif; color: #000;
	text-decoration: none;
	text-align: center;
	width: 100%;
	background-color: #b5c7da;
	display: block; }
div#CalSmall table a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #369;
	border-bottom: 0; }
div#CalSmall a.CalNav:link, div#CalSmall a.CalNav:visited,
div#CalSmall a.CalNav:hover, div#CalSmall a.CalNav:active {
	font: 10px/normal sans-serif; color: #369;
	text-decoration: none;
	text-align: center;
	width: 100%;
	background-color: transparent;
	display: block; }
div#CalSmall a.CalNav:hover {
	color: #000;
	text-decoration: none;
	background-color: #ccc; }
.show {
	display: block; }
.hide {
	display: none; }
.indent {
	margin-left: 10px; }
.hanging {
	text-indent: -5em;
	padding-bottom: 0;
	padding-left: 5em; 
	margin-bottom: 0; }
.citation {
	text-indent: -3em;
	padding-bottom: 0;
	padding-left: 3em; 
	margin-bottom: 0; }
.pdTop1em {
	padding-top: 1em; }
.pd0 {
	padding: 0; }
.tx600 {
	color: #600; }
.tx363 {
	color: #363; }
.txBld {
	font-weight: bold; }
.bkCCC {
	background-color: #ccc; }
/* float styles */
.floatDivRight { /* float popup image thumbnails container right */
	margin: .25em 0 1em 10px;
	float: right; }
.floatDivLeft { /* float popup image thumbnails container left */
	margin: .25em 10px 1em 0;
	float: left; }
.floatImgMarg { /* 2nd & subsequent divs in floated popup image thumbnails container */
	margin: .5em 0 0 0; }
.floatLeft {
	float: left; }
.floatRight {
	float: right; }
.floatClear {
	clear: both; }
.floatNone {
	clear: none; }
/* Border styles */
.BdTopDbl, tr.BdTopDbl td {
	border-top: 2px solid #600; }
.BdRgtDbl, tr.BdRgtDbl td {
	border-right: 2px solid #600; }
.BdBotDbl, tr.BdBotDbl td {
	border-bottom: 2px solid #600; }
.BdLftDbl, tr.BdLftDbl td {
	border-left: 2px solid #600; }
.BdAllDbl {
	border: 2px solid #600; }
.BdTop, tr.BdTop td {
	border-top: #600 1px solid; }
.BdRgt {
	border-right: #600 1px solid; }
.BdBot, tr.BdBot td {
	border-bottom: #600 1px solid; }
.BdLft {
	border-left: #600 1px solid; }
.BdAll {
	border: #600 1px solid; }
.BdTopBot, tr.BdTopBot td {
	border: #600 1px solid; border-width: 1px 0; }
.Bd0 {
	border: 0 !important; }
/* Suckerfish menu dropdown styles */
#nav a { 
	width: 100%;
	text-decoration: none;
display: block; }
ul { /* all lists */
	list-style: none;
	padding: 0;
	margin: 0; }
li { /* all list items */
	width: 120px;
	margin: 0 0 1em 0;
	position: relative; }
li ul { /* second-level lists */
	position: relative; top: 0; left: 0;
	margin: .25em 0 0 0;
	display: none; }
li>ul { /* to override top and left in browsers other than IE6, which will position to the top right of the containing li, rather than bottom left */
	top: auto; left: auto; }
li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block; }
li ul li { /* second-level lists */
	margin: 0 0 .25em 0; }
li ul li ul li { /* third-level lists */
	margin: 0 0 .25em 0; }
li a:link, li a:visited, li a:hover, li a:active { /* first-level anchors */
	font-family: serif; color: #600;
	text-transform: uppercase; }
li a:hover {
	font-weight: bold; }
li ul li a:link, li ul li a:visited, li ul li a:hover, li ul li a:active { /* third-level anchors */
	font-family: sans-serif; color: #039;
	text-transform: none; }
li ul li a:hover {
	font-family: sans-serif;
	text-transform: none; }
li ul li ul li a:link, li ul li ul li a:visited, li ul li ul li a:hover, li ul li ul li a:active { /* third-level anchors */
	font: x-small/1em sans-serif; color: #039;
	text-transform: none; }
li ul li ul li a:hover {
	font-weight: bold;
	text-transform: none; }
a.currentHead:link, a.currentHead:visited, a.currentHead:hover, a.currentHead:active { /* styles current page's parent page in the menu */
	font: medium/normal serif; color: #600;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 0 0; }
a.current:link, a.current:visited, a.current:hover, a.current:active { /* styles current page anchor in the menu */
	font-weight: bold; color: #039;
	cursor: default; }