/* CSS Document */

img { border: none; } /* Removes default borders around linked images */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Vertical DIV Centering */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * {
 margin: 0;
 padding: 0;
 }
 */
#map_canvas { height: 400px;width: 550px }
html, body {
    height: 100%;
    scrollbar-base-color: #FFA600;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #000000;

    scrollbar-shadow-color: #000000;
    scrollbar-lightshadow-color: #000000;
    scrollbar-darkshadow-color: #000000;

    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-align: center; /* horizontal centering for IE Win quirks */
    background-color: #000000;
}
body.ieframe {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-align: center; /* horizontal centering for IE Win quirks */
    background-color: #FFFFFF;
}

#distance { 
    width: 1px;
    height: 50%;
    background-color: transparent;
    margin-bottom: -300px; /* half of container's height */
    float: left;
}
#container {
    margin-left: auto;
    margin-right: auto;
    margin-top:0px;
    position: relative; /* puts container in front of distance */
    text-align: center;
    height: 550px;
    width: 800px;
    clear: left;
    background-color: transparent;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Page Structure */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#top_header { /* Top header bar */
    width: 800px;
    background-color: #000000;
    text-align: left;
    position: relative;
}
#page_middle { /* Middle container (contains the columns) */
    width: 800px;
    height: 398px;
    background-color: #000000;
    text-align: left;
    position: relative;
}
#nav_column { /* Nav column */
    width: 160px;
    height: 398px;
    margin: 0;
    background-image: url(../images/navbar.gif);
    text-align: left;
    float: left;
    position: relative;
    z-index: 1100; /* only works on elements that have been positioned - eg. relative, absolute */
}
#image_area { /* Background image */
    width: 640px;
    height: 398px;
    background-color: transparent;
    text-align: left;
    float: left;
}
#content_area { /*  */
    width: 620px;
    height: 358px;
    margin-top: 20px;
    background-color: transparent;
    text-align: left;
    float: left;
}
#spacer_column { /* Spacer column (required for IE6) */
    width: 20px;
    height: 358px;
    background-color: transparent;
    float: left;
}
#main_content { /* Scrolling content column */
    width: 600px;
    height: 358px;
    background-color: transparent;
    text-align: left;
    float: left;
    position: relative;
}
#bottom_footer { /* Bottom footer bar */
    width: 800px;
    height: 30px;
    background-image: url(../images/footer.gif);
    text-align: left;	
}
#bottom_footer2 { /* Bottom footer bar */
    width: 200px;
    height: 160px;	
    text-align: left;
    position: relative;	
    float: left;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Form Styles */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

form {
    display: inline; /* Prevents extra space from being added below the form */
    margin: 0;
}
input,textarea, select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #000000;
/*	background-color: #FFFFFF; */
/*	border: 1px; */
/*	border-color: #234983; */
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Text Styles */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.bodystyle1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 16px;
    font-weight: normal;
    color: #FFA600;
}
.footerstyle1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 14px;
    font-weight: normal;
    color: #FFA600;
}
/*&,*/
.cssDateUploaded,.T1_CH1,.YN_DisabledLink,.T1_CL1,.LabelView1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #000000;
    background-color:#FFFFFF

}
A:link.ProductGroupNavLink , a:visited.ProductGroupNavLink,a:visited.pnavlink,A:link.pnavlink
{
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #E69500;
}
a:hover.ProductGroupNavLink,a:hover.pnavlink
{
    text-decoration: none;
    color: #999999;
}
.bodystyle2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #FFFFFF;
}

.prodnavstyle1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #000000;
}
.prodnavstyle2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    font-weight: bold;
    color: #000000;
}
.prodnavstyle4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;  
    font-weight: bolder;
    color: #FFFFFF;	
    border-style:solid;
    border-width:medium;
    border-color:#FFA600;
    border-bottom:none;
    border-left:none;
    border-right:none;
    
}
TABLE.SearchTable
{
 border-right: #FFA600 1px solid;
 padding-right: 0px;
 border-top: #FFA600 1px solid;
 padding-left: 4px;
 background-image: none;
 padding-bottom: 2px;
 margin: 0px;
 border-left: #FFA600 1px solid;
 padding-top: 0px;
 border-bottom: #FFA600 1px solid;
 background-color: white;
}
.prodnavstyle3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bolder;
    color: #000000;	
    
}
.cssOtherDocument,.cssDocumentHeader,.ViewMode2,.YNSlash, .LabelValue1,.bodystyle3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    font-weight: bold;
    color: #FFA600;
}
.ViewMode2 
{	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	font-weight: bold;
	color: #FFA600;
}
.title1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #FFA600;
}
.title2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 17px;
    font-weight: bold;
    color: #000000;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Link Styles */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a:link {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    /*color: #FFA600;*/
    color: #E69500
}
a:visited {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    /*color: #FFA600;*/
    color: #E69500
}
a:hover {
    text-decoration: none;
    color: #999999;
}
a:active { }

/* - - - - - - - - - - - - - - - */

a.linkstyle1:link {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 15px;
    font-weight: normal;
    color: #FFFFFF;
}
a.linkstyle1:visited {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 15px;
    font-weight: normal;
    color: #FFFFFF;
}
a.linkstyle1:hover {
    text-decoration: none;
    color: #999999;
}
a.linkstyle1:active { }

/* - - - - - - - - - - - - - - - */

a.linkstyle2:link {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 15px;
    font-weight: normal;
    color: #FFA600;
}
a.linkstyle2:visited {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 15px;
    font-weight: normal;
    color: #FFA600;
}
a.linkstyle2:hover {
    text-decoration: none;
    color: #999999;
}
a.linkstyle2:active { }

/* - - - - - - - - - - - - - - - */

a.linkstyle3:link {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #000000;
}
a.linkstyle3:visited {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #000000;
}
a.linkstyle3:hover {
    text-decoration: none;
    color: #FFFFFF;
}
a.linkstyle3:active { }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Sub-Navigation Links */ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#subcontainer {
    width: 182px;
    height: 358px;
    margin: 0;
    padding-top: 10px;
    border: none;
    float: left;
    background-image: url(../images/bkgd_texture_yellow.gif);
    background-repeat: repeat-y;
    background-position: bottom left;
}

#subcontainer a, #subcontainer a:link {
    display: block; /* Displays links as "boxes" */
    width: 152px;
    height: 28px;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 30px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
    background-image: url(../images/navbutton_off.gif);
    background-repeat: repeat-y;
    background-position: top left;
}
#subcontainer a:visited {
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}
#subcontainer a:hover {
    text-decoration: none;
    color: #000000;
    font-weight: normal;
    background-image: url(../images/navbutton_on.gif);
    background-repeat: repeat-y;
    background-position: top left;
}
#subcontainer a:active { }

#sub_current a:link, #sub_current a:visited, #sub_current a:hover, #sub_current a:active {
    text-decoration: none;
    color: #000000;
    font-weight: normal;
    background-image: url(../images/navbutton_selected.gif);
    background-repeat: repeat-y;
    background-position: top left;
}

#ulnav {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#ulnav li a {
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
}

.out-sprite {
    background:url('../images/out-sprite.gif') no-repeat top left; 
    display:inline-block;
}
.out-sprite#b-about-off {
    background-position:0 -0px;
    width: 108px;
    height: 44px;
}
.out-sprite#b-about-over {
    background-position:0 -44px;
    width: 108px;
    height: 44px;
}
.out-sprite#b-about-selected {
    background-position:0 -88px;
    width: 108px;
    height: 44px;
}
.out-sprite#b-careers-off {
    background-position:0 -132px;
    width: 95px;
    height: 44px;
}
.out-sprite#b-careers-over {
    background-position:0 -176px;
    width: 95px;
    height: 44px;
}
.out-sprite#b-careers-selected {
    background-position:0 -220px;
    width: 95px;
    height: 44px;
}
.out-sprite#b-contact-off {
    background-position:0 -264px;
    width: 95px;
    height: 44px;
}
.out-sprite#b-contact-over {
    background-position:0 -308px;
    width: 95px;
    height: 44px;
}
.out-sprite#b-contact-selected {
    background-position:0 -352px;
    width: 95px;
    height: 44px;
}
.out-sprite#b-enviro-off {
    background-position:0 -396px;
    width: 140px;
    height: 74px;
}
.out-sprite#b-enviro-over {
    background-position:0 -470px;
    width: 140px;
    height: 74px;
}
.out-sprite#b-enviro-selected {
    background-position:0 -544px;
    width: 140px;
    height: 74px;
}
.out-sprite#b-news-off {
    background-position:0 -618px;
    width: 75px;
    height: 44px;
}
.out-sprite#b-news-over {
    background-position:0 -662px;
    width: 75px;
    height: 44px;
}
.out-sprite#b-news-selected {
    background-position:0 -706px;
    width: 75px;
    height: 44px;
}
.out-sprite#b-people-off {
    background-position:0 -750px;
    width: 88px;
    height: 48px;
}
.out-sprite#b-people-over {
    background-position:0 -798px;
    width: 88px;
    height: 48px;
}
.out-sprite#b-people-selected {
    background-position:0 -846px;
    width: 88px;
    height: 48px;
}
.out-sprite#b-plant-off {
    background-position:0 -894px;
    width: 82px;
    height: 44px;
}
.out-sprite#b-plant-over {
    background-position:0 -938px;
    width: 82px;
    height: 44px;
}
.out-sprite#b-plant-selected {
    background-position:0 -982px;
    width: 82px;
    height: 44px;
}
.out-sprite#b-process-off {
    background-position:0 -1026px;
    width: 96px;
    height: 44px;
}
.out-sprite#b-process-over {
    background-position:0 -1070px;
    width: 96px;
    height: 44px;
}
.out-sprite#b-process-selected {
    background-position:0 -1114px;
    width: 96px;
    height: 44px;
}




#lyr1 {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
    padding: 10px;
    background-color: #FFA600;
    white-space: nowrap;
    z-index: 1000; /* only works on elements that have been positioned - eg. relative, absolute */
    filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.6);
    opacity: .6;
}