/* CSS Document */

* {margin:0; padding:0;}

body {background:#FFFFFF url(../images/footer_bg.gif) bottom repeat-x;}

a:hover {text-decoration:none;}

a img { border:0;}
img {vertical-align:top;}
ul { list-style:none;}

IMG.SwapImg {display: block;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.under {text-decoration:underline;}

html, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#868686;
	background-color: #CCCCCC;
}

input, select { vertical-align:middle; font-weight:normal;}
strong {font-size:12px; color:#154c82;}

a {color:#154c82; font-size:12px;}

/*main layout */
.h_logo{ height:92px; width:100%;}

#header_tall {background:url(../images/header_tall.gif) top repeat-x;}

#main { margin:0 auto;}

#header .left {padding:26px 0 0 0;}
#header .right {padding:46px 11px 0 0;}
#header .right a {color:#154c82; padding:0 4px 1px 0; text-decoration:none;}

#menu {background:url(../images/menu_tall.gif) top repeat-x; height:52px;}
#menu .rightbg {background:url(../images/menu_right.gif) top right no-repeat;}
#menu .leftbg {background:url(../images/menu_left.gif) top left no-repeat; width:100%; height:52px;}
#menu .padding {padding:9px 0;}
#menu li {float:left; width:123px; background:url(../images/menu_libg.gif) top right repeat-y; font-size:12px; text-align:center; display:block;}
#menu li a {color:#154c82; text-decoration:none; font-weight:bold; font-size:12px; display:block; padding:8px 0 5px 0;}
#menu li span{ display:block; padding:8px 0 5px 0;}
#menu li a:hover {color:#706128; text-decoration:none; font-weight:bold;}
#menu li span {color:#706128; text-decoration:none; font-weight:bold;}
#menu .last {background:none;}
#menu .cur {color:#706128;}

#header .content {background:url(../images/pellet_blue_bg_txt.gif) top left no-repeat; padding:45px 60px 28px 414px; color:#ffffff;}
#header .content .text {
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 15px;
	font-size:14px;
	background-color: #100831;
	color: #738CDE;
}
#header .content a img {float:right;}

#middle { width:100%;}

#footer {width:988px; margin:auto;}
#footer .indent {padding:23px 0 0 17px; color:#868686; font-size:12px;}
#footer .rlinks {padding-right:17px; float:right;}
#footer a {color:#444444; text-decoration:none;}

.border {background:url(../images/border_tall.gif) top repeat-x;}
.border .btall {background:url(../images/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(../images/border_tall.gif) left repeat-y;}
.border .rtall {background:url(../images/border_tall.gif) right repeat-y;}
.border .tleft {background:url(../images/border_tl.gif) top left no-repeat;}
.border .tright {background:url(../images/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(../images/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(../images/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}
.border a img {float:right;}

.h_text {padding-bottom:2px; background:url(../images/h_text_bg.gif) bottom repeat-x;}

.more {text-align:right;}
.more a{background:url(../images/more_bg.gif) top right no-repeat; padding-right:13px; color:#154c82; font-weight:bold;}

.date {background:url(../images/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}

li { color:#3d6f92;}
li a {color:#3d6f92; font-size:11px;}

.bot_line {background:url(../images/h_text_bg.gif) bottom repeat-x;}
.b_text {color:#3d6f92;}

/* Mouse over popup textbox*/
#dhtmltooltip {
position: absolute;
width: 650px;
border: 1px solid #154c82;
padding: 2px;
color:#154c82;
background-color:#C2BCA7;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within #dhtmltooltip CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* index */
#index #middle .indent {padding:1px 0 19px 0;}
#index #middle .columns1 {padding:1px 0 0 0;}
#index #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .column2 .content {padding:1px 0 1px 0;}
#index #middle .columns1 .column1 .p1 {padding:1px 0 7px 0;}
#index #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;}
#index #middle .columns2 {padding:21px 0 0 0;}
#index #middle .columns2 .column1 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns2 .column2 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns2 .column3 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns2 .column2 .content {padding:1px 0 1px 0;}
#index #middle .columns2 .column1 .p1 {padding:5px 0 5px 0;}
#index #middle .columns2 .column2 .p1 {padding:1px 0 7px 0;}
#index #middle .columns2 .column3 .p1 {padding:1px 0 7px 0;}

/* market */
#market #middle .indent {padding:1px 0 19px 0;}
#market #middle .columns1 {padding:1px 0 0 0;}
#market #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;}
#market #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#market #middle .columns1 .column3 .padding{padding:9px 13px 3px 15px;}
#market #middle .columns1 .p1 {padding:1px 0 7px 0;}
#market #middle .activeitem .column1 .padding{padding:9px 13px 3px 15px;}
#market #middle .activeitem .p1 {padding:1px 0 7px 0;}

/* process */
#process #middle .indent {padding:1px 0 19px 0;}
#process #middle .columns1 {padding:1px 0 0 0;}
#process #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;}
#process #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#process #middle .columns1 .column3 .padding{padding:9px 13px 3px 15px;}
#process #middle .columns1 .p1 {padding:1px 0 7px 0;}
#process #middle .activeitem .column1 .padding{padding:9px 13px 3px 15px;}
#process #middle .activeitem .p1 {padding:1px 0 7px 0;}

/* product, sitemap */
#product #middle .indent {padding:2px 0 20px 0;}
#product #middle .column1 .padding1 {padding:2px 15px 0 23px;}
#product #middle .column1 .padding1 .content{padding:5px 0 5px 1px;}
#product #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#product #middle .column1 .padding1 .pd {padding:14px 0 0 0;}
#product #middle .column1 .padding1 .pd2 {padding:10px 0 0 0;}
#product #middle .column1 .padding1 .pd3 {padding:13px 0 0 0;}
#product #middle .column1 .padding1 .more {padding:0 6px 0 0;}
#product #middle .column1 .padding2 {padding:36px 20px 0 16px;}
#product #middle .column1 .padding2 .content{padding:16px 0 0 1px;}
#product #middle .cols .more {margin-top:-19px;}
#product #middle .cols .p1 {padding:21px 0 1px 0;}
#product #middle .cols {padding:14px 0 0 0;}
#product #middle .column2 .padding{padding:9px 13px 8px 15px;}
#product #middle .column2 .p1 {padding:1px 0 11px 0;}
#product #middle .column2 .p2 {padding:12px 0 11px 0;}
#product #middle .column2 .p3 {padding:13px 0 6px 0;}

/* people */
#people #middle .indent {padding:17px 0 20px 0;}
#people #middle .columns1 .column1 .padding{padding:9px 13px 16px 15px;}
#people #middle .columns1 .column2 .padding{padding:9px 13px 0 15px;}
#people #middle .columns1 .column1 ul {margin-bottom:7px;}
#people #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#people #middle a {color:#868686; font-size:12px; text-decoration:none;}
#people #middle a:hover {color:#154c82; text-decoration:underline;}
#people #middle .columns1 .column2 strong{font-size:12px;}
#people #middle .columns2 {padding:22px 0 0 0;}
#people #middle .columns2 .padding {padding:0 15px 0 17px;}
#people #middle .columns2 .p1 {padding:14px 0 10px 0;}
#people #middle .columns2 .p2 {padding:0 0 4px 0;}

/* about, news, mission, ehs */
#about #middle .indent {padding:17px 0 20px 0;}
#about #middle .columns1 .column1 .padding{padding:9px 13px 16px 15px;}
#about #middle .columns1 .column2 .padding{padding:9px 13px 0 15px;}
#about #middle .columns1 .column1 ul {margin-bottom:7px;}
#about #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#about #middle .columns1 a{color:#868686; font-size:12px; text-decoration:none;}
#about #middle .columns1 a:hover {text-decoration:underline;}
#about #middle .columns1 .column2 strong{font-size:11px;}
#about #middle .columns2 {padding:22px 0 0 0;}
#about #middle .columns2 .padding {padding:14px 15px 0 17px;}
#about #middle .columns2 .p1 {padding:14px 0 10px 0;}
#about #middle .columns2 .p2 {padding:0 0 4px 0;}

#about .arrowlistmenu{width: auto; /*width of accordion menu*/}
#about .arrowlistmenu .menuheader{ /*for menu headers (expanding or not!)*/
font: bold 14px Arial;
color: white;
background-color:#AE1BBA;
margin-bottom: 10px;
padding: 4px 0 4px 10px;
cursor: hand;}

#about .arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px;}

#about .arrowlistmenu ul li{padding-bottom: 2px;}
#about .arrowlistmenu ul li a{
color: #A70303;
display: block;
padding: 2px 0;
padding-left: 19px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;}

#about .arrowlistmenu ul li a:visited{color: #A70303;}
#about .arrowlistmenu ul li a:hover{color: #A70303;background-color: #F3F3F3;}

/* contact */
#contact #middle .indent {padding:17px 0 20px 0;}
#contact #middle .columns1 .column1 .padding{padding:9px 13px 16px 15px;}
#contact #middle .columns1 .column2 .padding{padding:9px 13px 0 15px;}
#contact #middle .columns1 .column1 ul {margin-bottom:7px;}
#contact #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#contact #middle .columns1 .column1 .p1 img {padding-right:70px; padding-left:70px;}
#contact #middle .columns1 a{color:#868686; font-size:12px; text-decoration:none;}
#contact #middle .columns1 a:hover {text-decoration:underline;}
#contact #middle .columns1 .column2 strong{font-size:11px;}
#contact #middle .columns2 {padding:22px 0 0 0;}
#contact #middle .columns2 .padding {padding:14px 15px 0 17px;}
#contact #middle .columns2 .p1 {padding:14px 0 10px 0;}
#contact #middle .columns2 .p2 {padding:0 0 4px 0;}

#contact .arrowlistmenu{width: auto; /*width of accordion menu*/}
#contact .arrowlistmenu .menuheader{ /*for menu headers (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: #ef7321;
margin-bottom: 10px;
padding: 4px 0 4px 10px;
cursor: hand;}

#contact .arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px;}

#contact .arrowlistmenu ul li{padding-bottom: 2px;}
#contact .arrowlistmenu ul li a{
color: #A70303;
background: url(../images/arrowbullet.png) no-repeat center left;
display: block;
padding: 2px 0;
padding-left: 19px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;}

#contact .arrowlistmenu ul li a:visited{color: #A70303;}
#contact .arrowlistmenu ul li a:hover{color: #A70303;background-color: #F3F3F3;}

/* form */
#form #middle .indent {padding:17px 0 20px 0;}
#form #middle a {color:#868686; font-size:12px; text-decoration:none;}
#form #middle a:hover {color:#154c82; text-decoration:underline;}
#form table {background:#feb452; color:#154c82; border:double 2px #154c82;}
#form input {background:#ffffff; color:#000000;}
#form textarea {background:#ffffff; color:#000000;}

/* maps */
#maps #middle .indent {padding:17px 0 20px 0;}
#maps #middle .columns1 .column1 .padding{padding:9px 13px 16px 15px;}
#maps #middle .columns1 .column2 .padding{padding:9px 13px 0 15px;}
#maps #middle ol {margin:10px;}
#maps #middle ul {margin-bottom:7px;}
#maps #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#maps #middle .columns1 a{color:#868686; font-size:12px; text-decoration:none;}
#maps #middle .columns1 a:hover {text-decoration:underline;}
#maps #middle .columns1 .column2 strong{font-size:11px;}
#maps #middle .columns2 {padding:22px 0 0 0;}
#maps #middle .columns2 .padding {padding:14px 15px 0 17px;}
#maps #middle .columns2 .p1 {padding:14px 0 10px 0;}
#maps #middle .columns2 .p2 {padding:0 0 4px 0;}
