body {
margin:0; padding:0; text-align:center;
background-color:#EEEEEE;
color:#333333;
font-family:arial, verdana, sans-serif;
font-size:80%;
background-image:url(images/bg.png);
background-repeat:repeat-x;
background-attachment:fixed;
}

/* GENERAL */
p.skiptocontent {display:none;}

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

p, ul, ol, table {
padding:0; margin:0.5em 0 1em 0;}

/* HEADINGS */
h1, h2, h3, h4, h5 {
font-weight:bold;}

h1 {
font-size:150%;
}

h2 {
font-size:130%;
color:#CC0000;
margin:1em 0 0.8em 0;
}
h2 strong {font-size:130%;}

h3 {
font-size:120%;
margin:1.5em 0 0.8em 0; padding:0.1em 0;
/*border-bottom:1px dotted #CCCCCC;*/
background-image:url(images/h3bg.gif);
background-position:bottom left; background-repeat:no-repeat;
/*border-bottom:3px solid #DDDDDD;*/
clear:left;
}

#content h3 {
clear:both;
}

h4 {font-size:120%; margin:1.2em 0 0.8em 0;}
ul h4 {font-weight:normal; margin:0.5em 0;}

h5 {font-size:100%; margin:0.5em 0 0 0; font-weight:bold;}

p.breadcrumbs, p.printlink {font-size:85%; margin:0 0 0.3em 0;}
p.printlink {float:right; margin:0 1em 0 0.5em;}
.printlink a {text-decoration:none;}

span.note {font-size:90%; color:#666666;}

/* LISTS */
ul, ol {
margin-left:2.5em;
margin-top:1.5em;
padding:0;
}
ul {list-style-type:square;}
li {margin:0.2em 0; padding:0;}
ul ul {margin-top:0.1em; margin-bottom:0.1em;}

ul.pagelistimg, ul.extlinks {list-style:none; margin-left:0;}
ul.pagelistimg li {float:left; width:49.5%; text-align:center}
ul.pagelistimg li div.previewimgbox {height:130px;}
ul.pagelistimg li img {border:none;}
ul.pagelistimg li h4 {font-size:100%; font-weight:bold; vertical-align:middle; padding-top:8pt; padding-bottom:15pt;}

ul.extlinks li img {vertical-align:middle; margin-right:1em;}
ul.extlinks li a {text-decoration:none;}

/* IMAGES */

img.rightimg, div.rightimgbox {float:right; clear:right; margin:0 0 5px 10px;}
img.leftimg, div.leftimgbox  {float:left; clear:left; margin:0 10px 5px 5px;}

p.caption {color:#666666; font-size:90%; margin:0.5em 0 1em 0;}

.imagerow , .threeimagerow{
clear:both; width:100%;
margin:1.5em 0 1.5em 0;
}
.imagerow img, .threeimagerow img {margin:0 5px 0 0;}
.imagerow div, .threeimagerow div {float:left;}
.imagerow div p, .threeimagerow div p {font-size:85%;}

.threeimagerow div {width:173px; margin-right:6px;}

a img, img.map {border:none;}

/* TABLES */
table {border:none;}
tr {border:none;}
td{border:none; margin:2px; padding:0.2em;}
tfoot{font-size:85%; color:#888888; text-align:center;}

/* COLUMNS */
div.lefthalf, div.righthalf {width:50%; float:left;}
div.lefthalf {clear:left;}

div.firstthird, div.third {width:33%; float:left;}
div.firstthird {clear:left;}

/* FORMS */
div.commentsbox div.label {
float:left; width:150px;
}
div.commentsbox div.input {
margin:0 0 0.7em 150px;
}
div.input {margin-bottom:0.7em;}
div.commentsbox textarea{width:280px;}
fieldset {border: 1px solid #CCCCCC; padding: 10px 8px; margin: 0 0 8px 0;}
input {padding: 2px; }
legend {color:#333333;}
.comment {padding: 10px; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; }
.commentsbox {background: #f4f4f4; padding:10px; margin:10px 0 10px 0; width:520px;}
.commentsbox p {margin:0.3em 0 1em; padding:0;}

/* NEWS */
div.news p {font-size:90%; margin:0;}
div.newscontent {margin:0 20px 0 0px; padding-bottom:0.7em;}
p.readmore, p.date {margin:0 0 1em 0; padding:0 0 0.2em 0; border-bottom: 1px solid #DDDDDD;}
p.date {margin-top:1.5em;}
div.news a {text-decoration:none;}
span.readall {font-size:70%; margin-left:1.4em;} 
span.readall a {text-decoration:none;}

div.paginator {margin:2.5em 0 0 0;}

div#latestnews {
float:right; width:269px;
padding-bottom:20px;
background-image:url(images/powderpile.jpg);
background-repeat:no-repeat;
background-position:bottom center;
overflow:auto;
}
div.news div.date {font-size:90%;}
div#latestnews h5 {
margin:0.5em 0 0.7em 0px;
}
#latestnews .news .newscontent {margin-right:0;}
#latestnews h3 {margin:0.1em 0 0.3em 0;}
div.news h4 {margin:0; font-weight:normal; font-size:90%; color:#000000; line-height:1.3em;}

div#welcome {
/*border-right:1px solid #F0F0F0;*/
float:left; width:245px;
text-align:justify; padding:5px 10px 0 5px;
background-image:url(images/welcomebg.png);
background-repeat:no-repeat;
background-position:50% 50%;
}

/* DOWNLOADS AREA */
div.downloads {
float:right;
width:200px;
padding:0.4em 0.3em 0.3em 0.3em; margin:5px 0 5px 5px;
border:1px solid #CCCCCC;
background-color:#F6F6F6;
clear:both;
}
div.downloads ul {list-style-type:none; margin:0.5em 0 0 0;}
div.downloads ul li {padding:0.2em 0; margin:0; float:left; width:50%; font-size:90%;}
div.downloads ul li.single {float:none; width:100%; padding-left:0.5em;}
div.downloads a {text-decoration:none;}
div.downloads a:hover {color:#FF0000;}
div.downloads h3 {text-align:center; margin:0.4em 0;}

span.size {font-size:85%; font-weight:normal;}
h4 span.size {font-size:70%; font-weight:normal;}

/* SITEMAP? */
#content ul.sitemap {padding: 0; margin: 0 0 10px; border:none;}
#content ul.sitemap li {list-style-type: none; margin:0; padding:0; border:none;}

/* STRUCTURE */
#wrapper {
width:780px; margin:0 auto; padding:0 10px;
text-align:left;
background-image:url(images/shadow.gif);
background-repeat:repeat-y;
background-position:top center;
background-color:#FFFFFF;
}
#header {
background-image:url(images/header.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#CC0000;
}
#tophead {
height:120px; width:100%;
position:relative;
z-index:1;
}
h1 {
margin:0; position:absolute;
top:5px; left:25px;
}
h1 img.printlogo {
display:none;
}
#header p.subheading {
position:absolute; top:95px; left:25px;
margin:0; padding:0; z-index:10;
color:#FFFFFF; font-size:110%;
font-style:italic; font-weight:bold;
}

#content {
float:right; width:540px;
padding:10px 15px 10px 10px;
}

/* SIDEBOX */
#sidebox {
float:left;
width:170px;
font-size:90%;
padding:20px 25px 10px 20px;
margin-top:10px;
background-image:url(images/sidebox.png);
background-repeat:no-repeat;
background-position:top left;
}
#sidebox h4, #sidebox h3 {
width:145px;
font-size:110%; font-weight:bold;
padding:0.1em 0; margin:0.2em 0 0.5em 0;
border-bottom:1px dotted #D6D6D6;
background-image:none;
}
#sidebox h3 {font-size:120%;}
#sidebox h4 a {text-decoration:none;}
#sidebox h5 {margin:0; padding:0; color:#CC0000; font-size:100%;}
#sidebox ul.links {
padding:0; margin:0.5em 0 1em 0;
list-style-type:none;
width:145px;
}
#sidebox ul.links a {
display:block; padding:0.2em 2%; margin:2px 0;
background-color:#F6F6F6; border-bottom:1px solid #DDDDDD;
width:96%; text-decoration:none;
}
#sidebox ul.links a:hover {
background-color:#FFFFFF;
text-indent:0.3em;
}
#sidebox ul.links ul {
margin:0 0 0 0; padding:0; list-style-type:none;}
#sidebox ul.links ul a {text-indent:1em;}
#sidebox ul.links ul a:hover {text-indent:1.3em;}
#sidebox ul.links h5 {margin:0.5em 0; text-indent:0.3em;}
#sidebox ul {
list-style-type:square;
margin:1em 0 1em 2em; padding:0;
}
#sidebox p.logos {
margin:1em 0 1em 0;
}
#sidebox .extra {margin-top:1em;}

/* FOOTER */
#footer {
clear:both; padding:15px 0 5px 0; margin-top:20px;
width:100%; text-align:center;
background-color:#5D5D5D;
background-image:url(images/footerbg.jpg);
background-repeat:repeat-x;
background-position:bottom left;
color:#CCCCCC; font-size:80%;
border-top:2px solid #CCCCCC;
}
#footer p {margin:0.5em 0 1em 0; padding:0;}
#footer a {color:#CCCCCC;}

#divisioncontacts {display:none;}

#bottom{
clear:both;
width:800px; height:16px; margin:0 auto;
background-image:url(images/bottomshadow.gif);
background-repeat:no-repeat;
background-position:bottom center;
font-size:2px;
}

/* MENU */
div#abovemenu {
text-align:right;
/*background-color:#CC0000;
border-top:1px solid #DD0000;*/
color:#FFFFFF;
}
#abovemenu p {margin:0; padding:4px 0 2px 0; font-size:90%;}
#abovemenu span {padding:0 0.6em; }
#abovemenu span.lang img {margin:0 0 0 0.6em;}
#abovemenu span.login {border-style:dotted; border-color:#CCCCCC; border-width:0;}
#abovemenu a {color:#FFFFFF;}
#abovemenu form, #menu form {margin:0 0 0 0.6em; padding:0; display:inline;}
#abovemenu input, #menu input {padding:0; margin:0; vertical-align:middle;}
#abovemenu input.text, #menu input.text {border:1px solid #CCCCCC; margin:0.1em 0; padding-left:0.3em;}

#menu form {position:absolute; bottom:2px; right:2px; margin:0;}

div#menu {
position:relative;
z-index:10;
width:100%;
float:left;
border-bottom:6px solid #3B3B3B;
background-image:url(images/menubg.gif);
background-position:bottom left;
background-repeat:repeat-x;
background-color:#CC0000;
}
#nav {
margin:0; padding:3px 0 0 10px;
float:left;
list-style:none;
}

#nav li {
margin:0 1px 0 0; padding:0 9px 0 0;
float:left;
background-image:url(images/linkbg2.gif);
background-repeat:no-repeat;
background-position:top right;
}

#nav li a {
display:block;
margin:0; padding:4px 0 4px 9px;
color:#333333;
text-decoration:none;
background-image:url(images/linkbg.gif);
background-position:top left;
background-repeat:no-repeat;
}
#nav li a:hover {
color:#CC0000;
}

#nav ul a:hover {
background-color:#EEEEEE;
}

#nav li ul { /* second-level lists */
  padding:0;
  margin:0;
  z-index:13;
  list-style:none;
  position:absolute;
  width:140px;
  left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers*/
  border-top:6px solid #3B3B3B; 
}
#nav li ul li {
width:140px;
margin:0; padding:0;
background-image:none;
}
#nav li ul a {
  padding:3px 5px;
  width:130px;
  background-image:none;
  border-bottom:1px solid #FFFFFF;
  font-size:90%;
  background-color:#D6D6D6;
  line-height:16px;
}
#nav ul a.more {
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:bottom right;
padding-right:10px;
width:125px;
}

#nav li ul ul { /* third-and-above-level lists */
  margin:-26px 0 0 140px; border-width:3px; width:170px; z-index:200;
}
#nav li ul ul.longcat {
  top:3px; margin-top:0;
}
#nav li ul ul ul {
  margin:-26px 0 0 170px; border-width:3px; width:170px; z-index:200;
}
#nav ul ul a {
width:160px;
}
#nav ul ul a.more {
width:155px;
}
#nav li:hover, #nav li.sfhover {
	position: static; 
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left:-999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
  left:auto;
}

#flashcontent {position:relative; z-index:0; clear:both;}


/* 3D SCHEMATIC ON HOME PAGE */
div#schematic {
height:386px; width:500px; position:relative;
background-image:url(3dschematic/3dschematic.jpg);
}
#schematic a img {border:none; 
opacity:0;
KhtmlOpacity:0;
filter:alpha(opacity=0);
}
#schematic a:hover img {
opacity:1;
KhtmlOpacity:1;
filter:alpha(opacity=100);
}
#schematic ul {list-style-type:none;}
#schematic ul li {position:absolute;}
#schematic ul, #schematic li, #schematic a, #schematic img {margin:0; padding:0;}

#containeremptying {left:29px; top:26px;}
#automatedbagemptying {left:2px; top:119px;}
#bintipping {left:31px; top:218px;}
#bulkbagemptying {left:32px; top:275px;}
#bulkstorage {left:153px; top:102px;}
#bulktankerunloading {left:193px; top:4px;}
#powderblending {left:275px; top:147px;}
#bagfilling {left:272px; top:221px;}
#canfilling {left:389px; top:201px;}
#binfilling {left:391px; top:100px;}
#bulkbagfilling {left:379px; top:0;}
#silostorage{left:274px; top:10px;}
