/*** General ***/

	BODY,HTML	{
		background-color: #ffffff;
		background-image: url("../images/bindows-bg-2.gif");
		background-repeat: repeat-x ;
		color: #000000;
		font: 80% Verdana, Arial, sans-serif;
		line-height: 1.2;
	}
	H1, H2, H3, H4, H5, H6 {	
		color:			#333333;	
/*		padding-bottom:	0.4ex; */
		padding-bottom:	0;
		padding-top:	1.2ex;
		margin:			0;
		font-weight:	bold;
		font-size:		1.0em;	
		font-family:	Arial, sans-serif;
		clear:			left;
	}
	H1	{	margin-bottom:	2.2ex; /*text-transform:uppercase;*/	}
	H2	{	border-bottom: 1px dotted #0066cc;	margin-bottom:	1.2ex;	}
	H3	{	font-size: 1.0em;	}
	H4	{	font-size: 1.2em;	}
	H5	{	font-size: 1.2em;	}
	H6	{	font-size: 1.0em;	}
	
	A	{
		color: #003399;
		text-decoration: none;
		font-weight:normal;
	}
	A:hover	{
		text-decoration: underline;
	}
	P	{
		padding-bottom:	1.2ex;
		margin: 0;
		font: 1.1em Verdana, Arial, sans-serif;
	}
	PRE	{
		padding-bottom:	1.2ex;
		margin: 0;
		font: 1.1em Verdana, Arial, sans-serif;
	}
	UL {
		margin:		0 0 1.2ex 3ex;
		padding:	1ex 0 0 3ex;
		list-style:	disc;
	}
	UL UL {
		padding:	1ex 0 0 3ex;
		border-right:	0.1em dashed #e6e6e6;
	}


	.pageContentBlock {
		position: absolute;
		margin: 0;
		padding: 4.8ex;
		border: none;
	}
	.pageContentBlock DIV {
		
		display: -moz-inline-box;
		display: inline-block;
		-moz-box-orient: vertical;
		float: left;
		border: 1px dashed #cccccc;
		padding: 2.4ex;
		margin: 0 2.4ex 0 0;
		background: #efefef;
		min-width: 140px;
	}
	.pageContentBlock DIV.payOff {
		display: block;
		border: none;
		background:none;
		padding: 2.4ex 0;
		margin: 2.4ex 0;
		width: 100%;
 	}
 	
 	.pageContentBlock DIV.wide {
		display: block;
		padding: 2.4ex 0;
		margin: 2.4ex 0;
		width: 100%;
 	}
  	.pageContentBlock DIV.wide H1,
  	.pageContentBlock DIV.wide H2,
  	.pageContentBlock DIV.wide H3,
  	.pageContentBlock DIV.wide H4,
  	.pageContentBlock DIV.wide H5,
  	.pageContentBlock DIV.wide H6,
  	.pageContentBlock DIV.wide P
  	{
		margin-left: 2.4ex;
 	}
	.pageContentBlock DIV.wide UL
	{
		margin-left: 4.8ex;
 	}

 	.pageContentBlock DIV.payOff P{
	 	font-weight: bold;
 	}
 	
	.pageContentBlock IMG {
		float: none;
		margin-right:	1em;
		margin-top:		1em;
		margin-bottom:	1em;
	}
	.pageContentBlock IMG.rightAlign {
		float: right;
		margin-left:	1em;
		margin-right:	0;
		margin-top:		0;
		margin-bottom:	1em;
	}
	.pageContentBlock IMG.leftAlign {
		float: left;
		margin-right:	1em;
		margin-top:		0;
		margin-bottom:	1em;
	}
	.pageContentBlock LI {
		font: 11px Verdana, Arial, sans-serif;
	}
	.navHeader {
		position: absolute;
		left:0;
		margin: 0;
		padding: 0;
		border: none;
	}
	.subNav {
		position: absolute;
		margin: 0;
		padding: 4.8ex;
		border: none;
	}
	.subNav IMG {
		margin: 2ex;
	}
	
/*** Content blocks ***/

	#topHeader {
		left:1.2ex;
		padding: 0 1.2ex ;
		top: 2px;
		background: #003399;
	}
	#topSubHeader {
		top: 36px;
		padding-left: 2.4ex;
	}
	#topSubHeader P {
		padding-top: 11px;
		color: #003399;
		font: bold 11px Verdana, Arial, sans-serif;
		font-weight: bold;
	}
	#topNav {
		z-index: 1000;
		position: absolute;
		top: 37px;
		right: 0px;
		height: 22px;
		min-width: 250px;
	}
	#topNav DIV {
		display: -moz-inline-box;
		display: inline-block;
		-moz-box-orient: vertical;
		float: left;
	}
	#topNavStart{
		height: 22px;
		width: 28px;
	}
	#topNavContent{
		height:22px;
		background: #003399;
		line-height: 20px;
		color: #666699;
		border-bottom: 1px solid #FFFFFF;
		font-family: Verdana, Arial, sans-serif;
		font-size:11px ;		
	}
	#topNavContent A {
		line-height: 20px;
		color: #FFFFFF;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-weight: normal;
	}
	#topNavContent A.active{
		color: #9999CC;
	}
	#topNavEnd{
		height: 22px;
		width: 0px;
	}
	#navContentHeader {
		z-index: 200;
		top: 74px;
		width: 48ex;
		height:86px;
		line-height: 86px;
		background: #FFFFFF;
		vertical-align: middle;
		
	}
	#navContentHeader IMG{
		vertical-align:	middle;
		margin-left:	2.4ex;
		/* work around IE 6 missing vertical align in strict mode*/
		#margin-top:		10px;
		#margin-bottom:		10px;
	}
	#navContent {
		z-index: 200;
		position:absolute;
		top: 160px;
		left: 0;
		margin:0;
		padding:0;
		width: 48ex;
		height: 700px;
		min-height:	700px;
		background: #003399;
		border-top:	0.3em solid #3366cc;
	}
	#mainContent {
		z-index: 100;
		top:	74px;
		right:	0;
		left:	0;
		border-left: 48ex solid #003399;	/* keep this in sync with navContent width */
		border-right: 48ex solid #FFFFFF;	/* keep this in sync with relContent width */
		background: #FFFFFF;
			}
	#relContent {
		z-index: 100;
		position:absolute;
		top: 74px;
		right: 0;
		margin:0;
		padding:0;
		width: 48ex;
/*		height: 450px;*/
		min-height:	450px;
		background: none;
		border-top:	0.3em solid #3366cc;
		border-left: 0.1em solid #003399;
	}
	.pageContentBlock .preamble {
		font-weight: bold;
	}
	.pageContentBlock .pageFooter {

		display:	block;
		border:		none;
		background:	none;
		width:		100%;
		padding:	1.2ex 0.1ex;
		margin:		4.8ex 0 0 0;
	}
	.pageContentBlock .pageFooter2 {

		display:	block;
		border:		none;
		border-top:	1px dotted #0066cc;
		background:	none;
		text-align:	right;
		width:		100%;
		padding:	0 0.1ex;
		margin:		0 0 4.8ex 0;
	}
	.pageContentBlock .pageFooter DIV{

		display:	-moz-inline-box;
		display:	inline-block;
		-moz-box-orient: vertical;
		float:		left;
		border:		0;
		padding:	0;
		margin:		0;
		background: none;
		width: 50%;
		vertical-align:top;

	}
	.pageContentBlock .pageFooter DIV P{
		padding:	0;
		margin:		0;
	}
	.pageContentBlock .pageFooter2 DIV P{
		padding:	0;
		margin:		0;
	}
/*** Navigation ***/
	
	.subNav UL	{
		padding:	0;
		margin:		0 0 1em 0;
		color:		#000000;
		background:	#ffffff;
		list-style:	none;
	}
	.subNav UL UL {
		padding:	1ex 0 0 1ex;
		border-right:	0.1em dashed #e6e6e6;
	}
	.subNav UL UL UL {
		padding:	0 0 0 3ex;
		margin:		0;
		border:		none;
		list-style:	square;
		color:		#e6e6e6;
	}
	.subNav LI {
		padding:	0;
		margin:		0;
		border-bottom:	0.1em solid #ffffff;
		text-transform:	capitalize;
	}
	.subNav LI LI {
		padding:	0;
		margin:		0.2em 0 0.1em 0 ;
		text-transform:	capitalize;
		border-bottom:	none;
	}
	.subNav LI A {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		/*padding:	0.7em 0.7em 0.7em 2.0ex;*/
		padding:	0.7em 0;
		/* use this to get around IE box model issues*/
		text-indent:	2.3ex;
		margin:		0;
		color:		#ffffff;
		background:	#99CC00;
		font:		1.2em Verdana, Arial, sans-serif;
		font-weight:	bold;
		display:	block;
		width:		100%;
	}
	/*
	.subNav LI .activeHref {
		color: #CCFF66;
	}
	*/
	.subNav LI LI .activeHref {
		color: #99CC00;
	}
	.subNav LI LI A	{
		padding:	0;
		color:		#000000;
		background:	#ffffff;
		font:		1.0em Verdana, Arial, sans-serif;
		font-weight:	normal;
	}
	.subNav LI LI LI A	{
		font-weight:	normal;
	}
	html>body .subNav li a {
		width:		auto;
	}
	
/* Navigation Highlights */

	.subNav H1, .subNav H2 {	
		display:	block;
		float:		none;
		color:		#ffffff;
		padding:	0;
		margin:		4.8ex 0 0 0;
		width:		100%;
		text-align:	center;
		font-size:		3ex;	
		font:		1.2em Verdana, Arial, sans-serif;
		font-weight:	bold;		
	}
	.subNav H3, .subNav H4, .subNav H5, .subNav H6 {	
		color: #999999;	
		padding-bottom:	0.4ex;
		padding-top: 1ex;
		margin: 2.4ex;
		font-weight: bold;
		font-family: Arial, sans-serif;
	}

	.subNav H1	{	background:	#99CC00;	border: none;	margin-bottom:	2.4ex;}
	.subNav H2	{	background:	#003399;	border: none;	margin-bottom:	1.2ex;}	
	.subNav H3	{	font-size: 2.4ex;	border: none;	margin-bottom:	1.2ex;	}
	.subNav H4	{	font-size: 1.2em;	}
	.subNav H5	{	font-size: 1.2em;	}
	.subNav H6	{	font-size: 1.0em;	}
	
	.subNav P {	
		padding: 0;
		color: #ffffff;	
		margin: 1.2ex 2.4ex;
	}
	.subNav A {	
		font-weight: normal;
		color: #ffffff;
	}
	.subNav DIV {
	
		display: block;
		float: none;
	
		padding:	0;
		margin:		0 2.4ex;
		width:		43.2ex;
		text-align:	center;
		border:		none;
	}
	.subNav DIV A {
		color: #0099CC;
	}
	.subNavDIV IMG {
		float: none;
		margin: 1.2ex 2.4ex;
	}
	.subNav HR {
		height:1px;
		border: none;
		color: #e6e6e6;
		margin: 0 1.2ex;
	}
	
/*** Related Content (right column) ***/

	#relContent H1, #relContent H2 {	
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		/* use this to get around IE box model issues*/
		text-indent:	2.4ex;
		font-size:		3ex;	
		border-bottom: 1px solid #0066cc;	
		/*margin:		0 0 2.2ex 0;*/
		margin:		0px;
		/*padding:	0.7em 0.7em 0.7em 2.4ex;*/
		padding:	0.7em 0;
		color:		#ffffff;
		font:		1.2em Verdana, Arial, sans-serif;
		font-weight:	bold;
		display:	block;
		width:		100%;
	}
	#relContent H3 , #relContent H4,#relContent H5,#relContent H6 {	
		color: #333333;	
		padding-bottom:	0.4ex;
		padding-top: 1ex;
		margin: 2.4ex;
		font-weight: bold;
		font-family: Arial, sans-serif;
	}

	#relContent H1	{	background:	#99CC00;	margin-bottom:	2.4ex;}
	#relContent H2	{	background:	#003399;	}	
	#relContent H3	{	font-size: 2.4ex;	border-bottom: 1px solid #0066cc;	margin-bottom:	1.2ex;	}
	#relContent H4	{	font-size: 1.2em;	}
	#relContent H5	{	font-size: 1.2em;	}
	#relContent H6	{	font-size: 1.0em;	}
	
	#relContent P {	
		padding: 0;
		color: #333333;	
		margin: 1.2ex 2.4ex;
	}
	#relContent A {	
		font-weight: normal;
	}
	#relContent DIV {
	
		display: block;
		float: none;
	
		padding:	0;
		margin:		0;
		width:		100%;
		text-align:	center;
		background:	#ffffff;
		border:		none;
	}
	#relContent DIV IMG {
		float: none;
		margin: 1.2ex 2.4ex;
	}
	#relContent HR {
		height:1px;
		border: none;
		color: #e6e6e6;
		margin: 0 1.2ex;
	}