/* -------------------------------- Position ------------------------------ */
body {
	color: #000; 
	margin: 0px; 
	padding: 0px;
	background: #fff url(/images/background.gif) repeat;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	}

.bodywrap {
	text-align: left; 
	margin: 15px auto;
	background-color: #fff;
	width: 85%;
	border: 3px solid #666;
	}

.headerwrap {
	width: 97%;
	clear: both;
	text-align: center;
	margin: 7px;
	border: 3px solid #69F;
	background-color: #E6F4FF; /*lt blue*/
	}

.image {border: none;}

.colwrap {
	width: 98%;
	padding: 5px;
	background-color: #fff;
	text-align: left;
	}

.PhotoContentWrap {width: 95%; float: left; margin-left: 25px;}

.centerwrap {
	width: 73%;
	float: right;
	min-height: 500px;
	}

.leftwrap {
	width: 23%; 
	float: left;
	margin-left: 5px;
	}

.clear {
	clear: both;
	line-height: 0px
	}

.footerwrap {
	width: 98%;
	margin: 5px;
	padding: 0px;
	text-align: center;
	clear: both;
	border: 1px solid #69F;
	background-color: #e6f4ff; /* lt blue */
	}

.PhotoMenuWrapper {text-align: center; font-size: 90%;}

/* ------------------------------- FORMATTING ----------------------------- */

.dropcap {color: #36C; padding-right: 2px; font-size: 2em; } /*blue*/

a, a:link {color: #00F;}
a:visited {color: #69F;} /*blue*/
a:hover {color: #FFFFFF; background-color: #36C;}
a:active {color: #FFFFFF; background-color: #36C;}

.Heading {font-size: 125%; font-weight: bold; color: #36c;} /*blue*/
.SubHeading {font-weight: bold;}
.DoubleIndent {margin-left: 2em; margin-right: 2em;}
.CenteredText {text-align: center;}
.Note {font-size: 90%; color: #36c;} /*blue*/
.ImportantNote {font-weight: bold;}
.ImportantNote .Note {font-size:90%; color:#6B8E23; font-weight:normal;} /*green*/
.LeftText {float: left; text-align: left;}
.RightText {float: right; text-align: right;}
.LargerPrint {font-size: 125%;}
.SmallerPrint {font-size: 90%;}
.SmallPrint {font-size: 80%;}
.FinePrint {font-size: 70%;}
.Bold {font-weight: bold;}
.Attention {font-weight:bold; font-size:150%; color:red;}

.snailmail {margin-left: 2em;}

.reunionEventListing {margin-left: 2em;}
.reunionEventListing .title {font-weight: bold;}
.reunionEventListing .text {margin-left: 2em; padding-bottom: 1em;}
.reunionHotelListing {margin-left: 2em; padding-bottom: 1em;}
.reunionHotelListing .title {font-style: italic;}

.ReunionDeets {font-size: 125%; font-weight: bold;}
.ReunionDeets a, .ReunionDeets a:link, .ReunionDeets a:visited, .ReunionDeets a:active {color: #AF2029; text-decoration: underline; background-color: transparent;} /*dk red*/
.ReunionDeets a:hover {background-color: #AF2029; color: #fff; text-decoration: none;}  /*dk red*/

.GuestbookNote {text-align: center; color: #AF2029; font-size:115%;}

ul#creed li {padding-bottom: 10px;}

p.WVLinkP {clear: both; padding-bottom: 35px;}

.LetterIndent {text-indent: 2em;}
.BackToTopLink {font-size: 70%; text-align: right;}

.MemoryClassName {color: #369; font-weight: bold;} /*dk blue*/
.MemoryHighlight {background-color: #e6f4ff;} /*lt blue*/
.MemoryLegend {background-color: #e6f4ff; font-size: 90%;} /*lt blue*/
.MemoryRow {padding-bottom: .3em;}
.ClassName {color: #369; font-weight: bold;} /*dk blue*/

.LastUpdated {background-color: #e6f4ff; font-size: 90%;} /*lt blue*/

.RightImage {float: right; padding-left: 1em;}
.CenterImage {text-align: center;}
.LeftImage {float: left; padding-right: 1em;}
.ClearLines {clear: both;}
.Image {border: 0;}
a.ImageLink {text-decoration:none; border: none;}
a.ImageLink:link {background-color: transparent;}
a.ImageLink:visited {background-color: transparent;}
a.ImageLink:hover {background-color: transparent;}
a.ImageLink:active {background-color: transparent;}

.footerwrap {	color: #000; font-size: 90%;}
a.FooterLink:link {color: #000000; font-weight: normal;}
a.FooterLink:visited {color: #000000; font-weight: normal;}
a.FooterLink:hover {color: #000000; text-decoration: underline; background-color:transparent; font-weight: normal;}
a.FooterLink:active {color: #000000; background-color:transparent; font-weight: normal;}

/* ----------------------- FORM STUFF ---------------------------------- */

.Error {color: #800000; font-size: 125%;}
.FormRequired {font-style: italic; color: #800000; font-size: 85%;}
.FormNote {font-size: 85%;}
.FormError {color: #800000; font-weight: bold;}

.JumpForm {display: inline;}

div.Form {width: 90%; margin: 0em auto; padding-bottom: .5em; float: left;}
div.FormRow {clear: both; padding-top: 5px; padding-bottom: 5px;}
div.FormRow span.label {float: left; width: 20%; text-align: left;}
div.FormRow span.field {float: right; width: 79%; text-align: left;}
#captcha {display:none !important;}

.GuestbookEntry {border: 1px solid #36c; margin: 10px auto; padding: 5px;}
.GuestbookMsg {font-weight: bold;}

/*
div.DirUpdateForm {width: 95%; border: 1px solid #36c; margin: 0px auto; padding-bottom: 5px;}
div.DUFormRow {clear: both; padding-top: 5px; padding-bottom: 5px;}
div.DUFormRow span.label {float: left; width: 39%; text-align: right;}
div.DUFormRow span.formw {float: right; width: 60%; text-align: left;}

div.ContactUsForm {width: 95%; margin: 0px auto; padding-bottom: 5px;}
div.CUFormRow {clear: both; padding-top: 5px; padding-bottom: 5px;}
div.CUFormRow span.label {float: left; width: 20%; text-align: left;}
div.CUFormRow span.formw {float: right; width: 79%; text-align: left;}
*/

.CommentEntry span.Name {background-color: #e6f4ff;} /*lt blue*/
.CommentEntry span.Comment {font-style: italic;}

.SuggestionListHeader {font-weight: bold; text-align: center; background-color: #36c; color: #fff; width: 100%;} /*blue*/
.SuggestionAddFormHeader {font-weight: bold; text-align: center; background-color: #36c; color: #fff; width: 100%;} /*blue*/
.SuggestionEntryHeader {font-weight: bold; font-size:90%; color: #36c;} /*blue*/
.SuggestionEntryFooter {text-align: right;; font-weight: normal; font-size:90%; color: #999;}
.SuggestionEntry {border: 1px solid #36c; margin: 10px auto; padding: 5px; background-color: #e6f4ff; } /*lt blue*/
div.SuggestionForm {width: 95%; margin: 0px auto; padding-bottom: 5px;}
div.SugFormRow {clear: both; padding-top: 5px; padding-bottom: 5px;}
div.SugFormRow span.label {float: left; width: 24%; text-align: right;}
div.SugFormRow span.formw {float: right; width: 75%; text-align: left;}

table.Schedule {border-collapse: collapse; text-align: left; border:1px solid #000; padding: 3px;}
table.Schedule th {font-weight:bold; font-size:115%; background-color:#E6F4FF; border:none; padding: 3px;}
table.Schedule td {vertical-align:top; border:1px solid #000; padding: 3px 7px;}
table.Schedule td.label {font-weight: bold; font-size: 90%; background-color:#e6f4ff; color:#999; text-align: center; border: none;}

table.Attendees {border-collapse: collapse; text-align: left; border:1px solid #000; padding: 3px; margin-bottom:10px;}
table.Attendees th {font-weight:bold; font-size:115%; border:1px solid #000; padding: 3px;}
table.Attendees td {vertical-align:middle; border:1px solid #000; padding: 3px 7px;}
table.Attendees th.ccol, td.ccol {text-align:center;}
span.AttendeeLastUpdated {font-size:78%; color:#1E90FF;}
/* ------------------------------- Navigation ----------------------------- */
ul#leftmenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	color: #000;
	}

ul#leftmenu li {
	display: block;
	}

ul#leftmenu li a {
	display: block;
	border-top: 1px solid #6699FF;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 5px;
	background-color: #99CCFF; /*blue*/
	color: #000;
	text-decoration: none;
	width: 97%;
	}

ul#leftmenu li a:hover {
	background-color: #6699FF; /*blue*/
	color: #fff;
	}

ul#leftmenu ul.subnav {
	margin: 0px;
	list-style: none;
	padding: 0px;
	border: 0px solid blue;
	}

ul#leftmenu ul.subnav li {
	border-top: 0 none;
	border: 0px solid blue;
	padding-left: 1.5em;
	}

ul#leftmenu ul.subnav li a {
	padding: 1%;
	margin: 0px;
	color: #5C6F90; /*dk blue*/
	background-color: transparent;
	border: 0px solid blue;
	}

ul#leftmenu ul.subnav li a:hover {
	color: #43616B; /*dk grey-blue*/
	background-color: transparent;
	text-decoration: underline;
	}

/* ---------------------------------------------------------------------*/

/*********************************
 *
 *	CAPTCHA-Styles
 *
 */
	p.captcha_1,
	p.captcha_2,
	p.captcha_notvalid
	{
		margin-left: 30px;
		margin-right: 20px;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		background: transparent;
		color: #000000;
	}
	p.captcha_2
	{
		font-size: 10px%;
		font-style: italic;
		font-weight: normal;
	}
	p.captcha_notvalid
	{
		font-weight: bold;
		color: #FFAAAA;
	}
	
	.captchapict
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-style: inset;
		border-width: 4px;
		border-color: #C0C0C0;
	}
	
	#captcha
	{
		margin-left: 30px;
		margin-right: 30px;
		border-style: dashed;
		border-width: 2px;
		border-color: #FFD940;
	}
