* {
	padding:0;
	margin:0;
}
body {
	background-color: silver;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #000000;
	padding:0;
	margin:0; 
}
table {	font-size: 1em; }

A 			{ text-decoration: none; font-weight:600;}
a:link 		{ color: #333333; }
a:visited	{ color: #333333; }
a:hover		{ color: #333333; background-color: #aaaaaa}
a:active	{ color: #aaaaaa; }
a img,:link img,:visited img { border:none }

.link2 		{ color: #silver; }
.rec_title	{ color: #CC3333; }
.small 		{ font-size: .8em; }

table.frame { width: 100%; height: 100%; }
td.frame { text-align: center; }
div.indexContainer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 100%;
	text-align:center;
}
div.container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 100%;
	text-align:center;
}
#logo {	height: 45px; margin-top: 5px; margin-bottom: 2px; } 
#logo.color {
	width: 15px; height: 15px; float: left;
	margin-top: 15px; margin-right: 8px;
}
#logo H1 {
	color:#333333; font-size:16px; font-weight:800;
	font-family:verdana, arial, helvetica, sans-serif;
	letter-spacing: .2em;
	margin-right: 100px;
}
#headerLinksBox {
	width: 100%;
	height: 3em; 
	border-top: .1em solid #fff;
	border-bottom: .1em solid #fff;
}
#headerLinks {
	margin-left: auto; margin-right: auto;
	width: 800px; height: 2em;
}

div.headerLinksL {
	padding-top: 1.6em; padding-left: 1em; padding-right: 1em;
	float: left;
}
div.headerLinksR {
	padding-top: 1.6em; padding-left: 1em; padding-right: 1em;
	float: right;
}
div.colorBarTitleLeft {
	float:left; width: 50%;
	color:#333333; font-size:14px; font-weight:800;
	font-family:verdana, arial, helvetica, sans-serif;
}
div.colorBarTitleRight {
	float: right; width: 50%;
	color:#333333; font-size:14px; font-weight:800;
	font-family:verdana, arial, helvetica, sans-serif;
}
div.colorBarContainer {
	width: 900px;
}
div.colorBar {
	width: 210px; height: 550px;
	float: left;
	margin-right: 15px;
}
div.copyright {
	text-align:center;
	margin-bottom: 20px;
}

.colorBar ul { margin:1em 0em 0 0em; padding:0; }
.colorBar li {
	list-style-type:none; 
	margin:0; padding-top:10px; 
	text-indent: 2em;
	text-align: left;
}
h1 {
	color:#333333; font-size:14px; font-weight:800;
	font-family:verdana, arial, helvetica, sans-serif; /* Again, it's the logotype, so we want this control. */
	margin:0; padding:1.5em;
}
div.yellowBox {
	border: .2em solid #000000;
	background-color: #FFEA00;
	width: 700px; min-height: 400px;
	padding-top: 3em; padding-bottom: 3em;
	margin-top: 2%;	margin-left: auto; margin-right: auto;
}
div.yellowBox2 {
	border: .2em solid #000000;
	background-color: #FFEA00;
	position: absolute;
	width: 750px;
	padding-top: 1em; padding-bottom: 1em;
	margin-top: 2%;	margin-left: 11%;
}
div.results { padding: 1em; }
table.result { border: 1px solid #000000; }
td.result {
	min-width: 120px;
	height: 50px;
	padding-left: .2em;	padding-right: .2em;
	text-align: center;
	border: 1px solid #000000;
}
th.result {
	padding: .3em;
	text-align: center;
	border: 1px solid #000000;
}

#helpMenu {
	margin-left: auto; margin-right: auto; margin-top: 50px;
	width: 190px; 
	background-color: #FFFFCC;
	padding: 0px 0px 10px;
}
#helpMenu ul { margin:0 0 0 2em; padding:0; }
#helpMenu li {
	list-style-type:circle; 
	margin:0; padding-top:10px; 
	text-indent: -.5em;
	text-align: left;
}

#recordBar {
	float: left; width: 105px; 
	padding:10px 0px 0px;
}
#recordBar ul { margin:0 0 0 0em; padding:0; }
#recordBar li {
	list-style-type:none; 
	margin:0; padding-top:10px; 
	text-indent:-1em;
	text-align: right;
}

#record {
	float: right;
	width: 870px;
	border: 1px solid #000000;  
	padding: 1px;
	background-color: #EEEEEE;
}
#record div { 
	padding: 2px; 
	text-align: left; line-height: 1.3em;
	background-image:url(./images/dotted_vertical.gif);
	background-repeat:repeat-x; 
}
#record #title { 
	float: left; width: 460px; min-height: 2em; 
	background-image:url(./images/blank.gif);
}
#record #inv { 
	border-left: 1px solid #000000; 
	float: left; width: 230px; height: 2em; 
	background-image:url(./images/blank.gif)
}
#record .leftCol { float: left; width: 460px; min-height: 40px; }
#record .support { border-left: 1px solid #000000; float: left; width: 195px; min-height: 40px; }
#record #image { border-left: 1px solid #000000; float: right; width: 401px; height: 300px; text-align: center}
div #files_list { font-size: .8em; border: 0; padding: 0; }
#record .rightCol { float: right; width: 401px; min-height: 40px; border-left: 1px solid #000000}