* {margin:0; padding:0;}

body {margin:0 auto; color:#404040; background:url(images/gif/background.gif) repeat-y top center #fff; font:80% Trebuchet MS;}
#wrapper {margin:0 auto; color:#000; width:1000px; border:5px solid Gray;}
#header {margin:10px; height:185px; background:url(images/dhLogo.jpg) no-repeat top;}
#headerText {margin:95px 0 0 205px; color:#8B0000; font-size:1.5em; text-align:left; letter-spacing:-1px; line-height:2.3em;}


#topMenu {margin:0 auto; height:25px; background:Gray; line-height:25px; color:#fff;}
#topMenu ul {float:left; list-style:none; position:relative; width:100%;}
#topMenu ul li {margin:0; float:left; padding-left:9px; padding-right:10px; border-left:1px solid #fff;}
#topMenu ul li a {padding:1px 0 0 0; display:block; color:#fff; text-decoration:none; font-size:10.5px; font-style:normal;}
#topMenu ul li a:hover {color:#000; text-decoration:none; font-style:normal;}
#topMenu ul li img {vertical-align:text-top;}


#topNav {margin:0 auto; height:32px; background:#000; line-height:32px; color:#fff;}
#topNav ul {float:left; list-style:none; position:relative; width:100%;}
#topNav ul li {margin:0; float:left; padding-right:7px; border-left:1px solid #555;}
#topNav ul li a {padding:0 0 0 8px; display:block; color:#fff; text-decoration:none; font-size:12.2px; font-style:normal;}
#topNav ul li a:hover {color:Gray; text-decoration:none; font-style:normal;}
#topNav ul li img {vertical-align:text-top;}
#topNav ul li span {float:left; line-height:15px; position:absolute; display:none; background:Gray; color:#fff;}
#topNav ul li:hover span {display:block; padding:10px 10px 10px 0px; border:1px solid #000;}
#topNav ul li span a:hover {text-decoration:none; color:#000; font-style:normal;}


#sideBar {margin-left:10px; padding-top:5px; background-color:#fff; float:left; width:200px;}
#sideBar h2 {margin:10px 0 0 0; padding:5px 5px 5px 5px; font-size:105%; color:#fff; background:#8B0000; letter-spacing:1px;}
#sideBar .left-box {margin:0 0 5px 0; border:1px solid Gray; background:#fff;}
#sideBar ul {list-style:none; text-align:left; margin:3px 0px 8px 0; padding:0; text-decoration:none;}
#sideBar ul li {padding:5px 5px 5px 4px; margin:0; text-align:left;}
#sideBar ul li a {color:#000; padding:3px 0px; background:none; text-decoration:none; font-style:normal;}
#sideBar ul li a:hover {color:#8B0000; text-decoration:none; font-style:normal;}
#sideBar img {vertical-align:text-bottom;}


#content {padding: 0 10px 10px 0;}

#divClear { clear:both; height:10px; }

#divLeft {float:left;}
#divRight {float:right;}
#divcenter {float:left; width:49%;}

#divLeft ul {list-style:none; text-align:left; text-decoration:none; margin:0;}
#divLeft ul li {text-align:left; margin:0; font-weight:bold;}
#divLeft ul li ul {list-style:disc; text-align:left; padding-left:15px; text-decoration:none;}
#divLeft ul li ul li {text-align:left; margin-left:15px; margin-bottom:5px;}
#divLeft ul li ul li a {color:#8B0000; text-decoration:underline; font-style:italic;}
#divLeft ul li ul li a:hover {color:#000; text-decoration:underline; font-style:italic;}


#divBrochureFields {float:left; vertical-align:middle; width:15%;}
#divBrochureControls {float:left; vertical-align:middle; width:85%;}

#contactdivLeft {float:left; width:65%;}
#contactdivRight {float:right; width:31%;}
#exhibitiondiv {float:left; width:23%; padding:5px;}

#tech a {text-decoration:underline; color:#000; font-style:italic;}
#tech a:hover {color:#8B0000; text-decoration:underline; font-style:italic;}
#techRow1 {float:left; width:33%; line-height:4.5em;}
#techRow2 {float:left; width:33%; line-height:3.0em; padding-bottom:15px;}

#techHead {float:left; width:33%; padding-top:5px; padding-bottom:5px; font-size:125%; font-style:italic; text-align:center; color:#8B0000; font-weight:bold;}
#techRow1 img, #techRow2 img, #techRow3 img {border:none; vertical-align:text-bottom;}

#properties {float:left; width:24%; font-style:italic; font-size:90%; color:#8B0000;}
#sources {float:left; width:24%; font-style:italic; font-size:90%; color:#8B0000;}
#system {float:left; width:32%; font-style:italic; font-size:90%; color:#8B0000;}
#profile {float:left; width:32%; font-style:italic; font-size:90%; color:#8B0000;}

#news {float:left; width:32%;}
#products {float:left; width:32%;}
#products ul li {float:center; color:#000; font-size:90%; font-style:italic; text-align:left; width:168px;}
#categories {float:left; width:20%; margin-left:19px; margin-right:19px;}
#categories h5 {font-style:italic; color:#8B0000;}
.catImg {width:168px; height:142px; border:thin; border-style:solid; color:#000; margin-bottom:4px;}

#types {float:left; width:32%;}
#types img {border-style:inset; border-width:thin; border-color:#B6B6B6;}
#distributorLeft {float:left; width:45%; margin-right:10px; line-height:1.6em;}
#distributorRight {float:left;}
#distributorRight img {border-style:inset; border-width:thin; border-color:#B6B6B6; vertical-align:middle;}
#locations {float:left; width:31%; margin-left:5px; margin-right:10px; margin-bottom:15px;}

#footer {margin:0 auto; padding:0; font-size:1.0em; font-weight:bold; line-height:1.5em; border-top:5px solid Gray; clear:both; color:#8B0000; text-align:center;}
#footer p {margin:0; padding:0;}

#vacLeft {float:left; width:27%;}
#vacRight {float:left; width:73%;}

a {text-decoration:underline; font-weight:bold; color:#8B0000; font-style:italic;}
a:hover {text-decoration:underline; color:#000; font-style:italic;}
a img {border:0;}

p {margin:10px 0 15px 5px; text-align:justify;}
i {font-weight:bold; color:#8B0000;}

h1 {margin:10px 0 0 0; padding:0 0 0 5px; font-size:105%; color:#fff; letter-spacing:1px; background:#8B0000; line-height:27px; border:1px solid Gray;}
h3 {margin:10px 0 0 0; padding:5px 2px 2px 5px; font-size:115%; color:#000; letter-spacing:0px; border-bottom:5px solid Gray;}
h3 a {text-decoration:none; color:#000; font-style:normal;}
h3 a:hover {text-decoration:none; color:#000; font-style:normal;}
h4 {color:#8B0000; font-weight:bold;}

ul {list-style-type:square;}
ul li {margin:0 0 8px 20px; text-align:justify;}

ol li {margin:0 0 10px 25px; text-align:justify; list-style-type:decimal; font-style:italic; color:#8B0000;}
ol li ol li {text-align:justify; list-style-type:lower-alpha; font-style:normal; color:#000;}
ol li ol li ol li {text-align:justify; list-style-type:lower-roman; font-style:italic; color:#8B0000;}

.table {width:100%; border-style:solid; border-width:thin; border-color:#000; font-size:75%;}
.tRow {background-color:#000; color:#fff; font-weight:bold; text-align:center; vertical-align:middle;}
.cm {text-align:center; vertical-align:middle;}
.lm {text-align:left; vertical-align:middle;}

.headingInt {font-size:110%; color:#8B0000;}
.right {float:right; width:770px; text-align:justify; margin-left:10px; padding-top:5px;}
.csscolor {color:#8B0000;}
.img {border:thin; color:#000; border-style:solid;}
.leftPhoto {margin:10px 10px 0px 0px; background:#fff; border:1px solid #bababa; padding:0px; float:left;}
.rightPhoto {margin:10px 0px 0px 10px; background:#fff; border:1px solid #bababa; padding:0px; float:right;}
.box {background:Black; border:1px solid Gray; color:#fff; font-size:0.9em; font-style:italic; font-weight:bold; margin:10px 0 0 0; padding:4px;}
.box a {color:#f0f0f0;}

.hd .c, .dialog .ft .c {height:8px;}
.ft .c {height:14px;}
.hd {background:transparent url('images/rounded/tl.gif') no-repeat 0px 0px;}
.hd .c {background:transparent url('images/rounded/tr.gif') no-repeat right 0px;}
.bd {background:transparent url('images/rounded/ml.gif') repeat-y 0px 0px;}
.bd .c {background:transparent url('images/rounded/mr.gif') repeat-y right 0px;}
.bd .c .s {margin:0px 8px 0px 4px; background:#8B0000 url('images/rounded/ms.jpg') repeat-x 0px 0px; padding:1em; text-align:justify; color:#fff; font-style:italic;}
.ft {background:transparent url('images/rounded/bl.gif') no-repeat 0px 0px;}
.ft .c {background:transparent url('images/rounded/br.gif') no-repeat right 0px;}