body		{ font: .8em verdana, arial, sans-serif; 
			  line-height: 1.5;
			  color:black;
			  margin-left: 0px; 
			  margin-right: 0px; 
			  background: #DEF0FE url('http://www.ThorNorthWest.com/_Graphics/ThorBackground.png');
			  border: #D25E2B solid;
			  border-width: 4px 0 0 0; /* Top Orange Border */
			}

*			{ margin:0;
			  padding:0;
			}

p			{ font-size: 85%;
			  color: #000000;
			  font-family: Verdana, Arial, sans-serif;
			  margin: 0 0 0.5em 1em;
			}

hr			{ color: #2105AF; margin: 3px 0 3px 0;}

h1			{ font-size: 18pt; font-family: verdana, arial, helvetica, sans-serif; color: #403220; text-align: center; margin: 0 0 0 0;
			}

h2			{ font-size: 16pt; font-family: verdana, arial, helvetica, sans-serif; color: #403220; text-align: center; margin: 0.5em 0 0.5em 0;
			}

h3			{ font-size: 14pt; font-family: verdana, arial, helvetica, sans-serif; color: #403220; text-align: center; margin: 0.5em 0 0.5em 0;
			}

h4			{ font-size: 12pt; font-family: verdana, arial, helvetica, sans-serif; color: #403220; text-align: center; font-style: bold; margin: 0.5em 0 0.5em 0;
			}

h5			{ font-size: 10pt; font-family: verdana, arial, helvetica, sans-serif; color: #403220; text-align: center; font-style: bold; margin: 0.5em 0 0.5em 0;
			}

/* Navigation Buttons */
div.button	{width:116px; height:31px; top:0px; right:0px; left: 0px; bottom:0px;}
a.roll		{ width: 116px; 
			  height: 31px; 
			  padding-top: 9px;
			  display: block; 
			  font: bold 7pt verdana, arial, sans-serif;
			  text-align: center;
			  background-image:  url("http://www.ThorNorthWest.com/_Graphics/Button_Link.png");
			  background-repeat: no-repeat;
			}
			  div.button a.roll:link    { background-image:  url("http://www.ThorNorthWest.com/_Graphics/Button_Link.png");
										  color: white;
										  text-decoration: none;
										  margin-left: 10px;
										}
			  div.button a.roll:visited	{ background-image:  url("http://www.ThorNorthWest.com/_Graphics/Button_Visited.png");
										  color: black;
										  text-decoration: none;
										  margin-left: 10px;
										}
			  div.button a.roll:hover   { background-image:  url("http://www.ThorNorthWest.com/_Graphics/Button_Hover.png");
										  color: black;
										  text-decoration: underline;
										  margin-left: 10px;
										}
			  div.button a.roll:active  { background-image:  url("http://www.ThorNorthWest.com/_Graphics/Button_Active.png");
										  color: white;
										  text-decoration: none;
										  margin-left: 10px;
										}

div#mainwrapper { min-width:  760px;
				  max-width: 1280px; /* centers layout when > max width */
				  margin-left:  5px;
				  margin-right: 5px;
				} 

div#headerwrapper {
			width: auto;
			height: 122px;
			background: #DEF0FE url('http://www.ThorNorthWest.com/_Graphics/ThorBackground.png');
			border: #384A98 solid;
			border-width: 0 0 3px 0;
			}

div#headerlogo {
			float: left;
			width: 179px;
			margin: 0 4px 3px 0;
			/* background-color: #FCC; */
			}

div#headertitle {
			float: left;
			width: auto;
			padding-top: 60px;
			font-size: 30px;
			font-weight: bold; 
			font-style: italic;
			text-align: center;
			color: #000000; 
			font-family: Verdana, Arial, sans-serif; 
			letter-spacing: .2em;
			margin: 0 0 0 0; 
			}

div#footerwrapper { width: 100%;
				  min-width:  760px;
				  max-width: 1280px; /* centers layout when > max width */
				  font-size:  85%;
				  font-family: verdana, arial, helvetica, sans-serif;
				  text-align: center;
				  background: #DEF0FE url('http://www.ThorNorthWest.com/_Graphics/ThorBackground.png');
				  clear: both;
				  float: left;
				  border: #D25E2B solid;
				  border-width: 4px 0 0 0;
				} 

/* Aslett Clearing Method */
	.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
			}

	.clearfix {display: inline-table;}
			/* a fix for the MAC */

	/* backslash hack hides from IE MAC \*/
	* html  .clearfix {height: 1%}
			.clearfix {display: block;}
	/* end backslash hack */

#threecolwrap {
		  float: left;
		  width: 100%;
			}

#twocolwrap {
		 	float: left;
			width: 100%;
			display: inline; /* stops IE doubling  margin on float*/
			margin-right: -183px; /* CWS - neg margin move */
			}

#nav {
		 	float: left;
		 	width: 165px;
			margin: 0 4px 0 0;
			display: inline; /* stops IE doubling  margin on float*/
			border-width: 0 0 0 0;
			/* background: #DEF0FE url('http://www.ThorNorthWest.com/_Graphics/ThorBackgroundNav.png'); */
			}

#content {
		 	width: auto;
		 	margin-left:  150px;
		 	margin-right: 180px;
			padding-left:  15px;
			border: #384A98 solid;
			border-width: 0 0 0 2px;
			/* add background */
		 	}

#notready {
		 	width: auto;
		 	margin-left:	15px;
		 	margin-right:	15px;
			padding-left:	15px;
			margin-top:		150px;
		 	}

#rightcolumn {
		 	float: left;
		 	width: 180px; 
			border: #384A98 solid;
			border-width: 0 0 0 0px;
			}

#footer {
		 	width: 100%;
		 	clear: both;
		 	float: left;
			border: #D25E2B solid;
			border-width: 3px 0 0 0;
		 	}
/* end of structural styles */ 

/* a few more styles to help you see what's going on */
div#header { /* background-color:#E3D5C8; */ }

div#nav {
			/* background-color:#E3D5C8;
			background: #DEF0FE url('../_Graphics/navBackground.gif'); */
			}

div#rightcolumn {
			/* background-color:#E3D5C8; */
			}

div#footer {
			/* background-color:#E3D5C8; */
			}
ul			{
			list-style-type: disc;
			font-weight: normal; 
			font-style: normal;
			text-align: left;
			color: blue;
		 	margin-left: 40px;
			margin-right: 5px;
			}

ul li		{
			margin-bottom: 9px;
			}

ul li ul	{
			list-style-type: disc;
			color: blue;
			margin-top:		5px;
			margin-left:	10px;
			margin-bottom:	5px;
			}
ol			{
			list-style-type: disc;
			font-weight: normal; 
			font-style: normal;
			text-align: left;
			color: #000000;
		 	margin-left: 40px;
			margin-right: 5px;
			}
ol li		{
			margin-bottom: 9px;
			}

ol li ul	{
			list-style-type: disc;
			color: blue;
			margin-top:		5px;
			margin-left:	10px;
			margin-bottom:	5px;
			}

/* original set */

div#listcontainer			{ width:165px;
							  font-size: 1.3em;
							}
div#listcontainer ul		{ border:0;
							  margin:12px 20px 12px .25em;
							  padding:0;
							  list-style-type:none;
							}
div#listcontainer li		{ border-top:1px solid #069;
							  border-left:4px solid #069;
							  margin:0 0 4px 0;
							  padding:.3em 0;
							  text-indent:.5em;
							}
div#listcontainer a			{ text-decoration:underline;
							  color:#069;
							}
div#listcontainer a:hover	{ text-decoration:none;
							  color: #F33;
							}

.leftnav					{ background: #ffdfbf;
							  border-right: 1px solid black;
							  border-bottom: 1px solid black;
							  margin: 0;
							  padding: 0 0 5em 0;
							  width: 10em;
							  float: left;
							}

.midcol						{ width:45em;
							  margin-left:10em;
							  margin-right:3em;
							  margin-top:-47em;
							  margin-bottom:1em;
							  padding-left:1.5em;
							  padding-right:0;
							  padding-top:0;
							  padding-bottom:0;
							}

.rightcol					{ width: 10em;
							  margin-left:45em;
							  margin-right:3em;
							  margin-top:-33em;
							  margin-bottom:1em;
							  padding-left:1.5em;
							  padding-right:0;
							  padding-top:0;
							  padding-bottom:0;
							  float: right;
							}


.header						{ font-size: 100%;
							  FONT-FAMILY: verdana, arial, helvetica, Sans-serif;
							  font-weight: bold;
							}

.infotext					{ font-size:  100%;
							  color: #000000;
							  font-family: verdana, arial, helvetica, sans-serif;
							  margin: 0 0 0.5em 3em;
							}

li							{ font-size:  90%;
							  color: #000000;
							  font-family: verdana, arial, helvetica, sans-serif;
							}

.sublines					{ font-size:  100%;
							  FONT-FAMILY: verdana, arial, helvetica, sans-serif;
							  font-weight: bold;
							  margin: 0.5em 0 0.5em 1em;
							}

.annualRate					{ font-size:  100%;
							  color: #000000;
							  font-family: verdana, arial, helvetica, sans-serif;
							  font-weight: bold;
							}

.monthlyRate				{ font-size:  100%;
							  color: #FF4040;
							  font-family: verdana, arial, helvetica, sans-serif;
							  font-weight: bold;
							}

.paidInFull					{ font-size:  100%;
							  color: #008080;
							  font-family: verdana, arial, helvetica, sans-serif;
							  font-weight: bold;
							}

.discounted					{ font-size:  100%;
							  color: #008000;
							  font-family: verdana, arial, helvetica, sans-serif;
							  font-weight: bold;
							  font-style: italic;
							}
/* Tool Tips */
/* Usage: <a class=infoXX href="#">This is a tooltip <span>an aiding text that appears just when you roll on with the mouse</span></a> */
/* Lower Right */
a.infoLR			{
					position: relative; /*this is the key*/
				    z-index: 25;
					/* background-color: #cccccc; */
					color: #000000;
				    text-decoration: none;
					border-top-style: dotted;
					border-top-width: 1px;
					border-bottom-style: dotted;
					border-bottom-width: 1px;
					cursor: help;
					}

a.infoLR:hover		{
					z-index: 25;
					background-color: #ffffde
					}

a.infoLR span			{
					display: none
					}

a.infoLR:hover span	{ /*the span will display just on :hover state*/
				    display: block;
				    position: absolute;
				    top: 3em;		/* This is the position of the box when visable in relation to the text */
					left: 2em;
					width: 20em;	/* This is how Wide the box is */
					padding-top: 2px;
					padding-left: 6px;
					padding-bottom: 2px;
					padding-right: 4px;
				    border: 1px solid #000000;
				    background-color: #ffffde;
				    text-align: left;
					text-decoration: none;
					font-style: normal;
					font-size: 10pt;
					color: #000000;
					font-family: Verdana, Arial, sans-serif
					}
/* Upper Left Big Amount of content*/
a.infoULb			{
					position: relative; /*this is the key*/
				    z-index: 25;
					/* background-color: #cccccc; */
					color: #000000;
				    text-decoration: none;
					border-top-style: dotted;
					border-top-width: 1px;
					border-bottom-style: dotted;
					border-bottom-width: 1px;
					cursor: help;
					}

a.infoULb:hover		{
					z-index: 25;
					background-color: #ffffde
					}

a.infoULb span			{
					display: none
					}

a.infoULb:hover span	{ /*the span will display just on :hover state*/
				    display: block;
				    position: absolute;
				    top: -25em;		/* This is the position of the box when visable in relation to the text */
					left: -25em;
					width: 25em;	/* This is how Wide the box is */
					padding-top: 2px;
					padding-left: 6px;
					padding-bottom: 2px;
					padding-right: 4px;
				    border: 1px solid #000000;
				    background-color: #ffffde;
				    text-align: left;
					text-decoration: none;
					font-style: normal;
					font-size: 10pt;
					color: #000000;
					font-family: Verdana, Arial, sans-serif
					}

/* Upper Left Small Amount of content*/
a.infoULs			{
					position: relative; /*this is the key*/
				    z-index: 25;
					/* background-color: #cccccc; */
					color: #000000;
				    text-decoration: none;
					border-top-style: dotted;
					border-top-width: 1px;
					border-bottom-style: dotted;
					border-bottom-width: 1px;
					cursor: help;
					}

a.infoULs:hover		{
					z-index: 25;
					background-color: #ffffde
					}

a.infoULs span			{
					display: none
					}

a.infoULs:hover span	{ /*the span will display just on :hover state*/
				    display: block;
				    position: absolute;
				    top: -3em;		/* This is the position of the box when visable in relation to the text */
					left: -22em;
					width: 20em;	/* This is how Wide the box is */
					padding-top: 2px;
					padding-left: 6px;
					padding-bottom: 2px;
					padding-right: 4px;
				    border: 1px solid #000000;
				    background-color: #ffffde;
				    text-align: left;
					text-decoration: none;
					font-style: normal;
					font-size: 10pt;
					color: #000000;
					font-family: Verdana, Arial, sans-serif
					}

/* Upper Right Big Amount of content*/
a.infoURb			{
					position: relative; /*this is the key*/
				    z-index: 25;
					/* background-color: #cccccc; */
					color: #000000;
				    text-decoration: none;
					border-top-style: dotted;
					border-top-width: 1px;
					border-bottom-style: dotted;
					border-bottom-width: 1px;
					cursor: help;
					}

a.infoURb:hover		{
					z-index: 25;
					background-color: #ffffde
					}

a.infoURb span			{
					display: none
					}

a.infoURb:hover span	{ /*the span will display just on :hover state*/
				    display: block;
				    position: absolute;
				    top: -25em;		/* This is the position of the box when visable in relation to the text */
					left: +15em;
					width: 25em;	/* This is how Wide the box is */
					padding-top: 2px;
					padding-left: 6px;
					padding-bottom: 2px;
					padding-right: 4px;
				    border: 1px solid #000000;
				    background-color: #ffffde;
				    text-align: left;
					text-decoration: none;
					font-style: normal;
					font-size: 10pt;
					color: #000000;
					font-family: Verdana, Arial, sans-serif
					}


/* Images with underlying Information */
/* Usage: <img class=info src=" "> */
img.info				{
					cursor: help;
					}

img.info:hover		{
					background-color:#ffff00;
					}

/* Image Formatting */
/* Usage: <img class=NoFrame > */

img.NoFrame			{
					padding-top: 3px;
					padding-left: 3px;
					padding-bottom: 3px;
					padding-right: 3px;
				    border: 0px solid #000000;
				    background-color: #ffffde;
				    text-align: left;
					text-decoration: none;
					font-style: normal;
					font-size: 8pt;
					color: #000000;
					font-family: Verdana, Arial, sans-serif
					}