@charset "utf-8";

html, body {
	height: 100%;
}
body {
	font: 100% "Comic Sans MS", "Times New Roman", Times, serif;
	/*font: 100% "Times New Roman", Times, serif;*/
	background: #eceae8;
	background-image:url(images/TopBg.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
.Main #Container {
	width: 1200px;
	height: auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left;
}
.Main #Container2 {
	width: 900px;
	height: auto;
	border: 0px;
	text-align: left;
	float: left;
}
.Main #Left {
	width: 150px;
	height: 455px;
	position: relative;
	top: 75px;
	border: 0;
	background-image: url(images/MainLeft.jpg);
	background-position: bottom;
	float: left;
}
.Main #LeftSmall {
	width: 150px;
	height: 455px;
	position: relative;
	top: 75px;
	border: 0;
	float: left;
}
.Main #Right {
	width: 150px;
	height: 455px;
	position: relative;
	top: 75px;
	border: 0;
	background-image: url(images/MainRight.jpg);
	background-position: bottom;
	float: left;
}
.Main #RightSmall {
	width: 150px;
	height: 455px;
	position: relative;
	top: 75px;
	border: 0;
	float: left;
}
.Main #MenuBarBg {
	width: 900px;
	height: 75px;
	border: 0;
	background-color: #000000;
	background-image: url(images/MenuBarBg.jpg);
	float: left;
	text-align: left;
	line-height: 70px;
	color: #f5f5f5;
	font-size: 21px;
}
.Main #MenuBarBgSmall {
	width: 900px;
	height: 75px;
	border: 0;
	background-color: #000000;
	background-image: url(images/MenuBarBgSmall.jpg);
	float: left;
	text-align: left;
	line-height: 70px;
	color: #f5f5f5;
	font-size: 21px;
	/*font-size: 24px;*/
}
.Main #MainBg {
	width: 900px;
	height: 425px;
	border: 0;
	background-color: #FFFFFF;
	background-image: url(images/MainBg.jpg);
	float: left;
}
.Main #MainBgSmall {
	width: 900px;
	height: 321px;
	border: 0;
	background-color: #FFFFFF;
	background-image: url(images/MainBgSmall.jpg);
	float: left;
}
.Main #BodyLeft {
	width: 119px;
	height: auto;
	border: 0;
	background-color: #CCCCCC;
	background-image: url(images/BodyLeft.jpg);
	background-repeat: repeat-y;
	float: left;
}
.Main #BodyContainer {
	width: 900px;
	height: auto;
	border: 0;
	background-color: #FFFFFF;
	background-image: url(images/BodyBg.jpg);
	background-repeat: repeat-y;
	float: left;
}
.Main #BodyContentContainer {
	width: 751px;
	height: auto;
	border: 0;
	float: left;
	background-image: url(images/BodyShadow.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
.Main #BodyContent {
	width: 691px;
	min-height: 400px;
	height: auto;
	border: 0;
	float: left;
	padding: 30px;
	color: #666666;
	line-height: 20px;
	font-size: 18px;
}
.Main #BodyMenu {
	width: 751px;
	height: 30px;
	border: 0;
	background-color: #3f3235;
	clear: left;
	font-size: 12px;
	line-height: 27px;
}
.Main #BodyRight {
	width: 30px;
	height: auto;
	border: 0;
	background-color: #CCCCCC;
	background-image: url(images/BodyRight.jpg);
	background-repeat: repeat-y;
	float: left;
}
.Main #BodyLeftShadow {
	width: 119px;
	height: 30px;
	border: 0;
	background-image: url(images/BodyLeftShadow.jpg);
	text-align: right; /* aligns the PageTitle_____.gif flush against the 'page' */
}
.Main #BodyRightShadow {
	width: 30px;
	height: 30px;
	border: 0;
	background-image: url(images/BodyRightShadow.jpg);
}
.Main #Margaret {
	width: 400px;
	height: 20px;
	border: 0;
	position: relative;
	top: 20px;
	left: 20px;
	text-align: left;
	color:#b8b8b8;
	font-size: 20px;
}
.Main #MargaretSmall {
	width: 300px;
	height: 20px;
	border: 0;
	position: relative;
	top: 20px;
	left: 20px;
	text-align: left;
	color:#b8b8b8;
	font-size: 20px;
}
.MargaretPhoto {
	margin: 0 5px 0 0;
}
a.Margaret:link, a.Margaret:visited {
	text-decoration: none;
	color: #3f3235;
}
a.Margaret:hover, a.Margaret:active {
	text-decoration: none;
	color: #8e4a26;
} 
a.Menu:link, a.Menu:visited {
	text-decoration: none;
	color: #f5f5f5;
}
a.Menu:hover, a.Menu:active {
	text-decoration: none;
	color: #ccd1ed;
}
a.ContentLink:link, a.ContentLink:visited {
	text-decoration: none;
	color: #333333;
	border-bottom: dotted 1px;
	/*background-color: #F9F9F9;*/
}
a.ContentLink:hover, a.ContentLink:active {
	text-decoration: none;
	color: #3f3235;
	background-color: #ccd1ed;
}
.PhotoLeft {
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
}
.PhotoLeftMiddle {
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 10px;
}
.PhotoRight {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
}
.PhotoRightMiddle {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 10px;
}
.FirstChar {
	font-size: 44px;
	line-height: 40px;
	float: left;
	margin: 0 3px 0 0;
}
.Header {
	width: 671px;
	height: 50px;
	font-size: 60px;
	line-height: 50px;
	padding: 10px;
	/*font-weight: bold;*/
	color: #ccd1ed;
	background-color: #3f3235;
}
.Header2 {
	font-size: 24px;
	color: #3f3235;
}
.Header3 {
	width: 671px;
	font-size: 32px;
	line-height: 30px;
	padding: 10px;
	/*font-weight: bold;*/
	color: #ccd1ed;
	background-color: #3f3235;
}
.SuperScript {
	vertical-align: super;
	font-size: 50%;
}
.SmallerText {
	font-size: 14px;
}