/* page appearance */
body {
	background-color:#B5BD97;
	font-family:Arial, Helvetica, sans-serif;
}

.wholepage {
	background-color: #FFFFFF;
	width: 750px;
	border:solid 1px #838473;
}

/* navigation */
.header
{
	height:180px;
	width:100%;
	vertical-align:top;
	text-align:right;
	overflow:visible;
}
.logo
{
	background-image:url(/images/home.gif);
	display: inline;
	width:113px;
	height:130px;
	vertical-align:top;
	padding:0px;
	margin:0px;
	border:0px;
}
.logo a img
{
	background-image:url(/images/home.gif);
	vertical-align:top;
	padding:0px;
	margin:0px;
	border:0px;
}
.logo a:hover img
{
	background-image:url(/images/home-hover.gif);
	vertical-align:top;
}

.services
{
	padding:0px;
	display: inline;
	width:103px;
	height:130px;
	vertical-align:top;
	margin:0px;
}
.services a img
{
	background-image:url(/images/services.gif);
	vertical-align:top;
	padding:0px;
	margin:0px;
	border:0px;
}
.services a:hover img
{
	background-image:url(/images/services-hover.gif);
	vertical-align:top;
}

.products
{
	padding:0px;
	display: inline;
	width:103px;
	height:130px;
	vertical-align:top;
	margin:0px;
	border:0px;
}
.products a img
{
	background-image:url(/images/products.gif);
	vertical-align:top;
	padding:0px;
	margin:0px;
}
.products a:hover img
{
	background-image:url(/images/products-hover.gif);
	vertical-align:top;
	border:0px;
}

.customers
{
	padding:0px;
	display: inline;
	width:103px;
	height:130px;
	vertical-align:top;
	margin:0px;
	border:0px;
}
.customers a img
{
	background-image:url(/images/customers.gif);
	vertical-align:top;
	padding:0px;
	margin:0px;
	border:0px;
}
.customers a:hover img
{
	background-image:url(/images/customers-hover.gif);
	vertical-align:top;
}
.about
{
	padding:0px;
	display: inline;
	width:103px;
	height:130px;
	vertical-align:top;
	border:0px;
	margin:0px;
}
.about a img
{
	background-image:url(/images/about.gif);
	vertical-align:top;
	padding:0px;
	margin:0px;
	border:0px;
}
.about a:hover img
{
	background-image:url(/images/about-hover.gif);
	vertical-align:top;
}

.company
{
	padding:0px;
	background-color:#37382B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffe6;
	width:100%;
	text-align:center;
	height:20px;
	vertical-align:middle;
}

.toc-bg
{
	background-color:#003300;
	border-right:1px solid #003300;
	border-left:1px solid #003300;
	border-bottom:3px solid #003300;
	height:42px;
	vertical-align:top;
	color: #FFFFE6;
}
.toc
{
	display:inline;
	font:Arial;
	color: #FFFFE6;
	font-size:12px;
	border-right:1px solid #ffffe6;
}
.toc a
{
	color:#FFFFE6;
	font-weight:bold;
	padding-right:10px;
	padding-left:10px;
	text-decoration:none;
	border-bottom:3px solid #37382B;
}
.toc a:hover
{
	border-bottom:3px solid #ffffe6;
	background-color:#37382B;
}
.sidetoc
{
	clear:left;
	padding-right: 5px;
	margin-right:5px;
	border:1px solid #37382B;
	background-color:#B5BD97;
	background-repeat:repeat;
	display:block;
	width:11em;
	text-decoration:none;
	line-height:2em;
	font-size:12px;
}
.sidetoc a
{
	text-decoration:none;
	border-left:3px solid #B5BD97;
	width:100%;
	font-weight:bold;
	color:#37382B;
}
.sidetoc a:hover
{
	border-left:3px solid #37382B;
}
.sidetoc-top
{
	clear:left;
	background-color:#37382B;
	color:#FFFFCC;
	border-right:1px solid #37382B;
	border-top:1px solid #37382B;
	border-bottom:1px solid #37382B;
	border-left:1px solid #37382B;
	padding-right:5px;
	margin-right:5px;
	background-repeat:repeat;
	display:block;
	float:left;
	width:11em;
	font-weight:bold;
	font-size:12px;
}
.sidetoc-top a
{
	font-weight:bold;
	text-decoration:none;
	color:#FFFFE6;
}

.sidetoc-space
{
	clear:left;
	background:none;
	padding-right:5px;
	margin-right:5px;
	display:block;
	float:left;
	width:11em;
	position:relative;
	top:0;
	left:0;
	font-weight:bold;
	font-size:12px;
}

/* main content */
.main
{
	text-align:justify;
	font-size:14px;
	padding:5px;
	height:500px;
	overflow:scroll;
}
.main li
{
	list-style-type:square;
	margin-left:40px;
	font-size: 14px;
	line-height: 1.2em;
}
.main tr td
{
	font-size:14px;
}

h1
{
	font-family:"Trebuchet MS";
	font-size:16px;
	text-decoration:none;
	border-bottom:dashed 1px #B5BD97;
	color: #37382B;
}
h2
{
	font-family:"Trebuchet MS";
	font-size: 14px;
	text-decoration:none;
	color: #B5BD97;
}
h3
{
	font-family:"Trebuchet MS";
	font-size:12px;
	text-decoration:none;
	color: #B5BD97;
}
h4
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color: #B5BD97;
}a:link {  color: #003300; text-decoration: none; font-weight: bold}
a:hover {  color: #006633; text-decoration: none}