@charset "utf-8";
body  {
	margin: 10px 0;
	padding: 0;
	text-align:center;
	background-image:url(../../images/win_bkgd.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	font-size: 100.01%;
}
.twoColFixLtHdr #container { 
	width: 1000px;
	margin: 0 auto;
	padding:0;
	background-color:#FFF;
	border: 2px solid #CCC;
	text-align: left;
	font:10pt Arial, Helvetica, sans-serif;
	color:#0000FB;;
} 
.twoColFixLtHdr #header {
	height:96px;
	background-image:url(../images/bkgd1.jpg);
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixLtHdr #header h1 {
	position:relative;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0;
}
.twoColFixLtHdr #nav {
	position:relative;
	height:30px;
	width:1000px;
	background-image: url(../images/top_nav_bkgd.gif);
}
#nav ul{
	margin:O;
	padding:0 2px 2px 2px;
	list-style:none;
	float:left;
	position:absolute;
	left:0px;
	bottom:0px;
}
#nav ul.MenuBarHorizontal ul
{
	display:inline-block;
}
.twoColFixLtHdr #sidebar1 {
	float: left;
	width: 600px;
	margin-top: 0px;
	padding-top: 0px;
	/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0;
}
.twoColFixLtHdr #events {
	padding: 5px;
	float: left;
	width: 590px;
}
.twoColFixLtHdr #mainContent {
	float:right;
	width:570px;
	padding:5px;
	margin-left:10px;/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
}

div#footer{
	font-size:.75em;
	background-position:bottom;
	background-image:url(../../images/footer.gif);
	background-repeat:repeat-x;
	bottom:2px;
}
.twoColFixLtHdr #footer, .twoColFixLtHdr #footer a {
	margin:0;
	padding: 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	background-color: #609;
}
.twoColFixLtHdr #footer a:hover{
	text-decoration:underline;
}
div#nav a.current, div#nav a.current:hover{
	color:#FEBB38;
	cursor:default;
}
table#calendar a, table#enews a{
	text-decoration:none;
}
table#calendar a:hover, table#enews a:hover{
	text-decoration:underline;
}
table#album{background-color:#0000FE;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
h1{
	font-size:1.2em;
	padding:25px 5px 10px 5px;
}
h2 {
	font-size:14pt;
}
h3 {
	font-size:.12pt;
}
h4 {
	font-size:.10pt;
}
h5 {
	font-size:8pt;
}
h1, h2, h3, h4, h5{
	font-family:Arial, Helvetica, sans-serif;
	color:#00F
}
.white8, .white8B, .blue8, .blue8B, .green8, .green8B, .red8, .red8B, .purple8, .purple8B {font-size: 8pt;font-family:Arial, Helvetica, sans-serif;}
.white9, .white9B, .blue9, .blue9B, .green9, .green9B, .red9, .red9B, .purple9, .purple9B {font-size: 9pt;font-family:Arial, Helvetica, sans-serif;}
.white10, .white10B, .blue10, .blue10B, .green10, .green10B, .red10, .red10B, .black10, .black10B, .purple10, .purple10B {font-size: 10pt; font-family:Arial, Helvetica, sans-serif;}
.white11, .white11B, .blue11, .blue11B, .green11, .green11B, .red11, .red11B, .black11, .black11B, .purple11, .purple11B {font-size: 11pt; font-family:Arial, Helvetica, sans-serif;}
.white12, .white12B, .blue12, .blue12B, .green12, .green12B, .red12, .red12B, .black12, .black12B, .purple12, .purple12B {font-size: 12pt; font-family:Arial, Helvetica, sans-serif;}
.white14, .white14B, .blue14, .blue14B, .green14, .green14B, .red14, .red14B, .black14, .black14B, .purple14, .purple14B {font-size: 14pt; font-family:Arial, Helvetica, sans-serif;}
.white16, .white16B, .blue16, .blue16B, .green16, .green16B, .red16, .red16B, .black16, .black16B, .purple16, .purple16B {font-size: 16pt; font-family:Arial, Helvetica, sans-serif;}
.white18, .white18B, .blue18, .blue18B, .green18, .green18B, .red18, .red18B, .black18, .black18B, .purple18, .purple18B {font-size: 18pt; font-family:Arial, Helvetica, sans-serif;}
.white20, .white20B, .blue20, .blue20B, .green20, .green20B, .red20, .red20B, .black20, .black20B, .purple20, .purple20B {font-size: 20pt; font-family:Arial, Helvetica, sans-serif;}

.white8,  .white9,  .white10, .white11, .white12, .white14, .white16, .white18, .white20 {color: #FFF;}
.white8B, .white9B, .white10B, .white11B, .white12B, .white14B, .white16B, .white18B, .white20B {color: #FFF; font-weight: bold;}
.blue8, .blue9, .blue10, .blue11, .blue12, .blue14, .blue16, .blue18, .blue20 {color: #0000FB;}
.blue8B, .blue9B, .blue10B, .blue11B, .blue12B, .blue14B, .blue16B, .blue18B, .blue20B {color: #0000FB; font-weight: bold;}
.green8, .green9, .green10, .green11, .green12, .green14, .green16, .green18, .green20 {color: #030;}
.green8B, .green9B, .green10B, .green11B .green12B, .green14B, .green16B, .green18B, .green20B {color: #030; font-weight: bold;}
.black8, .black9, .black10, .black12, .black14, .black16, .black18, .black20 {color: #000;}
.black8B, .black9B, .black10B, .black12B, .black14B, .black16B, .black18B, .black20B {color: #000; font-weight: bold;}
.red8, .red9, .red10, .red11, .red12, .red14, .red16, .red18, .red20 {color: #F00;}
.red8B, .red9B, .red10B, .red11B, .red12B, .red14B, .red16B, .red18B, .red20B {color: #F00;font-weight: bold;}
.purple8, .purple9, .purple10, .purple11, .purple12, .purple14, .purple16, .purple18, .purple20 {color: #609;}
.purple8B, .purple9B, .purple10B, .purple11B, .purple12B, .purple14B, .purple16B, .purple18B, .purple20B {color: #609;font-weight: bold;}