li { margin-left: -23px; list-style: square; color: #0d1d41;}
body { margin-top: 10px; margin-bottom: 10px; }
hr { border: 0; height: 1px; color: #dadada; background-color: #dadada; width: 100%; margin-top: 2px; margin-bottom: 7px;}
.title { font: bold 17px/22px verdana; color: #1e5fea;}
.error { font: bold 20px/22px verdana; color: #FF0000;}
div.subhead { font: 11px/17px verdana; color: #0d1d41; padding: 0px 60px 0px 0px; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 0px 6px; text-align: left; vertical-align: top; padding-left: 12px; }

table.top { width: 760px; background-color: #ffffff; text-align: left; vertical-align: top; }
td.topleft { width: 300px; background-color: #ffffff; text-align: left; vertical-align: top; }
td.topcenter { width: 160px; background-color: #ffffff; text-align: left; vertical-align: top; }
td.topright { width: 300px; background-color: #ffffff; text-align: right; vertical-align: top; padding-right: 24px;}

/* home & subpage banner css */
table.homebanner { background-color: #ffffff; text-align: left; vertical-align: top; }
table.homebannerprint {display: none;}
table.subbanner { width: 760px; background-color: #ffffff; text-align: left; vertical-align: top; }
td.subbanleft { text-align: left; vertical-align: top; background-color: #ffffff;}
td.subbancen { text-align: left; vertical-align: top; background-color: #ffffff;}
td.subbanright { text-align: left; vertical-align: top; background-color: #ffffff;}

/* home content table */
table.main { position: relative; z-index:0; left: 30px; top: -20px; width: 700px; font: 9px/14px verdana; color: #4f4f4f;}
td.homeleft { position: relative; z-index:1; left: 0px; top: 0px; width: 165px; font: 10px/14px verdana; color: #999999; padding-top: 5px;}
td.homecenter { position: relative; z-index:1; left: 0px; top: 0px; width: 353px; font: 11px/17px verdana; color: #0d1d41;}
td.homeright { position: relative; z-index:2; left: 0px; padding-top: 50px; width: 182px; font: 9px/13px verdana; color: #4f4f4f;}
.homebodytext { font: 11px/17px verdana; color: #0d1d41; padding: 0px 55px 0px 0px; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 0px 6px; text-align: left; vertical-align: top; padding-left: 12px; }
.homebodytext a { font: 11px/17px verdana; color: #0d1d41; text-decoration: underline; }
div.homesidebartext { font: 9px/13px verdana; color: #4f4f4f; padding-left: 12px; }
div.homesidebartext a { font: 9px/13px verdana; color: #4f4f4f; text-decoration: underline;}

/* subpage content table */
table.submain { position: relative; z-index:0; left: 22px; top: -20px; width: 738px; font: 9px/14px verdana; color: #4f4f4f;}
td.subleft { position: relative; z-index:1; left: 0px; top: 0px; width: 147px; font: 10px/14px verdana; color: #999999;}
td.subcenter { position: relative; z-index:1; left: 0px; top: 0px; width: 446px; font: 11px/17px verdana; color: #0d1d41; padding-top: 4px; padding-bottom: 40px;}
td.subright { position: relative; z-index:2; left: 0px; padding-top: 60px; width: 145px; font: 9px/13px verdana; color: #4f4f4f;}
td.subonecol { position: relative; z-index:1; left: 0px; top: 0px; width: 591px; font: 11px/17px verdana; color: #0d1d41; padding: 4px 0px 40px 0px;}
.subbodytext { font: 11px/17px verdana; color: #0d1d41; padding: 0px 45px 0px 0px; text-align: left; vertical-align: top; padding-left: 12px; }
.subbodytext a { font: 11px/17px verdana; color: #0d1d41; text-decoration: underline; }
#news { width: 380px; font: 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top; }
#news td { font: 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top; padding-bottom: 20px;}
#news td a { font: 11px/17px verdana; color: #0d1d41; text-decoration: none;}
#news td a:hover { font: 11px/17px verdana; color: #0d1d41; text-decoration: underline;}
#products { width: 380px; font: 9px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top; }
#products td { font: 9px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top; padding: 0px 0px 20px 0px; border-bottom: 1px solid #dadada;}
#products td a { font: 9px/17px verdana; color: #0d1d41; text-decoration: underline;}
td#productsbot { font: 9px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top; padding: 0px 0px 20px 0px; border-bottom: 0px;}
td#productsbot a { font: 9px/17px verdana; color: #0d1d41; text-decoration: underline;}
td#producthead { font: bold 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top; padding: 17px 0px 7px 0px; border-bottom: 0px;}
td#productheadtop { font: bold 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top; padding: 17px 0px 7px 0px; border-bottom: 0px; border-top: 1px solid #dadada;}
table.form { width: 500px; font: 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top; }
td.formleft { width: 130px; font: 9px/14px verdana; color: #0d1d41; text-align: right; vertical-align: top; padding: 13px 10px 7px 0px;}
td.formleft a {font: 9px/14px verdana; color: #0d1d41; text-decoration: underline;}
td.formright { width: 370px; font: 9px/14px verdana; color: #0d1d41; text-align: left; vertical-align: top; padding: 15px 0px 7px 0px;}
.formtext { font: 9px verdana; color: #5b5b5b;}
.quotebodytext { width: 390px; font: 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top; }
#chart { width: 100%; font: 9px/13px verdana; color: #5b5b5b; text-align: left; vertical-align: top; border: 1px solid #999999;}
#chart td{ width: 100%; font: 9px/13px verdana; color: #5b5b5b; text-align: left; vertical-align: top; border-right: 1px solid #d7d6d6; border-bottom: 1px solid #d7d6d6; padding: 4px;}
td#chartleft{ width: 100%; font: 9px/13px verdana; color: #5b5b5b; text-align: left; vertical-align: top; border-right: 1px solid #999999;}
td#charttopleft{ width: 100%; font: bold 9px/13px verdana; color: #5b5b5b; text-align: left; vertical-align: top; border-bottom: 1px solid #999999; border-right: 1px solid #999999; }
td#charttop{ width: 100%; font: bold 9px/13px verdana; color: #5b5b5b; text-align: left; vertical-align: bottom; border-bottom: 1px solid #999999; }
td#charttopright{ width: 100%; font: bold 9px/13px verdana; color: #5b5b5b; text-align: left; vertical-align: bottom; border-bottom: 1px solid #999999; border-right: 0px solid #999999; }
td#chartright{ width: 100%; font: 9px/13px verdana; color: #5b5b5b; text-align: left; vertical-align: top; border-right: 0px solid #999999;}
td#chartbot{ width: 100%; font: 9px/13px verdana; color: #5b5b5b; text-align: left; vertical-align: top; border-bottom: 0px solid #999999;}
td#chartbotright{ width: 100%; font: 9px/13px verdana; color: #5b5b5b; text-align: left; vertical-align: top; border-bottom: 0px solid #999999; border-right: 0px solid #999999;}
td#chartbotleft{ width: 100%; font: 9px/13px verdana; color: #5b5b5b; text-align: left; vertical-align: top; border-bottom: 0px solid #999999; border-right: 1px solid #999999;}
div.contact { width: 350px; font: 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top;}
div.contactleft { float: left; width: 175px; font: 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top;}
div.contactright { float: left; width: 175px; font: 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top;}

.red { font: 9px verdana; color: #fa1e01; text-align: left; vertical-align: top; padding: 17px 0px 7px 0px;}
.date { font: bold 9px/14px verdana; color: #0d1d41;}
.caption { font: 9px/14px verdana; color: #0d1d41;}
.caption a { font: 9px/14px verdana; color: #0d1d41; text-decoration: underline;}
table.bio { width: 530px; font: 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top;}
td.bioleft { width: 420px; font: 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top; padding: 30px 35px 30px 0px; border-bottom: 1px solid #dadada;}
td.bioright { width: 110px; font: 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top; padding-top: 66px; border-bottom: 1px solid #dadada;}
td.bioleftbot { width: 420px; font: 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top; padding: 30px 35px 10px 0px;}
td.biorightbot { width: 110px; font: 11px/17px verdana; color: #0d1d41; text-align: left; vertical-align: top; padding-top: 66px;}


/* subnav css*/
div.subnav { font: 10px/23px Verdana; color: #06225e; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 3px 8px; text-align: left; vertical-align: top; padding-left: 16px; margin-left: 0px;}
div.subnav a { font: 10px/23px Verdana ; color: #06225e; text-decoration: none;}
div.subnav a:hover { font: bold 10px/23px Verdana ; color: #06225e; text-decoration: none;}
div.subnavon { font: bold 10px/23px Verdana; color: #06225e; background-image: url(images/arrowblue.gif); background-repeat: no-repeat; background-position: 3px 8px; text-align: left; vertical-align: top; padding-left: 16px; margin-left: 0px;}
div.subnavon a { font: bold 10px/23px Verdana ; color: #06225e; text-decoration: none;}


/* third level nav css*/
div.thirdnav { font: 9px/18px Verdana; color: #797979; text-align: left; vertical-align: top; padding-left: 0px; margin-left: 25px;}
div.thirdnav a { font: 9px/18px Verdana ; color: #797979; text-decoration: none;}
div.thirdnav a:hover { font: 9px/18px Verdana ; color: #797979; text-decoration: underline;}
div.thirdnavon { font: 9px/18px Verdana; color: #797979; text-align: left; vertical-align: top; padding-left: 0px; margin-left: 25px;}
div.thirdnavon a { font: 9px/18px Verdana ; color: #797979; text-decoration: underline;}




/* MSDS Sidebar CSS */
table.msds { font: 9px/13px verdana; color: #4f4f4f; }
td.msdshead { font: bold 10px/17px verdana; color: #0d1d41; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 13px 6px; text-align: left; vertical-align: top; padding: 1px 0px 5px 23px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
td.msdsheadtext { font: bold 10px/17px verdana; color: #0d1d41; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 13px 6px; text-align: left; vertical-align: top; padding: 1px 0px 5px 23px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
td.msdstext { font: 9px/14px verdana; color: #4f4f4f; text-align: left; vertical-align: top; padding: 8px 15px 10px 13px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
td.msdstext a { font: 9px/14px verdana; color: #4f4f4f; text-align: left; vertical-align: top; text-decoration: underline;}

/* Search CSS */
td.searchleft { position: relative; z-index:1; left: 0px; top: 0px; width: 77px; font: 10px/14px verdana; color: #999999;}
td.searchcenter { position: relative; z-index:1; left: 0px; top: 0px; width: 536px; font: 11px/13px verdana; color: #0d1d41; padding-top: 4px; padding-bottom: 40px;}
td.searchcenter a {font: 11px/13px verdana; color: #0d1d41; test-decoration: underline;}
td.searchright { position: relative; z-index:2; left: 0px; padding-top: 60px; width: 125px; font: 9px/13px verdana; color: #4f4f4f;}
td.search { font: 9px/12px verdana; color: #4f4f4f; background-color: #ff891b; text-align: left; vertical-align: top; background-image: url(images/searchtop.gif); background-repeat: no-repeat; background-position: 0px 0px; padding: 10px 0px 0px 11px; }
td.searchbot { font: 9px/12px verdana; color: #ffffff; background-color: #ffffff; text-align: left; vertical-align: top; background-image: url(images/searchbottom.gif); background-repeat: no-repeat; background-position: 0px 0px;}
.searchtext { width: 100px; font: 10px/12px verdana; color: #4f4f4f;}
.searchmain { font: 11px verdana; color: #0d1d41;}
#searchbut { padding: 0px 0px 0px 0px;}


/* copyright css */
table.info { width: 741px; height: 15px; font: 9px verdana; color: #969696; border-top: 1px solid #bababa;}
.greybottom { font: 9px verdana; color: #969696; padding-top: 5px}
.greybottom a {color: #969696; text-decoration: none;}
.greybottom a:hover { color: #969696; text-decoration: underline;}
td.center { width: 91px; }


table.banner {width: 760px; }
td.bannerleft2 { width:103x; text-align: left; vertical-align: top; background-color:#5baedd;}
td.bannerright2 { width:642px; text-align: left; vertical-align: top; background-color:#5baedd;}


/*********************************************************************************/

/* main nav css */
table.mainnav { width: 760px; background-color: #ffffff; text-align: left; vertical-align: top; }
td.border { font: bold 9px Verdana; color: #ffffff; text-align: left; vertical-align: top; background-color: #FF6600; border-right: 1px solid #fdcb9c; border-bottom: 1px solid #fdcb9c;}
td.noborder {text-align: left; vertical-align: top; background-color: #FF6600; border-bottom: 1px solid #fdcb9c;}
div.nav { font: bold 9px Verdana; color: #ffffff; text-align: left; float: left; padding: 5px 0px 5px 0px; }
div.nav a { font: bold 9px Verdana; color: #ffffff; text-align: left; background-image: url(images/navarrow1.gif); background-position: 11px 4px; background-repeat: no-repeat; padding-left: 22px; text-decoration: none; float: left;}
div.nav a:hover {font: bold 9px Verdana; color: #ffffff; text-align: left; background-image: url(images/navarrow2.gif); background-position: 11px 4px; background-repeat: no-repeat; padding-left: 22x; text-decoration: none; float: left; background-color: #FF6600;}
div.navon { width: 100%; font: 9px Verdana; color: #ffffff; text-align: left; background-color: #fb9638; padding: 5px 0px 5px 0px; float: left; }
div.navon a { font: bold 9px Verdana; color: #ffffff; text-align: left; background-color: #fb9638; background-image: url(images/navarrow2.gif); background-position: 11px 4px; background-repeat: no-repeat; padding-left: 22px; text-decoration: none; float: left;}

div.navleft { font: bold 9px Verdana; color: #ffffff; text-align: left; float: left; padding: 5px 0px 5px 0px; }
div.navleft a { font: bold 9px Verdana; color: #ffffff; text-align: left; background-image: url(images/navarrow1.gif); background-position: 5px 4px; background-repeat: no-repeat; padding-left: 16px; text-decoration: none; float: left;}
div.navleft a:hover {font: bold 9px Verdana; color: #ffffff; text-align: left; background-image: url(images/navarrow2.gif); background-position: 5px 4px; background-repeat: no-repeat; padding-left: 16px; text-decoration: none; float: left; background-color: #FF6600;}


div.navcontact { font: bold 9px Verdana; color: #ffffff; text-align: left; background-image: url(images/leftcorner.gif); background-position: 0px 0px; 
background-repeat: no-repeat;}
div.navcontact a { font: bold 9px Verdana; color: #ffffff; text-align: left; background-image: url(images/arrowgray.gif); background-position: 11px 4px; 
background-repeat: no-repeat; padding-left: 19px; text-decoration: none;}
div.navcontact a:hover { font: bold 9px Verdana; color: #6fadfe; text-align: left; background-image: url(images/arrowbluelight.gif); background-position: 11px 4px; 
background-repeat: no-repeat; padding-left: 19px; text-decoration: none;}
div.navcontacton { font: bold 9px Verdana; color: #ffffff; text-align: left;}
div.navcontacton a { font: bold 9px Verdana; color: #ffffff; text-align: left; background-image: url(images/arrowwhite.gif); background-position: 11px 4px; background-repeat: no-repeat; padding-left: 19px; text-decoration: none;}