html, body	{height: 100%; width: 100%; margin: 0; padding: 0; border: 0;}

.thetable		{
position: relative;
display: table; 
margin: 0;
padding: 0;
border: 0; 
clear: both;
border-spacing: 0; /* required by Opera 6 */
}

 /* hide this from opera6 */
head:first-child+body div.thetable {height: 100%;}

.tablerow		{display: table-row;}

.tablecell	{
display: table-cell;
border: 0;
padding: 0;
margin: 0; 
padding-top: 100px; 
padding-bottom: 50px;
vertical-align: top;
min-height: 100%; /* opera6 needs min-height but moz/IE needs height */
}

 /* hide this from opera6 */
head:first-child+body div.tablecell {height: 100%;}
/* added for mozilla which worked for others too, but op6 still needed min-height so hide this rule */

.one				{
width: 200px; 
position: relative;
background:#FFFFFF;
z-index: 5;
}
.two				{
width: 587px; 
position: relative;
}
.three			{
width: 200px; 
background: #FFFFFF
position: relative;
}

#header		{
	position: absolute;
	top: 0;
	left: 0;
	color: #ffffff;
	z-index: 10;
	border-bottom: none;
	background-color: #1D83B6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#footer			{
	clear: both;
	position: relative;
	height: 40px;
	margin-top: -40px;
	margin-bottom: 40px; /* required for Opera 6 to show background color but others don't like it so hide the value of 0 from it */
	z-index: 15;
	font-size: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #99CCFF;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#space{
	padding: 0px;
	border-right: none;
	width: 200px;
	background-color: #FFFFFF;
	height: 30px;
}
#globalNav{
	color: #cccccc;
	padding: 3px 0px 3px 10px;
	white-space: nowrap;
	background-image: url(/images/back.jpg);
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #003366;
	height: 24px;
	width: 1000px;
}
#siteName{
	margin: 0px;
	padding: 6px 14px 0px 10px;
	float: left;
	font-size: 10px;
	}

 /* hide this from opera6 */
head:first-child+body div#footer {margin-bottom: 0;}


/* some general formatting styles */
body, legend, label{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	}
a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
input {
	margin: 6px;
}
td {
	margin-left: 10px;
}

a:hover {
	text-decoration: none;
	background-color: #C6EFFF;
}

p		{padding: 0.5em 1em 0 1em; margin: 0;}

ul	{padding-right: 0.5em;}

/* removing margins from headings corrects an Opera 6 display error */
h1{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;
	color: #006699; padding: 0.5em 1em; margin: 0;}
h1	{font-size: 1.4em;}
h2  {
	font-size: 16px;
	color: #0099FF;
	padding: 0.5em 1em; 
	margin: 0;
}
h3	{font-size: 1em;}

#navBar ul a:link, #navBar ul a:visited {
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom: none;
	background-color: #EAF9FF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #99CCFF;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {
	border-bottom: none;
}
/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	width: 200px;
	margin: 0px;
	padding: 0px;
	font-size: 89%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #99CCFF;
	border-right-color: #99CCFF;
	border-bottom-color: #99CCFF;
	border-left-color: #99CCFF;
}

#sectionLinks a:link, #sectionLinks a:visited{
	border-top: none;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	height: 30px;
	padding-top: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99CCFF;
}

#sectionLinks a:hover{
	border-top: none;
	width: auto;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	height: 30px;
	padding-top: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99CCFF;
	color: #0066CC;
	text-decoration: none;
	background-color: #E0DDF9;
}
#topleft{
	padding: 0px;
	border-right: 1px solid #00CCFF;
	width: 200px;
	background-image: url(/images/backer.gif);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #00CCFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00CCFF;
	margin: 0px;
}
	
#mid{
	border-right: 1px solid #00CCFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #00CCFF;
	border-top-width: 4px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00CCFF;
	border-bottom-color: #00CCFF;
	padding: 3px 3px 3px 3px;
	}
	#boxes{
	width: 200px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #003366;
	}
.loud{
 padding: 3px 0px 0px;
 font-size: 20px;
 color: #0099FF;
}
.table_text {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: normal;
	color: #3A66BC;
	border: 1px solid #00CCFF;
	background-color: #FFFFCE;
}
#define {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: normal;
	color: #3A66BC;
	border: 1px solid #00CCFF;
	background-color: #FFFFCE;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #3A66BC;
	border: 1px #00CCFF;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}