/* CSS Document */

body {margin: 0px auto; padding: 0px; width: 777px;}
h1 {display: none}
h1 span {display: none;}
.masthead {display: block; width: 672px; height: auto;}
#vertnav {display: none;}
.printheader {display: block;}
#navbar h2 {position: absolute; top: -20px; left: 8px; margin: 0px; padding: 0px; color:#fff !important;}


h2 {font:bold 16px Arial, Helvetica, sans-serif; color:#696785; text-transform:lowercase;}
h3 {margin: 0px 0px 16px 0px; padding: 0px; font:bold 15px Arial, Helvetica, sans-serif; color:#5E5C8C; text-transform:lowercase;}
h4 {margin: 16px 0px 8px 0px; padding: 0px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#8482B0; display:block;}

.hide {display: none;}
a img, img {border:0px; margin:0px; padding:0px; background:none;}


#page {position: relative; float: left; width: 777px; background-color:#fff;}
#navbar {position: relative; float:left; z-index:100; width: 100%; margin: 0px 0px 16px 0px; padding: 0px; background-color: #fff; background-image:url(../images/layout/navbar.gif); background-repeat:no-repeat;}
#pagecontent {position: relative; float: left; left: 8px;  background-position: 208px 0px; background-repeat:repeat-y; margin: 0px 0px 8px 0px;}
#leftcol {float: left; width: 180px; }
#rightcol {float: left; width: 515px; margin: 0px 0px 0px 17px;}



#footer {float: left; width:672px; display: block; padding: 3px 0px; background-color:#8482B0; margin: 30px 0px 0px 0px;}
#footer p {color:#fff;  text-align: center; margin: 0px 8px 0px 0px;}
#footer a:link, #footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

p {font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785; margin: 8px 0px 0px 0px;}

#leftcol dl {display: block; background-image:url(../images/layout/left-box-bottom.gif); background-position:bottom; width: 100%; padding: 0px 0px 9px 0px;}
#leftcol dt {display: block; background-image:url(../images/layout/left-box-top.gif); background-repeat:no-repeat; width: 100%; padding: 9px 0px; text-indent:9px; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#8482B0;}
#leftcol dd {display: block; height: 50px; overflow:visible; margin: 0px 67px 0px 9px; padding: 0px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785;}

#leftcol dl.leftbox-serv {background-image:url(../images/layout/left-box-serv-bottom.gif);}
#leftcol dl.leftbox-down {background-image:url(../images/layout/left-box-down-bottom.gif);}

dl.rightbox-products {float: left; display: block; width: 230px; height: 150px; margin: 0px; padding: 16px 0px 8px 0px; background-image: url(../images/layout/prod-dl-bkg.gif); background-position: 77px bottom; background-repeat: no-repeat;}
dl.rightbox-products dd {display: block; float: left; margin: 0px; padding: 0px; width: 95px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785;}
dl.rightbox-products dd.img {display: block; float: left; margin: 0px 3px 0px 0px; width: 130px;}

dl.rightbox-product-sub {float: left; display: block; width: 476px; margin: 0px; padding: 8px 0px 16px 0px; background-image: url(../images/layout/prod-dl-bkg.gif); background-position: 77px bottom; background-repeat: no-repeat;}
dl.rightbox-product-sub dd {display: block; float: left; margin: 0px; padding: 0px; width: 329px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785;}
dl.rightbox-product-sub dd.img {display: block; float: left; margin: 0px 8px 0px 0px; width: 130px;}

dl.rightbox-detail {float: left; display: block; width: 476px; margin: 0px 0px 8px 0px; padding: 0px;}
dl.rightbox-detail dd {display: block; float: left; margin: 0px; padding: 0px; width: 209px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785;}
dl.rightbox-detail dd.img {display: block; float: left; margin: 0px 8px 0px 0px; width: 250px;}

#rightcol table {width: 476px; font:10px Verdana, Arial, Helvetica, sans-serif; color:#696785; border-top: 1px solid #B5B4D0; line-height:20px; margin: 0px 0px 8px 0px;}
#rightcol table td { border-bottom: 1px solid #E1E1EC; padding: 0px 4px;}
#rightcol table th {font-weight:bold; background-color:#F4F4F4; border-bottom: 1px solid #B5B4D0; text-align:left; padding: 0px 4px;}

#pagecontent ul {color:#696785; list-style-type: square; margin: 8px 0px 0px 20px; padding: 0px;}
#pagecontent li {color:#696785; font:10px Verdana, Arial, Helvetica, sans-serif;}

#pagecontent a:link, #pagecontent a:visited {color:#696785; text-decoration:none;}
#pagecontent a:hover {color:#D50733;}