﻿@charset "utf-8";
/* CSS Document */

body	{
	margin-top: 20px;
	font-family: verdana;
	font-size: 12px;
	color: black;
	/* background: #333333 url(../images/page-bg.jpg) repeat-x fixed; */
	background: #333333 url(../images/bg-pattern.jpg);
}

#canvas	{  /* OVERALL CONTAINER -- FOR USE WHEN ABSOLUTE POSITIONING SOMETHING ON THE PAGE/CONTENT AREA */
	margin: 0 auto;
	z-index: 1;
	position: relative;
	width: 910px;
	height: 100%;
}

#top	{
	width: 910px;
	height: 170px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 0px;
	background: url(../images/top.png) no-repeat; /* NO BG COLOR, OR ELSE PNG WON'T BE TRANSPARENT */
}
#top-flash	{
	width: 910px;
	height: 170px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 0px;
}


#container	{
	background: url(../images/container-bg.png) repeat-y; /* NO BG COLOR, OR ELSE PNG WON'T BE TRANSPARENT */
	width: 910px;
	height: 100%;
	margin: 0 auto;
	margin-bottom: 0px;
}
#container-closer	{
	background: url(../images/container-closer.png) no-repeat;  /* NO BG COLOR, OR ELSE PNG WON'T BE TRANSPARENT */
	width: 910px;
	height: 128px;
	margin: 0 auto;
}

#main-div	{
	margin: 0 auto;
	margin-bottom: 0px;
	width: 900px;
	/* ======================= */
		height: 100%;		/* 500px */
	/* ======================= */
	background-color: #aeafa3;
}
#main-div-padding	{
	margin: 0 auto;
	width: 886px;
	/* background-color: red; */
}






#left-col	{
	width: 194px;
	height: 100%;
	float: left;
	background: url(../images/left-col-bg.jpg) no-repeat;
}


#center-col	{
	width: 490px; /* 444px, 440px */
	height: 100%;
	float: left;
	padding-top: 3px;
	margin-left: 0px;
}
#center-col-wide	{
	width: 600px;
	height: 100%;
	float: left; /* margin: 0 auto; */
	padding-top: 3px;
}


#right-col	{
	width: 192px;
	height: 100%;
	text-align: center;
	float: right;
}



#bottom-nav	{
	background: url(../images/bottom-nav.png) bottom no-repeat;  /* NO BG COLOR, OR ELSE PNG WON'T BE TRANSPARENT */
	width: 900px;
	height: 50px;
	margin: 0 auto;
	padding-top: 20px;
	font-size: 11px;
	text-align: center;
	clear: both;
}
#bottom-nav-links	{
	width: 878px;
	height: 30px;
	padding-top: 26px;
	text-align: center;
}
#bottom-nav-links a:link	{
	color: black;
}
#bottom-nav-links a:visited	{
	color: black;
}



.left-right-col-text	{
	width: 180px;
	margin: 0 auto;
}




.divboxtop	{ /* BLUE */
	margin: 0 auto;
	width: 192px;
	height: 35px;
	line-height: 35px;
	color: #fffefe;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #333333 url(../images/divboxtop.jpg) no-repeat;
}
.divboxtop-orange	{
	margin: 0 auto;
	width: 192px;
	height: 35px;
	line-height: 35px;	
	color: #fffefe;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #333333 url(../images/divboxtop-orange.jpg) no-repeat;
}
.divboxtop-green	{
	margin: 0 auto;
	width: 192px;
	height: 35px;
	line-height: 35px;
	color: #fffefe;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #333333 url(../images/divboxtop-green.jpg) no-repeat;
}

.divboxcontent	{
	margin: 0 auto;
	padding-top: 3px;
	width: 192px;
	height: 100%;
	color: #fffefe;
	background: #333333 url(../images/divboxcontent-bg.jpg) repeat-y;
}
.divboxcontent-padding	{
	margin: 0 auto;
	width: 164px;
}
.divboxbottom	{
	margin: 0 auto;
	width: 192px;
	height: 20px;
	background: #333333 url(../images/divboxbottom.jpg) no-repeat;
}


.div-for-padding	{
	width: 96%;
	margin: 8px auto;
}

.div-for-padding2	{
	width: 92%;
	margin: 8px auto;
}

.div-for-height-adjust	{
	clear: both;
	height: 4px;
	width: 100%;
}



.centerer	{
	margin: 0 auto;
	text-align: center;
}



/* =============================================================================== */

a	{text-decoration: underline; color: #b52c21; }
a:link	{ text-decoration: underline; color: #b52c21; }
a:visited	{ text-decoration: underline; color: #b52c21; }
a:hover	{ text-decoration: underline; color: black; }
/* a img	{ text-decoration: none; border: 1px solid #3c3c3c; } */


h1	{
	color: black;
	font-size: 10pt;
}
.seo	{
	color: black;
	font-size: 10pt;
	text-align: left;
}

h2	{
	color: black;
	font-size: 15px;
}
h3	{
	color: black;
	font-size: 12px;
}
h4	{
	color: black;
	font-size: 11px;
}
h5	{
	color: black;
	font-size: 9px;
	margin-bottom: 0px;
}

h4.title { text-align: center; }

img { border: none; }





#center-col ul	{
	margin-top: 0px;
	margin-bottom: 0px;
}
#center-col ul li	{
	list-style-type: none;
	margin-left: -30px;
}

#center-col ol	{
	margin-top: 4px;
	margin-bottom: 8px;
}
#center-col ol li	{
	margin-left: -4px;
}




.center-div-box a	{
	color: black;
	text-decoration: none;
}
.center-div-box a:hover	{
	color: black;
	text-decoration: underline;
}
.center-div-box a:visited	{
	color: black;
	text-decoration: none;
}

/* =============================================================================== */




.news-headline	{
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 0px;
}
.news-date	{
	color: gray;
	font-size: 9px;
}
.news-content	{
	font-size: 9px;
	margin-top: 0px;
	color: silver;
}

#news-div p	{
	margin-top: 0px;
	color: silver;
	font-size: 9px;
}


.preloadpic {display:none;}



.mfg-name	{
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
}



#copyright	{
	width: 800px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
}
#copyright a	{
	color: white;
}


.block-content	{
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.block-content	a{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #000000;

}

.block-content	a:hover{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;

}


.block-content img	{
	float: right;
	margin-left: 10px;
	border: 1px solid black;
}

.block-content table {
	width: 58%; font-size: 10px;
}




.block-content2	{
	width: 100%;
	height: 100%;
}
.block-content2 img	{
	float: right;
	margin-left: 10px;
	border: 1px solid black;
}



.left {
	font-size: 11px; margin-top: 0px; text-align: left;
}
.newStyle1 {
	width: 179px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
}
.tester {
	width: 179px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
}
.downloads {
	width: 190px;
	height: 88px;
	margin-left: auto;
	margin-right: auto;
}
.space {
	width: 100%;
	height: 30px;
	font-size: 0px;
}
.space1 {
	width: 100%;
	height: 20px;
	font-size: 0px;
}



p {
	margin: 0px;
	padding: 0px;
}
.clear-fix {
	font-size: 0px;
	clear: both;
}
