/* set the page background color and margins. */ 
body { margin:0; padding:0; text-align:center; background: url('../images/page_bg.gif') #d6d6c3 repeat-x; }

/* set the page font formatting. */
body, p, div, td { font-family: Arial, sans-serif; font-size: 9pt; color: #000000; }

/* default link colors */
a:link { text-decoration: none; color: #2b4d8a; }
a:hover { text-decoration: none; color: #000000; }
a:visited { text-decoration: none; color: #2b4d8a; }
a:visited:hover { text-decoration: none; color: #000000; }

.txtHeader { color: #7670b4; font-weight: bold; text-transform: uppercase; }

/* structural styles */
#outer { width: 772px; margin: 0 auto 0 auto; text-align: left; padding: 0px;
	border-right: 1px solid #8F9082;
	border-bottom: 1px solid #8F9082;
	border-left: 1px solid #8F9082;
}
#shell { width: 739px; margin: 0 auto 0 auto; text-align: left; padding: 0 0 10px 0; }

#leftCol { width: 188px; float: left; }
#leftNav { border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; width: 169px; background: #7670b4; margin: -3px 0 0 0; }
	#leftNav a.main { height: 22px; display: block; text-align: right; padding: 0 12px 0 0; border-bottom: 1px solid #ffffff; font-size: 10pt; line-height: 16pt; font-weight: bold; }
	#leftNav a.main:link { text-decoration: none; color: #ffffff; }
	#leftNav a.main:hover { text-decoration: none; background: #6cc1b9; }
	#leftNav a.main:visited { text-decoration: none; color: #ffffff; }
	#leftNav a.main:visited:hover { text-decoration: none; background: #6cc1b9; }
		#leftNav .first { border-top: 1px solid #ffffff; } /* only for use on main nav items directly undersub-nav */
		#leftNav .last { border-bottom: 1px solid red; } /* only for use on main nav items directly undersub-nav */

	#leftNav a.activemain { height: 22px; display: block; text-align: right; padding: 0 12px 0 0; border-bottom: 1px solid #ffffff; font-size: 10pt; line-height: 16pt; font-weight: bold; background: #6cc1b9; color: #ffffff; }
	#leftNav a.activesub { height: 20px; display: block; text-align: right; padding: 0 12px 0 0; font-size: 9pt; line-height: 18pt; font-weight: bold; color: #6cc1b9; }

#underNav { width: 169px; margin: 15px 0 0 0; }

	#leftNav a.sub { height: 20px; display: block; text-align: right; padding: 0 12px 0 0; font-size: 9pt; line-height: 18pt; font-weight: bold; }
	#leftNav a.sub:link { text-decoration: none; color: #ffffff; }
	#leftNav a.sub:hover { text-decoration: none; color: #6cc1b9; }
	#leftNav a.sub:visited { text-decoration: none; color: #ffffff; }
	#leftNav a.sub:visited:hover { text-decoration: none; color: #6cc1b9; }

#rightCol { padding: 68px 0 0 0; width: 551px; margin: 0; float: right; }
#rightInnerBottom { padding: 15px; background: #ffffff; margin: -3px 0 0 0; }

#topContent { font-weight: bold; margin: 0 0 15px 0; text-align: justify; }
#contentLeft { float: left; width: 48%; }
	#contentLeft ul { margin: 0 0 0 15px; padding: 0 0 0 0px; }

#contentRight { float: right; width: 48%; border-left: 1px solid #000000; padding: 0 0 0 15px; }
	#contentRight ul { margin: 0 0 0 15px; padding: 0 0 0 0px; }

#footer { width: 739px; margin: 10px auto 10px auto; text-align: center;  padding: 10px auto 10px auto; clear: both; }
	.footerCell { float: left; font-size: 8pt; margin: 10px 0 0 0; }

.clearMe { clear: both; height: 1px; overflow: hidden; }


/* about styles */
#rightInnerBottomInt { padding: 0 0 0 15px; background: #ffffff; height: 100%; }
	#rightInnerBottomInt p { margin: 0 0 10px 0; }
#intImage { width: 212px; float: right; margin: 0 0 0 10px; }


.purple { color: #756fb3; }
	.purple i { font-size: .9em; }

.peopleImg { width: 96px; float: left; margin: 0 15px 5px -4px; }