#resources {
	font-family: Arial, Helvetica, sans-serif;
}

#content #resource_hdr {
	background-image: url(../images/resourcehdr.png);
	background-repeat: no-repeat;
	height: 140px;
	width: 700px;
}

#content #resource_hdr h2 {
	font-size: 24px;
	font-weight: normal;
	padding-top: 10px;
	padding-left: 25px;
}
#content #resource_hdr p {
	font-size: 14px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 27px;
	color: #333333;
}
#content .resource_block {
	background-image: url(../images/resource_block.png);
	background-repeat: no-repeat;
	float: left;
	height: 190px;
	width: 350px;
}
#content .resource_block h3{
	font-size: 18px;
	font-weight: bold;
	color: #3b3b3b;
	text-align:left;
	padding-bottom: 20px;
}
#content .resource_block ul{
	list-style-image: url(../images/resource_bullet.png);
	list-style-position: inside;
	padding-left: 15px;
	margin-top: -29px;
}
#content .resource_block li{
	padding-top:0px;

}
#content .resource_block li a{
	text-decoration:none;
	font-size: 12px;
	color: #2f2f2f;
	font-family: Arial, Helvetica, sans-serif;
}
#content .resource_block li a:hover{
	text-decoration:underline;
}
#product_info h3{
	background-image: url(../images/prodinfoicon.png);
	background-repeat: no-repeat;
	height: 39px;
	background-position: left top;
	padding-top: 9px;
	text-indent:49px;
}
#regs h3{
	background-image: url(../images/regsicon.png);
	background-repeat: no-repeat;
	height: 39px;
	padding-top: 7px;
	background-position: left top;
	text-indent:49px;
}
#charts h3{
	background-image: url(../images/chartsicon.png);
	background-repeat: no-repeat;
	height: 39px;
	padding-top: 10px;
	background-position: left top;
	text-indent:49px;
}
#shipping h3{
	background-image: url(../images/shippingicon.png);
	background-repeat: no-repeat;
	text-indent: 59px;
	height: 40px;
	background-position: left top;
	padding-top: 8px;
}
#calc h3{
	background-image: url(../images/calcicon.png);
	background-repeat: no-repeat;
	text-indent: 50px;
	background-position: left top;
	height: 40px;
	padding-top: 8px;
}
#faq h3{
	background-image: url(../images/faqicon.png);
	background-repeat: no-repeat;
	text-indent: 55px;
	height: 41px;
	background-position: left top;
	padding-top: 8px;
}
#links h3{
	background-image: url(../images/linksicon.png);
	background-repeat: no-repeat;
	height: 39px;
	padding-top: 10px;
	text-indent: 45px;
	background-position: left top;
}
#about h3{
	background-image: url(../images/abouticon.png);
	background-repeat: no-repeat;
	text-indent: 60px;
	height: 33px;
	padding-top: 15px;
	background-position: left top;
}
#content .res-submenu {
	display:none;
	position:absolute;
	width:175px;
	top:37px;
	left:-25px;
	list-style:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #999999;
	z-index:100;
}

#content .res-submenu li a {
	padding-left:10px;
	color: #ffffff;
	display: block;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-weight: bold;
}
#content .res-submenu li a:hover {
	background-color: #666666;
}

#content .res-menuitem {
	width:98px;
	height:37px;
	font-size: 10pt;
	color:#ffffff;
	text-align: center;
	margin-left: 15px;
	background-color:#999999;
	border: 1px solid #000000;
}
#content .res-menuitem:hover {
	background-color:#666666;
}
.res-dropdown {
	position:relative;
	float:left;
	padding-top: 5px;
}

.res-menuitem#product_info {
	background-image: url(../images/prodinfoicon.png);
}
.res-menuitem#regs{
	background-image: url(../images/regsicon.png);
}
.res-menuitem#charts{
	background-image: url(../images/chartsicon.png);
}
.res-menuitem#shipping{
	background-image: url(../images/shippingicon.png);
}
.res-menuitem#calc{
	background-image: url(../images/calcicon.png);
}
.res-menuitem#faq{
	background-image: url(../images/faqicon.png);
}
.res-menuitem#links{
	background-image: url(../images/linksicon.png);
}
.res-menuitem#about{
	background-image: url(../images/aboutusicon.png);
}

table.chart {
	text-align: center;
	border-collapse: collapse;
	margin-left: 50px;
}
table.chart td {
	border: 2px ridge #333333;
	padding: 4px;
}
table.chart th {
	padding: 4px;
	border: 2px ridge #333333;
	font-size: 10pt;
}
table.techspec { 
	width:95%; 
	margin:0 auto;
	font-family:Arial;
	font-size:11px;
	padding:0px;
	border-width:1px; 
	border-style:solid;
	border-color:black;
	border-collapse: collapse;
}

td.techspec {text-align:center;border-style:solid;border-color:black;border-width:1px;}
td.desc {padding-left:2px;text-align:left;border-style:solid;border-color:black;border-width:1px;}
th.techspec {font-weight:bold;color:black;background-color:white; text-transform: uppercase;}
th.desc {padding-left:2px; text-align:left;font-weight:bold;color:black;background-color:white; text-transform: uppercase;}
td.name {font-weight:bold;text-align:left;color:white;background-color:gray;padding-left:10px;width:85%;}
td.part {padding-left:2px;text-align:left;border-style:solid;border-color:black;border-width:1px;}
.metric {font-weight:bold;text-align:left;color:black;background-color:gray;padding-left:10px;width:15%}
.metric a{color:white;text-decoration:underline;}
.metric a:hover{color:rgb(255,102,0);}

#resources .techdraw {
	float: left;
	width: 350px;
	height: 400px;
}
#resources .techdraw h2 {
	font-size:16px;
	font-weight: bold;
	text-align:center;
}
#resources .techdraw h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 2px;
	float: left;
	width: 175px;
	margin-right: 0px;
	margin-left: 0px;
}
#resources .techdraw ul {
	text-align:center;
	float: left;
	width: 175px;
	margin: 0px;
}
#resources .techdraw li {
	margin-top: 5px;
	text-align: center;
}
.topic {
	font-weight:normal;
	padding:10px;
}

.question {
	font-weight:bold;
}

.question img {
	vertical-align: middle;
	margin-left:25px;
}

.answer {
	margin-top:-15px;
}

table.answer {
	width:75%;
	margin:0 auto;
}
table.answer th{
	width:15%;
	vertical-align:top;
}

.calculator {
	margin: 0 auto;
	width:500px;
	background-color:#f8f8f8;
}

.calcform {
	margin:0 auto;
	width:250px;
	float:left;
}

.calcform label {
	text-indent: 10px;
	margin-top:10px;
	margin-left: 60px;
}
.calcform input {
	margin-left: 85px;
}

ul#glossary {
	list-style:none;
	width:550px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
ul#glossary li {
	display:block;
	float: left;
	margin-left:10px;
}
ul#glossary li a {
	color:#000000;
}
#glossary em {
	font-weight:bold;
}
#glossary ul {
	margin-left: 75px;
	list-style-type: disc;
}
#glossary ol {
	margin-left: 75px;
}
#resources h3 {
	text-align: center;
	margin-top:15px;
	margin-bottom:15px;
}

#resources h3 a {
	color:#ff6600;
}
#resources h4 {
	margin-left: 25px;
	font-size: 16px;
}
#resources h5 {
	margin-left: 25px;
	margin-top:13px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	font-size: 14px;
}

.calcbtns {
	width:264px;
	margin:0 auto;
	clear:both;
}

h2.cfr {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}
h3.cfr {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 25px;
}
table.cfr {
	width:98%;
	margin-left: 15px;
}
.cfr a {
	color: #000000;
	text-decoration: none;
	display:block;
}

table.cfr td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

table.techspec a {
	color: #000000;
	text-decoration: none;
	display:block;
}
table.techspec a:visited {
	color:#000000;
}
#resources #content ul.packaging {
	width:215px;
	display:inline;
	float:left;
	padding-bottom:10px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	margin-top: 25px;
	margin-bottom: 25px;
}

#resources #content ul.packaging li{
	text-align:left;
	color:#333333;
	padding-left: 25px;
}
#resources #content ul.packaging h3 {
	text-align:left;
	margin:0px 0px 15px 0px;
}
#drumdict {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
table#drumdict {
	border: 1px solid #000000;
	border-collapse: collapse;
	margin-left:25px;
	clear:both;
}
#content table#drumdict th {
	border:1px solid #000000;
	text-align:center;
}

#content table#drumdict th a{
	height:103px;
	background-repeat: no-repeat;
	background-position: center bottom;
	display:block;
	text-indent:-9999px;
}
#content table#drumdict th a:hover{
	background-position: top;
}
#content table#drumdict th a#product{
	background-image:url(../images/uncert/product.png);
	width:84px;
}
#content table#drumdict th a#capacity{
	background-image:url(../images/uncert/capacity.png);
	width:44px;
}
#content table#drumdict th a#drumid{
	background-image:url(../images/uncert/drum_id.png);
	width:44px;
}
#content table#drumdict th a#drumtype{
	background-image:url(../images/uncert/drum_type.png);
	width:44px;
}
#content table#drumdict th a#covermm{
	background-image:url(../images/uncert/cover.png);
	width:44px;
}
#content table#drumdict th a#bodymm{
	background-image:url(../images/uncert/body.png);
	width:44px;
}
#content table#drumdict th a#bottommm{
	background-image:url(../images/uncert/bottom.png);
	width:44px;
}
#content table#drumdict th a#expiration{
	background-image:url(../images/uncert/expiration_date.png);
	width:84px;
}
#content table#drumdict th a#solid{
	background-image:url(../images/uncert/solids.png);
	width:104px;
}
#content table#drumdict th a#liquid{
	background-image:url(../images/uncert/liquids.png);
	width:114px;
}
#content table#drumdict th a#rptnmbr{
	background-image:url(../images/uncert/report_number.png);
	width:44px;
}

table#drumdict td{
	border: 1px solid #000000;
	text-align:center;
	padding:1px;
}
#content .drumdicthead {
	float:left;
	width:525px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}
#content .drumdicthead h2 {
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	font-size:15px;
	margin: 0px;
}
#content .drumdicthead h3{
	margin:0;
	font-size: 14px;
	font-weight: bold;
}
#content .drumdicthead h4{
	margin:0;
	font-size: 12px;
	font-weight: bold;
}

#content .drumdictkey {
	float:right;
	width:175px;
	border: thin solid #000000;
	margin-right:10px;
}
#content .drumdictkey p{
	padding:0px 0px 0px 25px;
	text-align:left;
	font-weight:bold;
}

#content .drumdictkey ul {
	font-size:10pt;
	list-style-type: disc;
	margin-bottom:3px;
}
#content .drumdictkey li {
	padding-top:0px;
}
#content .oh {
	color:#000099;
	font-weight:bold;
}
#content .th {
	color:#000000;
	font-weight:bold;
}
#content .ll {
	color:#990000;
	font-weight:bold;
}
#content table.unfooter {
	width:90%;
	margin-top:10px;
}
#content table.unfooter td{
	width:50%;
}

