@charset "UTF-8";
body {
	font: 90% Arial, Verdana, Helvetica, sans-serif;
	background: #f7f7f7;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #262626;
}

A:link {text-decoration: underline; color: #000099;}
A:visited {text-decoration: underline; color: #000099;}
A:active {text-decoration: underline; color: #000099;}
A:hover {text-decoration: none; color: #000000;}

A.news:link {text-decoration: underline; color: #000099; font-weight:bold}
A.news:visited {text-decoration: underline; color: #000099;}
A.news:active {text-decoration: underline; color: #000099;}
A.news:hover {text-decoration: none; color: #000000;}

A.2:link {text-decoration: none; color: #000099; font-weight:bold; font-size:16px}
A.2:visited {text-decoration: none; color: #000099; font-weight:bold;  font-size:16px}
A.2:active {text-decoration: none; color: #000099; font-weight:bold; font-size:16px}
A.2:hover {text-decoration: underline; color: #000000; font-weight:bold; font-size:16px}

A.scroll:link {text-decoration: underline; color: #ffffff;}
A.scroll:visited {text-decoration: underline; color: #ffffff;}
A.scroll:active {text-decoration: underline; color: #ffffff;}
A.scroll:hover {text-decoration: none; color: #000066;}

A.gen:link {text-decoration: underline; color: #ffffff;}
A.gen:visited {text-decoration: underline; color: #ffffff;}
A.gen:active {text-decoration: underline; color: #ffffff;}
A.gen:hover {text-decoration: none; color: #000000;}

A.footerlink:link {text-decoration: underline; color: #ffffff;}
A.footerlink:visited {text-decoration: underline; color: #ffffff;}
A.footerlink:active {text-decoration: underline; color: #ffffff;}
A.footerlink:hover {text-decoration: none; color: #000000;}

.oneColFixCtrHdr #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.oneColFixCtrHdr #header {
background-color: #ffffff;
/*height: 97px;*/
}
.header1 {
	width: 480px;
	height: 80px;
	padding: 20px 0px 0px 10px;
	float: left;
}
.header2 {
	width: 480px;
	height: 80px;
	padding: 20px 10px 0px 0px;
	float: left;
	text-align: right;
}
.header3 {
	width: 980px;
	float:left;
	margin: 10px 0px 0px 0px;
	background-color: #20237d;
	z-index: 100;
}
.oneColFixCtrHdr #mainContent {
margin: 0px;
padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
background: #FFFFFF;
z-index: 1;
}
.main1 {
width: 980px;
height: 360px;
background-color: #0b497c;
margin-top: 10px;
margin-bottom: 0px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index: 1;
}
.bluebanner {
width: 980px;
height: 162px;
background-color: #0b497c;
margin-top: 10px;
margin-bottom: 0px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index: 1;
}
.homebox1 {
margin-top: 10px;
margin-right: 10px;
width: 664px;
min-height: 398px;
float: left;
background-color: #ffffff;
padding: 10px;
border: thin #f5f5f5 solid;
}
.homebox2 {
margin-top: 10px;
width: 264px;
min-height: 100px;
float: right;
background-color: #f5f5f5;
padding: 10px;
}
.homebox2b {
margin-top: 10px;
width: 220px;
min-height: 150px;
float: left;
background-color: #f5f5f5;
padding: 10px;
}
.homebox3 {
margin-top: 10px;
margin-right: 10px;
width: 321px;
height: 160px;
float: left;
background-color: #006699;
padding: 10px;
border: thin #f5f5f5 solid;
color: #FFFFFF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.homebox3b {
margin-top: 10px;
margin-right: 10px;
width: 311px;
height: 160px;
float: left;
background-color: #006699;
padding: 10px;
border: thin #f5f5f5 solid;
color: #FFFFFF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.homebox4 {
margin-top: 10px;
width: 262px;
min-height: 150px;
float: right;
font-size: 90%;
background-color: #dce6ef;
padding: 10px;
border:dashed thin  #f5f5f5;
}
.homebox4b {
margin-top: 10px;
width: 220px;
min-height: 150px;
float: left;
font-size: 90%;
background-color: #dce6ef;
padding: 10px;
border:dashed thin  #f5f5f5;
}
.homebox5 {
margin-top: 10px;
margin-right: 10px;
width: 664px;
min-height: 398px;
float: left;
background-color: #ffffff;
padding: 10px;
border: thin #f5f5f5 solid;
}
.homebox6 {
margin-top: 10px;
margin-left: 10px;
width: 664px;
min-height: 398px;
float: right;
background-color: #ffffff;
padding: 10px;
border: thin #f5f5f5 solid;
}
.homebox6b {
margin-top: 10px;
margin-left: 10px;
width: 706px;
min-height: 698px;
float: right;
background-color: #ffffff;
padding: 10px;
border: thin #f5f5f5 solid;
}
.homebox6c {
margin-top: 10px;
margin-left: 10px;
width: 706px;
min-height: 100px;
float: right;
background-color: #999999;
padding: 10px;
border: thin #f5f5f5 solid;
}
.homebox7 {
margin-top: 10px;
margin-left: 10px;
width: 958px;
min-height: 598px;
float: right;
background-color: #ffffff;
padding: 10px;
border: thin #f5f5f5 solid;
}
.homebox7a {
margin-top: 10px;
margin-left: 10px;
width: 150px;
min-height: 598px;
float: left;
padding: 10px;
}
.homebox7b {
margin-top: 10px;
margin-left: 10px;
width: 738px;
min-height: 598px;
float: left;
padding: 10px;
}
.homeboxfb {
margin-top: 10px;
width: 262px;
min-height: 0px;
float: right;
text-align:left;
font-size: 90%;
background-color: #ffffff;
padding: 0px;
}
.homeboxfb2 {
margin-top: 10px;
width: 220px;
min-height: 50px;
float: left;
text-align:left;
background-color: #ffffff;
padding: 10px;
}
.oneColFixCtrHdr #footer {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.footerleft {
width: 500px;
float: left;
padding-bottom: 10px;
color: #75a6bf;
font-size: 90%;
}
.footerright {
width: 500px;
float: left;
padding-bottom: 10px;
text-align: right;
color: #75a6bf;
font-size: 90%;
}
.clear {
clear:both
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 170%;
	color: #323490;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 140%;
	color: #323490;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

h2.white {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 140%;
	color: #ffffff;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: #323490;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

h3.white {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: #ffffff;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

h3.thumb {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: #323490;
	text-align: center;
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 10px;
}

h3.prodetail {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 108%;
	color: #ffffff;
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
	color: #323490;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

.inside {
	padding: 20px;
	font-family: Arial, Verdana;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}

p.big {line-height:200%;}

#navcontainer ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 140px;
    background-color: #f1f1f1;
}

#navcontainer ul li { display: inherit; }

#navcontainer ul li a
{
    display: block;
    color: #000;
    padding: 8px 16px;
	border:thin solid #FFF;
    text-decoration: none;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #369;
}