/*  General rules */

body	{
	background: #333 url(../assets/images/bkgdDk.jpg) top left scroll repeat-x;
	color: #333;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
img	{
	display: block;
	border: 0;
	}
	
p {
	text-align: justify;
	line-height: 18px;
	margin-left: 8px;
	}
	
h1, h2, h3, h4, h5, h6	{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	margin: 25px 0 10px 0;
	letter-spacing: 1px;
	color: #5781AE;
	}
	
h1 { font-size: 14px; color: #36509B; margin: 25px 0 40px 0;}

h2 { font-size: 12px; }
	
h3 { font-size: 11px; }
	
h4 { font-size: 10px; }
	
h5 { font-size: 9px; }
	
h6 { font-size: 8px; }

table {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	vertical-align: top;
	border-collapse: collapse;
}

table tr {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	vertical-align: top;
}

table td {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	vertical-align: top;
}

.Strong { font-weight: bold; }

.News {
	margin: 15px 0 20px 0;
	}
	
	.News img {
		display: inline;
		margin: 0;
		}

.NewsDate{
	margin: 0 0 5px 0;
	color: #36508B;
	}
	
.NewsTitle{
	margin: 0 0 5px 12px;
	font-size: 11px;
	font-weight: bold;	
	}
	
.NewsBody{
	margin: 0 0 5px 12px;
	}
	
.linkBack {
	text-align: right;
	padding: 3px;
	}
	
.sorry {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 0 30px 0 30px;
	}
	
.jumpMenu {
	text-align: center;
	margin: 0 0 50px 0;
	}
	
	.jumpMenu .formField { text-align: left; }

.Row {
  clear: both;
  padding-top: 2px;
  }

.Spacer {
  clear: both;
  }
	
.bulletSm {
	border: 0;
	margin-right: 1px 4px 0 0;
	float: left;
	}
	
.bulletLg {
	border: 0;
	margin: 0 6px 0 0;
	float: left;
	}
	
.form {
	margin: 0;
	}
	
.formField {
	border-top: solid #949494 1px;
	border-right: solid #C0C0C0 1px;
	border-bottom: solid #C0C0C0 1px;
	border-left: solid #949494 1px;
	text-align: left;
	vertical-align: middle;
	}
	
.button {
	background-color: #C8C5AC;
	color: #FFF;
	}

.error {
	color: #CC0000;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: normal;
	}
	
.splitLF {
	text-align: left;
	float: left;
	}
	
.splitRT {
	text-align: right;
	float: right;
	}
	
.Hide {
	visibility: hidden;
	position: absolute;
	}
	
.subHeader {
	background-color: #F4F3EE;
	margin: 15px 0;
	padding: 3px;
	border-bottom: 1px solid #DBDD9D;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	}
	
.rsPaging {
	background-color: #F4F3EE;
	padding: 3px;
	border-bottom: 1px solid #DBDD9D;
	}

.pagingLF {
	float: left;
	}

.pagingRT {
	float: right;
	}
	
	/* General linkology */
	
a:link, a:visited { 
	text-decoration : underline;
	color: #36508B;
	background: transparent;
	font-size: 10px; 
	}

a:hover { 
	text-decoration : none;
	color: #999;
	background: transparent;
	font-size: 10px; 
	}

a:active {
	text-decoration : none;
	color: #202F51;
	background: transparent; 
	font-size: 10px; 
	}
	
.ltBlu a:link, .ltBlu a:visited {
	color: #5781AE;
	}
	
	/* Primary Centered Container */
	
#Frame {
	width: 732px;
	margin: 0 auto 0 auto;
	text-align: left; /* Counter acts against centering in body*/
	}
	
	/* Main Left Side Container */

#memBox {
	float: left;
	width: 138px;
	margin-top: 52px;
	font-size: 9px;
	color: #5781AE;
	}
	
#memBox p {
	line-height: 12px;
	}
	
#memBox h5 {
	margin: 25px 0 0 0;
	}
	
#memBox ul {
	margin: 0 0 15px 0px;
	padding: 0 0 0 18px;
	text-align: left;
	border: 0;
	list-style: disc url(../assets/images/bulletSm.gif) outside;
	}

#memBox li {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	}
	
.memBorder {
	border-right: solid #36508B 1px;
	border-left: solid #36508B 1px;
	background-color: #F4F3EE;
	padding: 12px;
	width: 138px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 112px;
	}

html>#memBorder	{
	width: 112px;
	}

.memBorder img {
	border: 0;
	padding: 0;
	margin: 0;
	}
	
	/* Main Left Side linkology */
	
#memBox a:link, #memBox a:visited, #memBox a:hover, #memBox a:active {
	font-size: 9px;
	}
	
	/* Public Member Content */

#Public {
	margin: 0 0 0 0;
	padding: 0;
	border: 0;	
	}
	
#Public img	{
	border: 0;
	padding: 0;
	margin: 0;
	}

#Public .formField {
	font-size: 9px;
	color: #5781AE;
	padding: 0 0 0 4px;
	margin: 0 0 4px 0;
	width: 108px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 102px;
	}
	
#Public .button {
	font-size: 8px;
	letter-spacing: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 4px;
	padding-left: 4px;
	margin: 0 0 10px 0;
	}
	
	/* Private Member Content */

#Private {
	border: 0;
	padding: 0;
	margin: 0;
	}
	
#Private img {
	border: 0;
	padding: 0;
	margin: 0;
	}
	
#FName {
	font-size: 11px;
	margin: 10px 0 6px 0;
	}
	
#memNav {
	width: 112px;
	margin-bottom: 20px;
	}
	
#memNav ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-size: .9em;
	border: 0;
	}
	
#memNav li {
	margin: 0;
	list-style: none none;
	border: 1px solid #F4F3EE;
	padding: 0;
	}

#memNav a {
	display: block;
	text-align: right;
	padding: 2px 6px 2px 0;
	background-color: #F4F3EE;
	background-image:  url(../assets/images/nav/memNav.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-size: 11px;
	}
	
#memNav a:link, #memNav a:visited {
	text-decoration: none;
	font-size: 11px;
	}
	
#memNav a:hover, #memNav a:active {
	text-decoration: underline;
	font-size: 11px;
	}

	/* Footer Tracking Info Inside #memBox */

#Track {
	text-align: center;
	font-size: 9px;
	color: #CCC;
	line-height: 15px;
	padding: 10px 0 10px 0;
	}
	
	/* Main Content Container */

#mainBox {
	float: right;
	border-bottom: 1px solid #36508B;
	margin: 0;
	padding: 0;
	width: 593px;
	}
	
#Header {
	border: 0;
	margin: 0;
	padding: 0;
	height: 18px;
	}
	
	#Header img {
		border: 0;
		margin: 0 4px 0 0;
		padding: 0;
		display: inline;
		vertical-align: middle;
		}
	
	#Header ul {
		margin: 4px 0 0 0;
		padding: 0;
		border: 0;
		list-style: none;
		vertical-align: bottom;
		}

	#Header li {
		float: left;
		margin: 0;
		padding: 0 7px 0 7px;
		}

#Logo {
	border-bottom: solid #36508B 1px;
	margin-bottom: 1px;
	width: 593px;
	padding: 0;
	height: 98px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 97px;
	}

html>#Logo	{
	height: 97px;
	}
	
	#Logo img {
		display: inline;
		vertical-align: text-bottom;
		border: 0;
		margin: 0;
		padding: 0;
		}
	
	#Logo .splitLF {
		vertical-align: text-bottom;
		padding: 0 0 0 9px;
		height: 97px;
		}
		
	#Logo .splitRT {
		padding: 34px 0 0 0;
		vertical-align: bottom;
		height: 98px;
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 63px;
		}
	
	html>#Logo .splitRT	{
		height: 63px;
		}

#mainNavBox {
	border-top: solid #36508B 1px;
	border-bottom: solid #36508B 1px;
	padding: 0 0 0 1px;
	background-color: #FFFFFF;
	width: 593px;
	height: 26px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 592px;
	height: 24px;
	}

html>#mainNavBox {
	width: 592px;
	height: 24px;
	}

#mainNav {
	font-size: 11px;
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}

#mainNav li {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 2px 0 2px;
	padding: 0;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}

#mainNav ul {
	margin: 0;
	padding: 0;
}

#mainNav a {
	display: block;
	padding: 6px 5px 6px 5px;
	margin: 0;
	text-decoration: none;
	font-size: 10px;
}

#mainNav a:link, #mainNav a:visited {
	display: block;
	padding: 6px 6px 6px 6px;
	font-size: 10px;
	text-decoration: none;
	margin: 0;
}

#mainNav a:hover, #mainNav a:active, #mainNav a:focus {
	display: block;
	padding: 6px 5px 6px 5px;
	font-size: 10px;
	text-decoration: none;
	border-right: 1px solid #5781AE;
	border-left: 1px solid #5781AE;
}

/* Holds 2 or 3 vertical boxes */

#contentBox {
	margin: 0;
	padding: 0;
	border-right: 1px solid #36508B;
	text-align: left;
	background: #FFF url(../assets/images/lfBkgd.gif) repeat-y scroll left top;
	width: 593px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 592px;
}

html>#contentBox {
	width: 592px;
	}
	
	#contentBox a:link, #contentBox a:visited, #contentBox a:hover, #contentBox a:active {
		font-size: 10px;
		}
	
	#contentBox ul {
		margin: 0 0 10px 0px;
		padding: 0 0 0 5px;
		text-align: left;
		border: 0;
		list-style: disc url(../assets/images/bulletSm.gif) outside;
		}

	#contentBox li {
		margin: 0;
		padding: 0;
		line-height: 1.3em;
		}

#lfNavbar {
	float: left;
	margin: 0;
	border-right: 1px solid #36508B;
	background-color: #5781AE;
	padding: 3px;
	text-align: center;
	width: 121px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 114px;
	}

html>#lfNavbar {
	width: 114px;
	}
	
	#lfNavbar img {
		padding: 3px;
		background-color: #FFFFFF;
		border: solid #36508B 1px;
		margin: 10px 3px 10px 3px;
		text-align: center;
		}
	
	#lfNavbar .Subtitle {
		color: #F4F3EE;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		margin: 15px 5px 5px 5px;
		}
		
	#lfNavbar a:link, #lfNavbar a:visited, #lfNavbar a:hover, #lfNavbar a:active {
		color: #F4F3EE;
		}
	
	#lfNavbar ul {
		margin: 0 0 25px 10px;
		padding: 0 0 0 10px;
		text-align: left;
		border: 0;
		list-style: disc url(../assets/images/bulletSmBlu.gif) outside;
		}

	#lfNavbar li {
		margin-bottom: 6px;
		padding: 0;
		}
	
/* Use for pages with 2 colums in Content area */

#content2col {
	background: #FFF;
	float: left;
	margin: 0;
	padding: 15px;
	width: 471px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 441px;
	}

html>#content2col {
	width: 441px;
	}
	
	#content2col img {
		border: 0;
		margin: 0 10px 0 0;
		padding: 0;
		display: inline;
		vertical-align: middle;
		}

/* Use for home page and other pages with 3 columns in content area */

#content3colBox {
	background: #FFF url(../assets/images/rtBkgd.gif) repeat-y scroll right top;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 471px;
	}

#content3col {
	float: left;
	padding: 10px;
	border: 0;
	margin: 0;
	width: 322px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 302px;
	}

html>#content3col {
	width: 302px;
	}

		#content3col img {
		border: 0;
		margin: 0 10px 0 0;
		padding: 0;
		display: inline;
		vertical-align: middle;
		}
	
#content3col2 {
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: #FFF;
	width: 149px;
	}

	#CalNav {
		margin: 0 0 6px 0;
		padding: 6px 0 0 0;
		clear: both;
		border-left: 1px solid #36508B;
		border-bottom: 1px solid #36508B;
		background-color: #5781AE;
		width: 149px;
		height: 24px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 148px;
		height: 17px;
		}
	
	html>#CalNav {
		width: 148px;
		height: 17px;
		}
		
	#CalNav img {
		border: 0;
		margin: 0 5px 0 10px;
		padding: 0;
		display: inline;
		vertical-align: middle;
		}
		
	#CalNav a {
		margin: 0;
		padding: 0;
		text-decoration: none;
		font-size: 11px;
		text-align: left;
		vertical-align: middle;
		letter-spacing: .5px;
		}
	
	#CalNav a:link, #CalNav a:visited {
		color: #DBDD9D;
		text-decoration: underline;
		}
	
	#CalNav a:hover, #CalNav a:active {
		text-decoration: none;
		}
		
.col3border {
	border-left: solid #36508B 1px;
	background-color: #F4F3EE;
	padding: 12px;
	width: 149px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 124px;
	}
	
html>.col3border {
	width: 124px;
	}
	
	.col3border img {
		border: 0;
		margin: 0 10px 0 5px;
		padding: 0;
		display: inline;
		vertical-align: middle;
	}
	
	#content3colBox .col3border li {
		padding: 0 0 5px 0;
		}
	
.redRtArrow {
	padding: 5px 0 5px 0;
	border: 0;
	margin: 0;
	}
	
.col3border .redRtArrow {
	background-color: #F4F3EE;
	padding: 5px 0 5px 0;
	border: 0;
	margin: 0;
	text-align: right;
	width: 124px;
	}

#content3col .redRtArrow {
	background-color: #FFF;
	padding: 0 0 5px 12px;
	border: 0;
	margin: 0;
	text-align: left;
	}
	
		
		#content3col .redRtArrow img {
		border: 0;
		margin: 0 10px 0 5px;
		padding: 0;
		display: inline;
		vertical-align: middle;
		}
		
#content2col .redRtArrow {
	background-color: #FFF;
	padding: 0 0 5px 12px;
	border: 0;
	margin: 0;
	text-align: left;
	}
	
		
		#content2col .redRtArrow img {
		border: 0;
		margin: 0 10px 0 5px;
		padding: 0;
		display: inline;
		vertical-align: middle;
		}

/* Footer */

#Footer {
	clear: both;
	margin: 0;
	padding: 7px 0 0 0;
	border-top: 1px solid #FFF;
	color: #CCCCCC;
	background-color: #36508B;
	position: relative;
	width: 593px;
	height: 19px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 15px;
	}
	
html>#Footer {
	height: 15px;
	color: #999999;
	}

	#Footer a {
		text-decoration: none;
		margin: 0 3px 0 3px;
		font-size: 9px;
		letter-spacing: 2.5px;
		}
	
	#Footer a:link, #Footer a:visited {
		color: #DBDD9D;
		font-size: 9px;
		letter-spacing: 2.5px;
		text-decoration: underline;
		}
	
	#Footer a:hover, #Footer a:active {
		font-size: 9px;
		letter-spacing: 2.5px;
		text-decoration: none;
		}
		
/* 	Link styles for the Triggers

 	Set to block to make link fill up entire layer with medium gray
	background color that shows through the transparent fill of the trigger images */
.p7snaptrigger a {
	display: block;
	background-color: #C5A996;
}

/* 	When the trigger images are hovered over, the background color changes to white.
	We don't change text color because the link text is actually the non-transparent
	portion of the trigger image.
	
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */
.p7snaptrigger a:hover, .p7snaptrigger a:active, .p7snaptrigger a:focus {
	background-color: #FFFFFF;
}


/* 	The Submenu Layers
 	Use a combined selector to assign all properties common to each
	of the Submenu Layers. */
#p7snapsubs1, #p7snapsubs2, #p7snapsubs3, #p7snapsubs4, #p7snapsubs5 {
	position: absolute;
	top: 87px;
	font-size: 10px;
	visibility: hidden;
	background-color: #FFF;
	padding: 10px 0 10px 0;
	border-bottom: 3px solid #5781AE;
	border-top: 3px solid #5781AE;
}
/* 	Now use individual selectors for each trigger Layer to assign
	their unique properties, in this case the left property */
#p7snapsubs1 {left: 14px; width: 115px;}
#p7snapsubs2 {left: 137px; width: 130px;}
#p7snapsubs3 {left: 260px; width: 160px;}
#p7snapsubs4 {left: 397px; width: 150px;}
#p7snapsubs5 {left: 657px; width: 105px;}

/* 	The submenu links are in paragraphs, so we set the margin to zero
	so there is no gap between links */
.p7submenus p {margin: 0;}


/* 	Submenu Link Styles
 	Use a combined selector for a and a:visited. Set padding in shorthand
	to 1px on top and bottom, 8px right and 12px left.
	
	Set display to block so entire link box, including padding is clickable.
	Set border to 1px solid.
	
	Set border colors in shorthand to Light Gray on top and left - and
	Charcoal Gray on right and bottom. This combination of colors creates
	a raised button-type effect.
	
	Set background color to dark gray, text to medium gray and turn off underlines. */
.p7submenus a, .p7submenus a:visited {
	display: block;
	padding: 0 8px 0 8px;
	background-color: #CCC;
	text-decoration: none;
	border: 0;
	background: url(../assets/images/subNav1.gif) no-repeat 0% 50%;
}

/* 	Change background and text colors when links are hovered over.
	Use a combined selector for hover, active, and focus.
	
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */ 
.p7submenus a:hover, .p7submenus a:active, .p7submenus a:focus {
	text-decoration: underline;
	background: url(../assets/images/subNav2.gif) no-repeat 0% 50%;
}

a.CalDateLink:link, a.CalDateLink:visited, a.CalDateLink:active {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #36508B;
	font-weight: bold;
	text-decoration: none;
	}

a.CalDateLink:hover {  font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #36508B; 
	font-weight: bold;
	text-decoration: underline;
	}

.CalBoldRt { 
	font-size: 12px; 
	font-weight: bold;
	text-align: right;
	padding: 25px 4px 4px 4px;
	}
	
.CalBoldLf { 
	font-size: 12px; 
	font-weight: bold;
	text-align: left;
	padding: 25px 4px 4px 12px;
	}

.CalRight { 
	font-size: 11px; 
	font-weight: bold; 
	color: #4768B6;
	text-align: right;
	padding: 4px;
	}

.CalLeft { 
	font-size: 11px;
	padding: 4px 4px 4px 12px;
	}

tr.CalHeader {
	background-color: #FFF;
	}
	
td.CalDateHeader {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #36509B;
	border-bottom: 1px solid #C8C5AC;
	vertical-align: middle;
	background-color: #F4F3EE;
	padding: 2px 0 2px 4px;
	margin-bottom: 6px;
	}
	
td.CalLMonth {
	text-align: left;
	width: 20%;
	}
	
td.CalMonth {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	width: 60%;
	padding-bottom: 5px;
	}
	
td.CalNMonth {
	text-align: right;
	width: 20%;
	}
	
tr.CalSubHeader{
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFFF;
	
	}

.CalSubHeader td {
	text-align: center;
	padding: 3px 0 3px 0;
	background-color: #5781AE;
	}
	
tr.CalCells {
	height: 90px;
	}

td.CalCell {
	background-color: #F4F3EE;
	vertical-align: top;
	padding: 4px;
	border: 1px solid #CCC;
	width: 61px;
	}

td.CalCellNo {
	background-color: #CCC;
	width: 61px;
	}
	
.CalEvents {
	margin-bottom: 4px;
	}

#CalNav2 {
		margin: 0;
		padding: 0;
		clear: both;
		background-color: #5781AE;
		width: 114px;
		height: 24px;
		}
		
	#CalNav2 img {
		border: 0;
		margin: 4px 2px 0 0;
		padding: 0;
		display: inline;
		vertical-align: middle;
		}
		
	#CalNav2 a {
		margin: 0;
		padding: 0;
		text-decoration: none;
		font-size: 10px;
		text-align: left;
		vertical-align: middle;
		letter-spacing: .5px;
		}
	
	#CalNav2 a:link, #CalNav2 a:visited {
		color: #DBDD9D;
		text-decoration: underline;
		}
	
	#CalNav2 a:hover, #CalNav2 a:active {
		text-decoration: none;
		}