body {
	color: #000000;
	background-color: #FFFFFF;
	font-family: verdana, georgia, sans-serif;
	font-size: 80%;
	width: 95%;
	margin: auto;
	}

/****************************
 Table.logoheader contains the logo and (except for main page), the  page title.
 ****************************/

table.logoheader {
	width: 100%;
	margin-top: 10px;
	}

td.logo {
	vertical-align: top;
	width: 210px;}

td.quote {
	vertical-align: top;
	text-align: right;
	font-family: times, serif;
	}

td.pagetitle {
	vertical-align: middle;
	text-align: center;
	color: #0033FF;
	font-weight: normal;
	font-size: 200%;
	}
	

/****************************
 Table.navbar is horizontal and holds the main navigation menu. The width of each td
 cell will be set in the table structure, to allow for future changes. 
 ****************************/

table.navbar {
	border-collapse: collapse;
	width: 100%;
	}

table.navbar td {
	border: 1px solid #CCCCCC;
	background-color: #0033FF;
	text-align: center;
	}

table.navbar td a{
	display: block;
	width: 98%;
	padding: 3px;
	text-decoration: none;
	font-size: 90%;
	font-weight: bold;
	}

table.navbar td a:link, table.navbar td a:visited {
	color: #FFFFFF;
	background-color: #0033FF;
	}

table.navbar td a:hover, table.navbar td a:active {
	color: #000000;
	background-color: #CCCCFF;
	}

div.bodytext {
	margin-left: 135px;
	} 

/******************************
 div.rightcol holds the google ads
************************************/

div.rightcol {
	width: 170px;
	padding-right: 25px;
	padding-left: 25px;
	float: right;
	}

/****************************
 Table.sidebar is for detailed menus for each main section of the site. Links are shown
 slightly indented and will change background color on hover. It is contained within div.bodytext
 ****************************/

div.sidebar {
	width: 130px;
	position: absolute;
	left: 2.5%;
	background-color: #CCCCFF;
	font-size: 80%;
	}


table.sidebar {
	width: 125px;
	margin-top: 20px;
	border-collapse: collapse;
	}

table.sidebar td {
	text-align: left;
	background-color: #CCCCFF;
	font-weight: bold;
	}

table.sidebar td a{
	display: block;
	width: 98%;
	padding: 5px;
	text-decoration: none;
	}


table.sidebar td a:hover, table.sidebar td a:active {
	color: #FF0000;
	background-color: #FFFFFF;
	}

/****************************
 div.forms is used inside the div.bodytext tag on forms. It's purpose is to reduce the font size
 ****************************/


div.forms {
	font-size: 90%;
	font-weight: bold;}

p.footer {
	font-size: 80%;
	margin-left: 135px;
	}

h1 {color: #0033FF;
	text-align: center;
	font-weight: normal;}

h2 {color: #0033FF;
	text-align: center;
	font-weight: normal;}

h3 {color: #0033FF;
	text-align: left;
	font-weight: bold;}

h4 {color: #0033FF; }

/****************************
The following codes are used for the collecting terms (visual aids) pages.
 ****************************/

div.va img {
	margin-left: 0px;
	padding-right: 10px;
	float: left;}

div.va td {vertical-align:top;}

div.va p {margin-top: 0px;}

div.va ol {list-style-position: inside;}

div.va hr {color: #0033ff;
	height: 3px;
	width: 100%;
	clear: both;
	}