html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: black;
	background-color: white;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#wholepage { /* everything goes in this div. This helps MSIE's "email this page" function. It
fills in the background between mid and bottom divs. */
	position: relative;
	top: 0;
	left: 0;
	margin: 10px auto 40px auto;
	padding: 0;
	width: 817px;
	background-image: url(../images/bgslice.gif);
	background-repeat: repeat-y;
	text-align: left;
}

div#top {	/* The top part of each page - holds the menu */
	position: absolute;
	top: 0;
	left: 0;
	width: 817px;
	height: 90px;
	overflow: visible;
	z-index: 50;
	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
}

div#logo {	/* cover the logo portion of the top banner. The HTML puts a transparent img as a link here */
	position: absolute;
	top: 0px;
	left: 10px;
	width: 210px;
	height: 90px;
	z-index: 60;
	background-color: transparent;
}

div#logo img {
	width: 210px;
	height: 90px;
}

div#oldbrmenu { /* non-displayed menu area for use by non-graphical and older browsers */
	position: static;
	background-color: white;
	padding: 10px 20px;
	color: #999999;
	text-align: center;
}

div#mid {	/* This div comes right below div#top. It is static and can be up to 325 pixels tall
(actually it starts right at the top but has padding where the top div goes. The background image is
415 pixels tall, so 415 - 90 gives 325 usable height pixels.)
This div will normally old the page heading and perhaps the intro paragraph.
*/
	position: static;
	background-image: url(../images/mid.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding-top: 90px;
	padding-left: 290px;
	padding-right: 25px;
	z-index: 10;
}

body.home div#mid { /* the home page has a different (same size) background image */
	background-image: url(../images/home-mid.gif);
}

div#bottom { /* This div holds most of the page body. It is a static and floats below mid#div.
The background image goes at the bottom. Background fill-in between mid#div and mid#bottom is
covered by div#wholepage. */
	position: static;
	background-image: url(../images/bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-left: 290px;
	padding-bottom: 40px;
	padding-right: 25px;
	margin: 0;
	z-index: 10;
}

body.home div#bottom {
	padding-left: 260px;
	margin-top: 12px;
}

div#leftquote { /* place for a testimonial quote */
	position: absolute;
	top: 180px;
	left: 45px;
	width: 200px;
	height: auto;
	overflow: visible;
	font-size: 11px;
	line-height: 16px;
	font-style: italic;
	color: #444444;
	background-color: transparent;
}

body.home div#leftquote {
	top: 440px;
	left: 35px;
}

div#leftoverlay { /* add the left-hand part of the home page illustration in an absolutely-positioned div.
The HTML should only go on the home page, but we make it display: none here just in case it strays in elsewhere. */
	position: absolute;
	top: 146px;
	left: 0;
	width: 248px;
	height: 269px;
	background-image: url(../images/home-leftoverlay.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 70;
	display: none;
}

body.home div#leftoverlay {
	display: block;		/* make the illustration overlay visible on the home page */
}

div#leftquote p.byline {
	margin-left: 25px;
}

div.homecol {	/* for two-column text on the home page */
	float: left;
	margin-right: 15px;
	width: 250px;
}

h1 {
	font-size: 47px;
	line-height: 49px;
	color: #197aaa;
	background-color: transparent;
	margin: 0 0 8px 0;
	padding: 0;
}

body.home h1 {
	margin-bottom: 0;
	line-height: 49px;
}

h1.small {
	font-size: 44px;
}

h1.smaller {
	font-size: 40px;
}

h2 {
	font-size: 16px;
	line-height: 18px;
	color: black;
	background-color: transparent;
	font-style: italic;
	margin: 0 0 8px 0;
	padding: 0;
	font-weight: bold;
}

body.home h2 {
	font-size: 24px;
	font-weight: normal;
	text-align: right;
	text-indent: 10px;
	margin-top: 0;
	line-height: 24px;
	margin-bottom: 8px;
	color: #e17b00;
}

h3 {
	font-size: 16px;
	line-height: 18px;
	color: black;
	background-color: transparent;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

body.home h3 {
	color: #197aaa;
}

em.h3 {
	color: #197aaa;
	font-weight: bold;
	font-size: 120%;
}

p {
	margin-top: 8px;
	margin-bottom: 8px;
}

p.nobmar {
	margin-bottom: 0;
}

p.last {
	margin-top: 0;
	padding-right: 130px;
	padding-bottom: 20px;
}

p.intro {
	font-size: 15px;
	font-weight: bold;
	color: #e17b00;
	background-color: transparent;
}

p.intro b {
	font-weight: bolder;
	font-size: 18px;
}

dl {
	padding: 0;
	margin: 8px 0;
}

dl dt {
	padding: 0;
	margin: 2px 0;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

dl dd {
	padding: 0;
	margin: 2px 0 2px 20px;
}

em {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

ol {
	padding: 0;
	margin: 8px 0 8px 35px;
}

ol li {
	margin: 3px 0;
	padding: 0;
}

ul.arrow {
	padding: 0;
	margin: 8px 0 8px 20px;
	list-style-type: none;
	background-color: white;
}

ul.arrow li {
	margin: 3px 0;
	padding: 0 0 0 20px;
	background-color: white;
	background: url(../images/arrow.gif) no-repeat 0 6px;
}

ul.arr2 {
	padding: 0;
	margin: 8px 0 8px 30px;
	list-style-image: url(../images/arrow-ie.gif);
	background-color: white;
}

ul.arr2 li {
	margin: 3px 0;
	padding: 0 0 0 10px;
}

img {
	border: none;
}

.hi1 {
	background-color: #ecd990;
}

.hi2 {
	color: #e17b00;
}

.hi3 {
	color: #197aaa;
}

:link, :visited {
	display: inline;
	margin: 0;
	text-decoration: none;
	color: #197aaa;
	background-color: transparent;
	font-weight: bold;
}

:link:focus, :visited:focus {
	color: #197aaa;
	background-color: transparent;
}

/* if :link and :visited have any different styles, they go here */

:link:hover, :visited:hover {
	color: #e17b00;
	background-color: transparent;
}

:link:active, :visited:active {
	color: #e17b00;
	background-color: transparent;
}

#oldbrmenu a, #oldbrmenu a:link, #oldbrmenu a:visited, #oldbrmenu a:active {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	padding: 2px 10px;
	border-right: 1px solid #999999;
}

#oldbrmenu a:hover {
	color: #666666;
}

#oldbrmenu a.last, #oldbrmenu a.last:link, #oldbrmenu a.last:visited, #oldbrmenu a.last:active, #oldbrmenu a.last:hover {
	border-right: none;
}

.cen {
	text-align: center;
}

table#fq {
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	margin-left: auto;
	margin-right: auto;
}

table#fq td, table#fq th {
	padding: 10px;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	vertical-align: top;
}

table#fq th, table#fq h3 {
	text-align: center;
}

table#fq th {
	font-size: 14px;
}

table#fq td.c1 {
	vertical-align: middle;
}

table#fq ul {
	margin: 0.4em 0;
	padding: 0 0 0 12px;;
}

table#fq li {
	margin: 0.4em 0;
	padding: 0;
}

div.big  {
	font-size: 120%;
	margin-top: 15px;
}

/* form definitions */
form {
	line-height: 1.3em;
}

form fieldset {
	border: 1px solid gray;
	padding: 10px;
	width: 460px;
	margin: 20px 0;
}

form table {
	width: 440px;
	padding: 0;
	margin: 15px 0 0 0;
	font-size: 100%;
}

form td {
	vertical-align: top;
	padding: 4px 0;
}

form td.prmpt {
	text-align: right;
	padding-right: 8px;
	width: 150px;
}

form input {
	width: 240px;
}

form textarea {
	width: 450px;
}

form input.submit {
	width: 120px;
}

form input.check {
	width: 20px;
}

form legend {
	color: #444444;
}

p.formerr {
	color: red;
}

div.cbctrl {
	display: none;
}

.fl {
	float: left;
}

.mr {
	margin-right: 60px;
}

.smr {
	margin-right: 10px;
}