/* Define the default first */

/******* em Text Delaration Start *******/

/* Setup Font Family and Size Correctly First. Default(Medium) Font Size is 16px on all browsers */
body *
{
  font-size: 101%; /* for IE bug */
  font-family: Arial, Helvetica, sans-serif;
}

/* Reduce the font size to 68.8% or 11px size
100% = 16
11/16 x 100
*/
body{ font-size: 68.8%; }

/* IE can’t read this */
html>body { font-size: 68.8%;}

/* Ensure forms and tables inherit the correct size */
table, input, select, th, td, textarea { font-size: 1em; }

/* Ensure nested elements inherit the correct size */
ol, ul, li li, li p, td p, blockquote p, div div { font-size: 1em; }

table table td { font-size: 0.95em; }

/* child pixels / parent pixels = child ems
Example(19px for h1) : 19 (child pixels) / 11 (parent pixels) = 1.73
*/

/******* em Text Delaration End *******/

body {margin: 0; padding: 0; background: url(bg.jpg) repeat-x;}

form, input * {margin: 0; padding:0;}

img {border: 0;}

th {font-weight: normal;}

p {
	text-align:justify;
	font-size: 12px;
}

#container {font-size:12px; width: 999px; margin: 0 auto; clear: both; border: 1px solid #D7D7D7; background:#fff; /*min-height:500px;*/}
#header {/*background: url(/images/sample_header.jpg);*/ width: 100%; height: 123px;}
#sidebar {float: left; width: 170px; padding: 15px;}
#content {width: 931px; padding:54px 34px 20px 34px; clear: both; }
#content1 {width: 931px; padding:25px 34px 20px 34px; clear: both; }
#content_home {width: 100%; clear: both; font-size:13px; /*line-height:70%;*/}
#footer {font-size: 0.82em; width: 999px; height:29px; padding: 0; margin: 0 auto; clear: both; background: url(footer.jpg) no-repeat center; }
.footertext {font-size: 11px; text-align: center; padding-top:6px;}

#containerPrint {font-size: 1em; width: 480px; padding:10px; margin: 0 auto; clear: both; border:solid 1px #ccc; background:#fff;}
#contentPrint {width: 480px;}
#footerPrint {font-size: 0.82em; width: 480px; padding: 10px 0; clear: both; border-top: 1px solid #ccc;}

h1 {font-size: 25px; color:#4a8d00; font-weight: normal;  margin-top: 0;}
h2 {
	font-size: 12px;
	font-weight: normal;
	color: #006600;
	margin: 1em 0;
}
h2.textMainHighlight {font-size: 13px; color: #222222; margin: 0;}
h3 {font-size: 1.09em; color: #006dc9; font-weight: bold;}
h4 {font-size: 12px; font-weight: bold; color: #009900;}
h5 {font-size: 12px; font-weight: bold; color: #000;}
h6 {}

a:link {color: #009900; text-decoration: none;}
a:visited {color: #009900; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}

a.addToCalendar { background: url(btn_calendar.html) no-repeat left top; display: block; text-indent: -1000em; width: 20px; height: 20px; margin: 0 auto; outline: none; }
a.addToCalendar:hover { background-position: left bottom; }

.linkPDF {background: url(icon_pdf.html) no-repeat left top; padding-left: 20px; line-height: 18px;}
.linkHTML {background: url(icon_html.html) no-repeat left top; padding-left: 20px; line-height: 18px;}
.linkAudio {background: url(icon_audio.html) no-repeat left top; padding-left: 20px; line-height: 18px;}
.linkVideo {background: url(icon_video.html) no-repeat left top; padding-left: 20px; line-height: 18px;}
.linkZip {background: url(icon_zip.html) no-repeat left top; padding-left: 20px; line-height: 18px;}
.linkArchive {background: url(icon_archive.html) no-repeat left top; padding-left: 20px; line-height: 18px;}
.linkView {background: url(icon_view.html) no-repeat left top; padding-left: 20px; line-height: 18px;}

img.left {float: left; margin: 0 10px 10px 0;}
img.right {float: right; margin: 0 0 10px 10px;}
img.middle {vertical-align: middle;}

.textRed {color: #ff0000;}
.textGreen {color: #448800;}
.textQuestions {color: #00f;}

.textMainHighlight {color: #032258; font-weight: bold;}
.textSubHighlight {color: #666666;}
.textFootnote {font-size: 0.9em;}
.textFootnote ol {font-size: 1em;}
.textDivider {border-bottom: 1px dotted #666; margin: 1em 0;}

.textFooter {text-align: center; font-size: 11px;}
.textFooter a:link {text-decoration: none;}
.textFooter a:visited {text-decoration: none;}
.textFooter a:hover {text-decoration: underline;}

.textError {color: #ff0000; font-weight: bold; text-transform: uppercase;}

#search {text-align:right; padding: 50px 10px 0 0; clear: both;}

#menu {list-style: none; padding: 0; margin: 0; } /* general menu style */
#menu ul {list-style: none; padding-left: 10px; margin: 0;} /* reset bullet for sub menu */
#menu li {padding: 10px 0; color: #000; font-weight: bold;} /* apply to all li elements - mainly for group header */
#menu ul li {padding: 0; color: #69c; font-weight: normal;} /* reset li elements to control sub menu */
#menu a {color: #000;} /* apply to all <a> elements - mainly for group header */
#menu ul a {color: #69c;} /* reset <a> elements to control sub menu */
#menu .selected {color: #000;} /* for selected main menu */
#menu .selected a {color: #000;} /* for selected main menu with hyperlink */
#menu .selected ul a {color: #69c;} /* reset for unselected sub menu in a selected group */
#menu .selected .selected {color: #234e78; text-decoration: none;} /* for selected sub menu */
#menu .selected .selected a {color: #234e78; text-decoration: none;} /* for selected sub menu with hyperlink */

.tableBorder {border: 1px solid #CCCCCC;}
table.hover tr:hover td {background: #c3b777;}
table.hover tr.row1:hover td, table.hover tr.row1:hover th {background: #c3b777;}
table.hover tr.row2:hover td, table.hover tr.row2:hover th {background: #c3b777;}
table.hover tr.rowHighlight:hover td {background: #c3b777;}
table.hover tr.rowTSHighlight:hover td {background: #c3b777;}
table.table tr.tableTopRow th {background: #7cb240; color: #000; font-weight: bold;}
table.table tr.row1 td, table.table tr.row1 th {background: #e7e7e7; }
table.table tr.row2 td, table.table tr.row2 th {background: #f4f4f4; }
table.table tr.rowHeader th {background: #414141; color: #fff;}
table.table tr.rowHighlight td {background: #414141; color: #fff; }
table.table tr.rowTSHighlight td {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table.table tr th.cellHeader {background: #414141; color: #fff;}
table.table tr td.cellHighlight {background: #414141; color: #fff;}
table.table tr td.cellTSHighlight {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table.table tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;}
table.table tr td.cellSubTotal {border-top: 1px solid #414141;}
table.table tr td.cellRed {background: #ebddd8;}
table.table tr td.cellGreen {background: #d8ebdc;}

.tsLegendCellHighlight {float: left; width: 20px; height: 7px; font-size: 0; background: #ccd0e1; border-bottom: 1px solid #aaa; margin: 3px 3px 0 0;}
.tsLegendCellRed {float: left; width: 20px; height: 8px; font-size: 0; background: #ebddd8; margin: 3px 3px 0 0;}
.tsLegendCellGreen {float: left; width: 20px; height: 8px; font-size: 0; background: #d8ebdc; margin: 3px 3px 0 0;}

/* Classes for different layouts. Please use the correct classes. Those that are not in use, please delete. */
.arContainer {width: 100%; padding: 0; margin: 0;}
.arLeft {width: 35%; float: left; margin: 0;}
.arRight {width: 65%; float: right;} /* Add padding-top in % if you want to valign the content to middle or bottom */
#arSections ul {list-style: none; margin: 0; padding: 0;}
#arSections ul li {background: url(bullet_ar.html) no-repeat left top; padding: 2px 0 3px 15px; margin-left: 10px;}
#arSections ul.border li {border-bottom: 1px dotted #004a88;}
#arArchive ul {margin: 0; list-style: none; padding: 0;}
#arArchive ul li {margin:0 15px 15px 0; float: left; text-align: center;}

.directorContainer a {float: left; margin: 1em 0; width: 87px; height: 22px; background: url(btn_closeview.html) no-repeat left top; text-indent: -1000em; outline: none;} /* view - close profile */
.directorContainer.hide a {background-position: left bottom;}
.directorContainer .directorDescription {display: block; margin-top: 50px;}
.directorContainer.hide .directorDescription {display: none;}

.webcastContainer {width: 100%; padding: 0; margin: 0; margin-bottom: 1em;}
.webcastLeft {width: 40%; float: left; margin: 0;}
.webcastRight {width: 60%; float: right; margin: 0; padding-top: 8%;}

.slidesContainer {width: 100%; padding: 0; margin-bottom: 1em;}
.slidesLeft {width: 40%; float: left; margin: 0;}
.slidesRight {width: 60%; float: right; margin: 0; padding-top: 8%;}

/* End Of Classes for different layouts. */

.news {width: 100%; padding: 0; margin: 0; list-style: none;}
.news li {border-bottom: 1px dotted #666;}
.newsDate {width: 25%; float: left; margin: 1em 0;}
.newsTitle {width: 74%; float: right; margin: 1em 0;}

.qa {width: 100%; padding: 0; margin: 0; list-style: none;}
.qaDate {width: 25%; float: left; margin: 0;}
.qaTitle {width: 74%; float: right; margin: 0;}

.boxHighlight {width: 97%; background: #e4e4e4; border: 1px dotted #333; padding: 1%;}

.boxCaptcha {width: 98%; background: #fff; padding: 1%;}

.search a {font-size: 1.09em; color: #023f8b; font-weight: bold; text-decoration: underline;}
.search a:hover {color: #0072ff;}
.search .url {color: #008000;}
.searchHighlight1 {font-weight: bold; background: #ff6;}
.searchHighlight2 {font-weight: bold; background: #a0ffff;}
.searchHighlight3 {font-weight: bold; background: #9f9;}
.searchHighlight4 {font-weight: bold; background: #f99;}

.insiderPopUp {position: absolute; z-index: 200; visibility: hidden; left: 100px;}
.insiderPopUpContent {background: #fff; width: 300px; border: 1px dotted #656565; padding: 5px;}

input.investmentCalculator {border: 0; background: transparent;}
input.checkBox {vertical-align: middle;}
input.textBoxMA {width: 20px; margin-right: 2px;}
input.left {float: left; margin: 0 10px 10px 0;}

/* Define the rest of the classes here */

#content_bottom {width: 931px; padding-top:10px;}
.content_bottom_L {width:450px; float:left; background:url(featured.jpg) top no-repeat; padding-top:35px;}
.content_bottom_L ul{ margin:0px; padding:0px;}
.content_bottom_L ul li{ list-style:none; background:url(bull.jpg) no-repeat 1px 2px; padding-left:20px; height:30px; float:left; width:190px;}

.content_bottom_R {width:460px; float:right; background:url(valued-customer.jpg) top no-repeat; padding-top:25px; }
.content_left {width:440px; float:left; font-size: 13px; padding-right:50px; clear: both;}
.content_right {width:440px; float:right; font-size: 13px;}
.content_right_table { float:right; font-size: 13px;}

.company_logo {float: left; width: 500px;}
.quality_logo {float: right; width: 245px;}

/*.home_banner {width:100%; height: 278px; background: url(/images/home_banner.jpg) no-repeat center; clear: both;}*/
.home_banner {width:989px; height: 260px; clear: both;}

.top_banner {width:100%; height: 230px; background: url(inner_banner.jpg) no-repeat center; clear: both;}
.home_title {color: #4A8D00; font-size: 25px; float:left;}
.top_title {color: #4A8D00; font-size: 19px; float:left;}
.images_vision {margin-top:-23px;}
.content_L {float:left; width:250px; clear: both;}
.content_R {
	float:right;
	width:600px;
	margin-top:-28px;
}
.grey {color: #999999;}

.content_floatLeft {
	float:left;
	width: 246px;
	padding-left:10px;
	font-size: 12px;
}
.content_clearRight {
	float:right;
	width: 180px;
	padding-left:22px;
	font-size: 12px;
}

.service_fullwidth {width:100%; clear:both; /*margin-top: -15px;*/}

.serviceleft ul{ margin:0px; padding:15px 0 0;}
.serviceleft ul li{ font-size:16px;  background:url(bull2.jpg) 1px 2px no-repeat; padding-left:20px; list-style:none; font-weight: bold;}
.liststyle ul{ margin:-15px 0 0 0; padding:0px}
.liststyle ul li{ list-style:none; font-size:13px; background:url(bull.jpg) 1px 2px no-repeat; padding-left:20px ; font-weight:normal }

.home_left {width:70%;}
.home_right {width:30%;}

/* Slide */
#slideContainer { height: 244px; background: url(bg_banner.gif) no-repeat; margin:12px 0; padding: 8px 5px 7px 8px; position:relative;}
#slideContainerRotator { margin: 0; padding: 0; list-style: none;}
#slideContainerRotator li { display: block; width: 974px; height: 244px; }
#slideSelector { position: absolute; bottom: 16px; right: 20px; z-index: 2000; line-height: 20px;}
#slideSelector a { background:#f3f1f1; font-size: 12px; line-height: 17px; margin-right: 13px; padding: 1px 5px; color:#676767; }
#slideSelector a:hover { background: #58a403; color:#fff; }
#slideSelector a.activeSlide { background: #58a403; font-weight:bold; color:#fff; }

/* Navigator Menu */

#mainNav {list-style: none; padding: 0; margin: 0 auto; }
#mainNav li {float: left; position: relative; display: block;}

#mainNav_home a {width:162px; height:46px; background:url(home.png) no-repeat; display:block; float:left; text-indent: -9999em;}
#mainNav_home a:hover {display:block; background-position: 0% 100%;}
#mainNav_home a.selected {display:block; background-position: 0% 100%;}

#mainNav_profile a {width:167px; height:46px; background:url(profile.png) no-repeat; display:block; float:left; text-indent: -9999em;}
#mainNav_profile a:hover {display:block; background-position: 0% 100%;}
#mainNav_profile a.selected {display:block; background-position: 0% 100%;}

#mainNav_vision a {width:181px; height:46px; background:url(vision.png) no-repeat; display:block; float:left; text-indent: -9999em;}
#mainNav_vision a:hover {display:block; background-position: 0% 100%;}
#mainNav_vision a.selected {display:block; background-position: 0% 100%;}

#mainNav_products a {width:163px; height:46px; background:url(products.png) no-repeat; display:block; float:left; text-indent: -9999em;}
#mainNav_products a:hover {display:block; background-position: 0% 100%;}
#mainNav_products a.selected {display:block; background-position: 0% 100%;}

#mainNav_services a {width:153px; height:46px; background:url(services.png) no-repeat; display:block; float:left; text-indent: -9999em;}
#mainNav_services a:hover {display:block; background-position: 0% 100%;}
#mainNav_services a.selected {display:block; background-position: 0% 100%;}

#mainNav_contactus a {width:168px; height:46px; background:url(contactus.png) no-repeat; display:block; float:left; text-indent: -9999em;}
#mainNav_contactus a:hover {display:block; background-position: 0% 100%;}
#mainNav_contactus a.selected {display:block; background-position: 0% 100%;}

#mainNav li:hover ul {display: block; text-decoration: none; float: left; font-size: 12px;}
#mainNav li:hover ul ul {display: none; text-decoration: none; float: left; font-size: 12px;}

#mainNav ul { display: none; margin:0; padding:0; left:0; top: 40px; width: 177px; position: absolute; font-size: 12px; }
#mainNav li li { list-style: none; float: left; width: 100%; border-bottom: 1px solid #517727; font-size: 12px; z-index:120;}
/*#mainNav li li.first {  border-bottom: 1px solid #517727;}*/
#mainNav li li a { color: #000; text-decoration: none; text-indent:0; display: block; margin: 0; height:12px; width: 160px; padding: 5px 5px 5px 12px; float: left; font-size: 12px; z-index:120; background:#68c700 url(main_arrow.png) no-repeat 168px 9px;}
#mainNav li li a:hover {color: #000; background: #f3f2f2; font-size: 12px; background:#68c700 url(main_arrow.png) no-repeat 168px 9px;}

#mainNav ul ul {margin: 0; padding: 0; list-style: none; float: left; left:177px; top:0; width: 177px; position: absolute; font-size: 12px;}
#mainNav li li li { list-style: none; float: left; width: 177px; border-bottom: 1px solid #517727; list-style: none; float: left; width: 177px; font-size: 12px; z-index:110;}
#mainNav li li li a { color: #000; text-decoration: none; text-indent:0; display: block; margin: 0; height:12px; width: 160px; padding: 5px 5px 5px 12px; float: left; background: #68c700;  font-size: 12px;}
#mainNav li li li a:hover {color: #000; background: #f3f2f2; font-size: 12px;}

#mainNav li li:hover ul {display: block; text-decoration: none; float: left; font-size: 12px;}

/* New CSS */

.service_divide {
	margin-top: 30px;
}

.servicetableset {
	float:left;
}