body {
background-color: #241F1F;
margin: 0px;
}

A {
	letter-spacing: 1em;
	font-family: "Times New Roman", Times, serif;
	font-size: 12;
	color: #000000;
	text-decoration: none;
}
A.white {
color: #ffffff;
}
.credit {
color: #666666;
font-size: 11px;
letter-spacing: .5em;
}
IMG {
border:0px;
}
P {
font-family: Times;
font-size: 12px;
letter-spacing: .2em;
}
/* ================================================== */
/* apply the .noEscape class to any object that needs
to contain a float object.  see documentation: 
http://www.positioniseverything.net/easyclearing.html */
.noEscape:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.noEscape {display: inline-table;}
/* Hides from IE-mac \*/
* html .noEscape {height: 1%;}
.noEscape {display: block;}
/* End hide from IE-mac */
/* ================================================== */
-->

#container {
width: 832px;
height: 435px;
background: #000000;
margin: 20px 0 5px 30px;
}

#container .left {
float: left;
margin: 4px 2px 2px 4px;
width: 407px;
height: 421px;
text-align: center;
}
#container .comp_left {
float: left;
background: #ffffff;
margin: 4px 2px 2px 4px;
width: 407px;
height: 421px;
text-align: center;
overflow: auto;
}
.item {
margin: 10px;
width: 358px;
border: 1px solid #000000;
overflow: auto;
}

#container .right {
float: right;
margin: 4px 4px 2px 2px;
width: 407px;
height: 421px;
background-image: url(web_images/wht_bg.gif);
}

.header {
width: 358px;
height: 21px;
margin: 20px 22px;
}

table#nav {
width: 305px;
height: 325px;
margin-left: 13px;
padding: 0;
border: 1px;
border-collapse: collapse;
}

table#nav td {
text-align: left;
valign: top;
padding: 0px;
}

table#nav td.web {
width: 77px;
}
table#nav td.text {
width: 228px;
}

#footer {
margin: 0 0 0 30px;
height: 14px;
width: 828px;
}
#footer .logo {
float: left;
height: 14px;
width: 300px;
text-align: left;
}

#footer .email {
float: right;
height: 14px;
width: 23px;
text-align: right;
}