body
{
	margin: 0px;
}

P
{
	text-align: left ;
}

/* resolves issue with space after small images */
img
{
	display: block;
}

A
{
	text-decoration: underline;
	color: Blue;
}

.bold
{	
	font-weight: bold;
}

.outside
{
	border: 1px solid #C0C0C0;
	width: 800px;
	height: 600px;
}

.phone
{
	color: #731030;
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.leftsidebar
{
	border-left: 1px solid Gray;
	border-right: 1px solid Gray;
	width: 140px;
	height: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

.leftsidebar TD
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	line-height: 11px;
}

.leftsidebarheader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	margin: 0px 0px 5px 0px;
}

.mainbodyleft
{
	padding: 0px 30px 0px 80px;
}

/* we want the bullet to the left of the code, not on top */
.mainbodyleft img
{
	display: inline;
	vertical-align: middle;
}

.mainbodycenter
{
	padding: 0px 25px 0px 0px;
}

.mainbodycenter P, UL
{
	line-height: 16px;
	font-size: 10pt;
}

.mainbodycenterheader
{
	font-weight: bold;
	font-size: 12pt;
}

.mainbodycenterheadercolor
{
	color: #731030;
	font-weight: bold;
	font-size: 12pt;
}

.tm
{
	font-size: 6pt;
}
/* this causes firefox and opera to not place correctly
	when used in the .mainbody_ class
	background-attachment: fixed;
	background-position: bottom left;
*/

.mainbody_home
{
	background-image: url('images/b_home.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
.mainbody_imaging
{
	background-image: url('images/b_imaging.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
.mainbody_storage
{
	background-image: url('images/b_storage.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
.mainbody_microfilming
{
	background-image: url('images/b_microfilming.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
.mainbody_products
{
	background-image: url('images/b_products.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
.mainbody_support
{
	background-image: url('images/b_support.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
.mainbody_aboutus
{
	background-image: url('images/b_aboutus.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}
.mainbody_contactus
{
	background-image: url('images/b_contactus.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}

.documentaccess,
.documentaccess TD,
.documentaccess TH
{
	background-color: #F3F0ED;
	font-size: 10pt;
}

.documentaccessheader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.documentaccess A
{
	text-decoration: underline;
	color: Blue;
}

.footer
{
	color: Black;
	font-family: sans-serif;
	font-size:8pt;
	font-style: normal;
}

/* we want the bullet to the left of the code, not on top */
.footer img
{
	display: inline;
	vertical-align: middle;
}

.header_home
{
	background-image: url('images/h_home.gif');
}

.header_imaging
{
	background-image: url('images/h_imaging.gif');
}

.header_storage
{
	background-image: url('images/h_storage.gif');
}

.header_microfilming
{
	background-image: url('images/h_microfilming.gif');
}

.header_products
{
	background-image: url('images/h_products.gif');
}

.header_support
{
	background-image: url('images/h_support.gif');
}

.header_aboutus
{
	background-image: url('images/h_aboutus.gif');
}

.header_contactus
{
	background-image: url('images/h_contactus.gif');
}

.options1
{
	background-image: url('images/l_imaging.gif'); 
}
.options2
{
	background-image: url('images/l_storage.gif'); 
}
.options3
{
	background-image: url('images/l_microfilming.gif'); 
}
.options4
{
	background-image: url('images/l_products.gif'); 
}
.options5
{
	background-image: url('images/l_support.gif'); 
}
.options6
{
	background-image: url('images/l_aboutus.gif'); 
}

.submenu .options 
{
	margin-right: 1px;
	margin-bottom: 1px;
	background-color: #756558;
	text-align: left;
	display: block;
	border-color: #FFFFFF;
	border-width: 0px 1px;
	border-style: none solid;
}
.submenu a 
{
	color:#E1DED8;
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	display:block;
	padding:3px;
	text-decoration:none;
	background-color:transparent;
	border-bottom:1px solid #4B4038;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}
.submenu a:hover 
{
	background-color:#94806F;
	color:#FAF7E1;
	text-decoration:none;
}

.options1 a:hover 
{
	background-color:#58AB52;
}
.options2 a:hover 
{
	background-color:#FDB366;
}
.options3 a:hover 
{
	background-color:#94806F;
}
.options4 a:hover 
{
	background-color:#894C9F;
}
.options5 a:hover 
{
	background-color:#5772AA;
}
.options6 a:hover 
{
	background-color:#58A492;
}

.submenu a:visited 
{ color:#E1DED8;text-decoration:none; }

.submenu a.first {border-top:none;}

