/* Reset -------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,img,ins,kbd,q,samp,small,strike,strong, sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,button,label,legend,
caption,tfoot,thead {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
:focus {outline: 0;} /* remember to define focus styles! */
body {background-color: #fff;}
ol, ul {list-style: none;}
/* table {border-collapse: separate; border-spacing: 0;} */
/* caption, th, td {text-align: left; font-weight: normal; } */
html { height: 100%; margin-bottom: 1px; }
/* hr {display : none;} */

/* General ---------------------------------------------------------------- */

body {
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
background-color:#FFFFFF;
}


h2 { 
  	font-size: 20px;
  	margin-bottom: 20px;
	font-weight: normal;
	color: #333;
}

h3 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #778294;
	padding: 0px 0px 6px;
	margin: 2px 0px 5px;}

p {
	margin-bottom: 10px;
}

a {
	color: #666666;
}
a:hover {
	text-decoration: none;
}

strong, b { font-weight: bold; }
em, i { font-style: italic; }

blockquote {
	margin-bottom: 20px;
	padding: 10px 10px 0;
	background: #f7f7f7;
	border: 1px solid #ddd;
	font-style: italic;
}

/* Layout ----------------------------------------------------------------- */

#container {
    margin: 0 auto;
}

#container {
	width: 1000px;
	margin-top: 10px;
	border: 1px solid #BDCBCE;
	margin-bottom: 10px;
}


#header {
	position: relative;
	height: 100px;
	background-color: #E5E5E5;
}
#main {
    padding-top: 36px;
}
#content_home {
    width: 800px;
    padding: 0 10px;
}
#content {
    width: 860px;
    padding: 20px;
	font-family: Arial, Helvetica, sans-serif;	
}

#content ul {
   margin-left: 20px;  /* may have to increase this if bullets get hidden */
   padding-left: 0px;
   list-style-type: square;
}

#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #f37721;
	padding: 0px;
	background: 0px;
	margin: 0px 0px 5px;
}

#sidebar {
    float: left;
    width: 222px;
    padding: 0 10px 10px;
}


#footer {
	clear: both;
	height: 30px;
	width: 1000px;
	border-top: 1px solid #ddd;
	font-size: 10px;
	padding-top: 10px;
	background-color: #E5E5E5;
}

/* Header ----------------------------------------------------------------- */

#header p {
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	position: absolute;
	bottom: 51px;
	left: 394px;
	width: 378px;
}

#navcontainer {
	position:relative;
	height:50px;
	z-index:10;
	left: 0px;
	top: 0px;
	background-color: #778294;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-left: 10px;
}

#floating-nav {
	position:absolute;
	top:32px;
	left: 715px;
	width: 220px;
	height: 28px;
	text-align: center;
}

#floating-nav a
{
	color: #B7B515;
	text-decoration: none;
	font-weight: bold;
}

#floating-nav a:hover
{
text-decoration: underline;
}

#floating-nav h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #778294;
	padding: 0px;
	margin: 2px 0px 5px;}

/* Left Nav */
#left-nav {
	float: left;
	width: 255px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}

#left-nav a {
	color: #006699;
}


#left-links {
	width: 235px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px;
	clear: both;
}

#left-links a {
	color: #006699;}

#left-links a:hover {
	text-decoration:none;
}

#left-content {
	width: 194px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	margin: 4px;
	padding: 2px;
	border: 1px solid #D7DFE1;
	clear: both;
	height: auto;
	background-color: #EFEFEF;
}

#left-content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #EFA330;
	padding: 0px;
	background: 0px;
	margin: 0px 0px 3px;
}

#phone {
	clear:both;
	width: 194px;
	background-color: #E5E5E5;
	text-align:center;
	margin: 4px;
	padding: 2px;
	border: 1px solid #D7DFE1;
}

#phone h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #778294;
	padding: 0px;
	margin: 2px 0px 5px;
}

#left-content a {
	color: #006699;
}

#left-content a:hover {
	text-decoration:none;
}

#left-content p {
	font-size: 12px;
	margin-bottom: 5px;
}

#left-content a {
	font-size: 12px;
}


#menu {
	padding: 0px;
	background-color: #DCE3E4;
	margin: 0px;
	width: 255px;
	float: left;
}

#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: block;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #428A47;
}

#menu a {
	display: block;
	width: 225px;
	padding: 5px 5px 5px 25px;
	text-decoration: none;
}

#menu a:hover, #menu .active a {
	background: #bfedfa url(../images/menu_hover.jpg) no-repeat 5px 50%;
}


#left-col {
	float: left;
	padding: 0px;
	width: 208px;
	background-color: #FFFFFF;
	/* border-right: 1px solid #ddd; */
	margin: 0px;
}

.right-col {
	float: left;
	padding: 0px;
	width: 785px;
	height: auto;
	margin: 4px 0px 4px 0px;
	background-color: #FFFFFF;
	border: 1px solid #D7DFE1;
}

.right-col-inside {
	float: left;
	padding: 0px 4px;
	width: 772px;
	height: auto;
	margin: 4px 0px;
	background-color: #FFFFFF;
	border: 1px solid #D7DFE1;
}

.right-col-inside ul {margin-left: 15px; list-style-type: square;}
.right-col-inside li {margin-left: 0; padding: 0px 0px 5px 0px }

#left-col-sub {
	float: left;
	padding: 0px;
	width: 375px;
	margin: 0px;
	height: auto;
	margin-right: 10px;
}

#right-col-sub {
	float: left;
	padding: 0px 0px 0px 5px;
	width: 375px;
	border-left: 1px solid #CCCCCC;
	height: auto;
}

.right-col2 {
	padding: 0px;
	width: 500px;
    padding: 20px;
	float:right;
}

.right-col2 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #f37721;
	padding: 0px;
	background: 0px;
	margin: 0px 0px 5px;
}

.right-col2 ul {
   margin-left: 20px;  /* may have to increase this if bullets get hidden */
   padding-left: 0px;
   list-style-type: square;
}

/* Footer ----------------------------------------------------------------- */


#footer li {
	padding: 0 10px;
	list-style: none;
	margin: 0;
}

#footer li.copyright {
	float: left;
	width: 500px;
}

#footer li.credits {
	float: right;
	width: 290px;
	text-align: right;
	font-size: 12px;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}


.snapshot {color: #000; background-color: #fff; padding: 4px; margin: 0px 10px 5px 10px; border: 1px solid #CDCFCD; display: block; } 

.right {float:right;}

.text-box
{
	width: auto;
	margin: 0 0 10px 10px;
	background-color: #E4E4E4;
	padding: 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.text-box a
{
   color: #333333;
   text-decoration: none;
}

.text-box a:hover
{
   text-decoration: underline;
}

#home-splash {
	float:right;
	width: 775px;
	background-color: #E5E5E5;
	padding-left: 10px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-style: solid;
	border-right-color: #D7DFE1;
}

#splash-text {
	padding-top: 10px;
	width: 770px;
}

#splash-text h2 {
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px 0px 5px 0px;
	color: #666666;
}

#splash-text p {
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px 0px 5px 0px;
	color: #666666;
}

#home-mid-banner {
	width: 775px;
	height: auto;
	background-color: #FFFFFF;
	padding-left: 10px;
	text-align: left;
	clear: both;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C0CED1;
	border-bottom-color: #C0CED1;
	padding-bottom: 5px;
	padding-top: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C0CED1;
}

#home-mid-banner h3, #home-products h3 {
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	margin: 0px 0px 2px 0px;
	color: #006699;
}

#home-mid-banner p {
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0px 0px 10px 0px;
	color: #000000;
}

#home-products {
	clear: both;
	width: 776px;
	height: auto;
	padding-left: 10px;
	text-align: left;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-bottom: 10px;
}

#home-products ul {
	margin: 0;
	list-style: none;
}

#home-products li {
	float: left;
	margin-left: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1D4777;
	background-position: bottom;
}

#home-bottom {
	width: 776px;
	padding-left: 10px;
	text-align: left;
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #E5E5E5;
	float: right;
}

#home-bottom h3 {
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px 0px 2px 0px;
	color: #666666;
	font-weight: bold;
}

#home-bottom p {
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0px;
}

.col {
	float: left;
	width: 248px;
	margin: 0px 4px 0px 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 2px;
	height: auto;
}

.last {
	float: right;
	margin: 0;
	width: 250px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	height: auto;
}


/* CMS CSS */
h3, h3 a {
  font-size: 17px;
  margin: 0;
}

h3.breadcrumb, h3.breadcrumb a {
  font-size: 12px;
  margin: 0;
}

.features_list {
  margin: 0px;
  padding-left: 0px;
}

.feature_item {
  margin-left: 16px;
}

.feature_title {
  list-style: none;
  padding: 12px 0px 3px 0px;
  margin-left: 0px;
}

.comment {
  font-style: italic;
}

.s1 {
  color: #000000;
  font-family: arial,sans-serif;
  font-size: 9px;
}
.s2 {
  color: #000000;
  font-family: arial,sans-serif;
  font-size: 10px;
}

.t0 {
  color: #000000;
  font-family: arial,sans-serif;
  font-size: 11px;
}
.t1 {
  color: #000000;
  font-family: arial,sans-serif;
  font-size: 13px;
}
.t1orange {
  color: #f77c20;
  font-family: arial,sans-serif;
  font-size: 13px;
  font-weight: bold;
  font-style: italic;
}
.t2 {
  color: #000000;
  font-family: arial,sans-serif;
  font-size: 16px;
}
.t3 {
  color: #000000;
  font-family: arial,sans-serif;
  font-size: 18px;
}
.t4 {
  color: #000000;
  font-family: arial,sans-serif;
  font-size: 20px;
}
.t6 {
  color: #000000;
  font-family: arial,sans-serif;
  font-size: 22px;
}

.c0 {
  color: #757575;
  font-family: arial,sans-serif;
  font-size: 11px;
}
.c1 {
  color: #757575;
  font-family: arial,sans-serif;
  font-size: 13px;
}
.c2 {
  color: #757575;
  font-family: arial,sans-serif;
  font-size: 16px;
}
.c4 {
  color: #757575;
  font-family: arial,sans-serif;
  font-size: 20px;
}
.c6 {
  color: #757575;
  font-family: arial,sans-serif;
  font-size: 22px;
}


.article_item {
  padding-top: 20px;
}
.article_detail {
  padding-top: 8px;
  padding-left: 14px;
}
.article_title, .article_full_title {
  font-size: 20px;
  font-weight: bold;
}
.article_date {
  font-size: 16px;
  font-weight: bold;
}
.article_full_date {
  font-size: 14px;
  font-weight: normal;
}
.article_tagline {
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  color: #606060;
}
.article_full_tagline {
  font-size: 16px;
  font-weight: bold;
  color: #606060;  
}
.back_link {
  font-size: 12px;
  padding-top: 24px;
  text-align: right;
}

.faq_titles {
  border-left: 3px #0000dd solid;
  margin-left: 10px;
  padding-left: 8px;
}
.faq_title, .faq_header, .link_category_title {
  font-size: 16px;
  font-weight: bold;
}
.faq_detail {
  margin-left: 20px;
  margin-top: 6px;
}

.top_link {
  font-size: 12px;
  margin-top: 6px;
  margin-bottom: 10px;
}

.link_category {
  border-bottom: 2px #d0d0d0 solid;
  padding-bottom: 8px;
}
.link_detail {
  margin-top: 6px;
  margin-left: 24px;
}

.gallery_items {
  width: 100%;
}

.event_items {
  position: relative;
  width: 720px;
}
.event_item {
  position: relative;
  width: 720px;
  margin-top: 10px;
  padding-bottom: 18px;
}
.event_detail {
  position: relative;
  font-size: 14px;
}
.event_title {
  font-size: 20px;
  font-weight: bold;
}
.event_date {
  font-size: 20px;
  font-weight: bold;
}
.event_time {
  font-size: 12px;
  font-weight: bold;
}
.event_location {
  font-size: 16px;
  font-weight: bold;
}
.event_contacts {
  font-size: 16px;
  font-weight: bold;
}

.event_left {
  width: 200px;
  left: 0px;
  top: 0px;
  text-align: left;
}
.event_right {
  position: absolute;
  width: 500px;
  left: 200px;
  top: 0px;
  text-align: left;
}


/* Table definition below */

#table_container {
  margin-top: 10px;
  margin-bottom: 10px;
}

.tablemain {
  border: #bababa 1px solid;
  border-collapse: collapse;
}

.tablemain td {
  border: #bababa 1px solid;
}

.tablemain .rowheader {
  background-color: #dadada;
  font-weight: bold;
}

.tablemain .col4 {
  background-color: #fdfdba;
}

.tablesearch {
  margin-top: 10px;
  margin-bottom: 10px;
}

.tablesearch td span {
  font-weight: bold;
}

.tablenav_top td span, .tablenav_bottom td span {
  font-size: 11px;
}


.err, .required {
  color: red;
  font-weight: bold;
  font-size: 14px;
}

#prodtab td {
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.color_row0 {
  background-color: #cacaca;
  color: #000000;
  font-weight: bold;
}
.color_row1 {
  background-color: #e5e5e5;
}
.color_row2 {
  background-color: #ececec;
}


#features {
  margin-top: 18px;
  padding-bottom: 4px;
}

.product_spec_name div {
  background-color: #e5e5e5;
  padding: 2px 8px;
  margin: 1px;
}


.product_spec div {
  background-color: #ececec;
  padding: 2px 8px;
  margin: 1px;
}