body{
	text-align: center;
	line-height:12pt;
	background-color: #019271;
	margin:0px 0px 50px 0px;
	padding:0;
	background-position: center top;
	background-image: url(graphics/BackgroundSlice.jpg);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
}
hr{
	border:none;
	height:1px;
	
}

a:link, a:visited{
	color:#00529b;
	text-decoration: none;
	
}
a:hover{
	text-decoration: underline;
}
a img{
border:none;

}
#wrapper{
	position:relative;
	text-align:left;
	margin: auto;
	padding:0;
	width:802px;
	/*	border:solid #B0B2B4 1px;*/
	


}
#header{
	position:relative;
	margin:0;
	padding:0px;
	
	z-index:50;
	background:none;
	
	/*for testing
	background-color:#CCFF00;
	/*end testing*/


}
body>#wrapper>#header{
	z-index:0;
}	/*mozilla hack*/
#main{
	position:absolute;
	top:147px;
	left:0px;
	width:800px;
	margin:0px;
	padding:0px;
	z-index:25;
	border-bottom:solid #B0B2B4 1px;
	border-left:solid #B0B2B4 1px;
	border-right:solid #B0B2B4 1px;
	
	background-color:#FFFFFF;
	
}
	#content{
		margin:0 10px 32px 220px;
		
		min-height:734px;
		
	

	}
	* html #content{
		height:734px;
	}
	#content h1{
	font-size:18pt;
	margin-top:0;
	font-family: "Arial Black";
	letter-spacing:-1px;
		/*font-weight: bolder;	*/
	
	
	}
	#content h2{
		font-size:10pt;
		margin-bottom:5px;
		margin-top:20px;
	}
	#content h3{
		font-size:11pt;
		margin-top:5px;
		margin-bottom:3px;
		background-image:url(graphics/subhead.jpg);
		background-repeat:no-repeat;
		height:14pt;
		padding-left:3px;
	}
	#content img.rightside{
		float:right;
		clear:both;
		margin-left:20px;
	}
	
	#content p{
	
		padding-bottom:10px;
		margin-bottom:0px;
		margin-top:0px;
	}
	#content img.download{
		margin-top:3px;
		padding-top:0px;
	}
	
	table{
		font-family: "Arial Narrow", Helvetica, sans-serif;
		font-size: 8pt;
		text-align: center;
		vertical-align: middle;
		border:0px;
		border-collapse: collapse;
		/*margin-bottom:20px;*/
	}
	table.outer{
		font-family: "Arial Narrow", Helvetica, sans-serif;
		font-size: 8pt;
		text-align: center;
		vertical-align: middle;
		border:solid #B0B2B4 1px;
		border-collapse: collapse;
		/*margin-bottom:20px;*/
	}
	table.grid{
		font-family: "Arial Narrow", Helvetica, sans-serif;
		font-size: 8pt;
		text-align: center;
		vertical-align: middle;
		border:solid #B0B2B4 1px;
		width:552px;
		border-collapse: collapse;
		/*margin-bottom:20px;*/
	}
	table.two{
		font-family: "Arial Narrow", Helvetica, sans-serif;
		font-size: 8pt;
		text-align: center;
		vertical-align: middle;
		border:solid #B0B2B4 1px;
		width:275px;
		border-collapse: collapse;
		/*margin-bottom:20px;*/
	}
	table.three{
		font-family: "Arial Narrow", Helvetica, sans-serif;
		font-size: 8pt;
		text-align: center;
		vertical-align: middle;
		border:solid #B0B2B4 1px;
		width:183px;
		border-collapse: collapse;
		/*margin-bottom:20px;*/
	}
	table.threemid{
		font-family: "Arial Narrow", Helvetica, sans-serif;
		font-size: 8pt;
		text-align: center;
		vertical-align: middle;
		border:solid #B0B2B4 1px;
		width:184px;
		border-collapse: collapse;
		/*margin-bottom:20px;*/
	}
	th{
		background-color: #00529b;
		color: #ffffff;
		font-weight:normal;
		font-family: "Helvetica Narrow", "Arial Narrow", sans-serif;
		font-size:9pt;
		/*font-weight:bold;
		width: 91px;*/
		vertical-align: bottom;
		border:solid #B0B2B4 1px;
		text-align: center;
	}
	td{
		border:solid #B0B2B4 1px;
	}
	td.noborder{
		border:0px;
	}
	tr.subhead{
		text-align:left;
		padding-left:5px;
		font-weight:bold;
		background-color:#999999;
	}
	tr.mainpart{
		background-color:#CCCCCC;
	}
	td.mainpart{
		background-color:#CCCCCC;
		padding-left:5px;
		padding-right:5px;
	}
	td.fill{
		background-color:#B0B2B4;
	}
	td.partsize{
		background-color: #00529b;
		color: #ffffff;
	}
	tr.altpart{
		background-color:#EEEEEE;
	}

	#breadcrumb{
		
		padding-left:10px;
		padding-bottom:7px;

	}
	#breadcrumb ul,#breadcrumb li, #breadcrumb a:link, #breadcrumb a:visited{
		list-style-type: none;
		display: inline;
		text-transform: uppercase;
		
		color: #76787a;
		text-decoration: none;
		margin:0;
		padding:0 ;
	}
	#breadcrumb a:hover{
		text-decoration: underline;			
		}
	.contact{
		position:absolute;
		right:10px;
		width:250px;
		color: #76787a;
		display:inline;
		text-align: right;	
		}	

	#contact{
	padding-right:10px;
	padding-bottom:7px;
	position:absolute;
	top: 0px;
	right: 0px;
	width: auto;
		
	}
		#contact p{
			color: #76787a;
			text-align: right;
	}

	#leftnav{
	position:absolute;
	top:0px;
	left:0;
	width:178px;
	padding:0;
	margin:10px 20px 10px 10px;
	height:385px;
	}

#leftnav .headerbar{
font: bold 12px Arial;
color: black;
margin-bottom: 10px;
text-indent: 10px;
/*padding: 0 0 10px 0; /*31px is left indentation of header text*/
}

#leftnav ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

#leftnav ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

#leftnav ul li a{
	font: bold 10px Arial;
	color: #FFFFFF;
	position: relative;
	background: #00529b;
	display: block;
	padding: 1px 0; /* was 5px 0*/
	line-height: 13px;
	/*padding-left: 10px; /*link text is indented 10px*/
	text-indent: 10px;	/* added */
	text-decoration: none;
	background-image: url(Graphics/navmid.jpg);
	border-bottom: 1px solid #7390B5;
}

#leftnav ul li a:visited{
color: #FFFFFF;
}

#leftnav ul li a:hover, #leftnav ul li a.selectedanchor{ /*hover state CSS*/
	color: #FFFFFF;
	background: #DB1B39;
	background-image: url(Graphics/navhl.jpg);
}
	
	#catalogbar{
	position:absolute;
	top:450px;
	left:0;
	width:180px;
	background-image: url(graphics/ProductBoxMiddle.jpg);
	background-repeat: repeat-y;
	padding:0;
	margin:23px 20px 10px 10px;
	height:220px;
	}
	
	#productbar{
	position:absolute;
	top:140px;
	left:0;
	width:180px;
	background-image: url(graphics/ProductBoxMiddle.jpg);
	background-repeat: repeat-y;
	padding:0;
	margin:23px 20px 10px 10px;
	height:530px;
	}
	
	#sidebar{
	position:absolute;
	top:0px;
	left:0;
	width:180px;
	background-image: url(graphics/ProductBoxMiddle.jpg);
	background-repeat: repeat-y;
	padding:0;
	margin:23px 20px 10px 10px;
	height:724px;
	}
		#inside{
	position:relative;
	top:0px;
	width:155px;
	/*background-image: url(graphics/Product%20Box%20Top.jpg);*/
		background-position: top left;
	background-repeat: no-repeat;
	margin:0;
	padding:0 20px 1em 15px;
	line-height: 11pt;		
		
	}
	
		#inside h1{
			
			color:#000000;
			font-size: 9pt;
			font-weight: bold;
			z-index:51;
			padding-top:4px;
			margin-top:0;
			
		}
			#inside h1.long{
				
				margin-left:-6px;
			}
		#inside h2{
			
			color:#000000;
			font-size: 9pt;
			font-weight: bold;
			z-index:51;
			padding-top:8px;
			margin-top:0;
			margin-bottom:5px;
		}
		#inside img.product{
			padding:0;
			
			position:relative;
			left:-14px;
		}
		
		#inside img.center{
			padding:0;
			
			position:relative;
			left:-3px;
		}
		#inside p.header{
			padding:0;
			margin:0;
			position:relative;
			text-align:center;
			font-weight:bold;
			padding-top:5px;
			left:-3px;
		}
		#inside p.center{
			padding:0;
			margin:0;
			position:relative;
			text-align:justify;
			padding-top:5px;
			left:-3px;
		}
		#inside ul{
			
			margin:5px 0 5px 25px;
			padding:0;
		
		}
		#inside li{
			margin-top:3px;
			margin-bottom:0;
		
		}

		.top{
			position:absolute;
			top:0;
			left:0;
			
		}
		.bottom{
			position:absolute;
			bottom:-1px;
			left:0;
		
		}

.handcursor{
cursor:hand;
cursor:pointer;
}

#footer{
	position:relative;
	bottom:0px;
	height:15px;
	margin:0;
	padding:0;
	padding-left:10px;
	background-image: url(graphics/Footer.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;

}
	.legal{
		position:absolute;
		top:0px;
		right:5px;
		font-weight: bold;
		width:150px;
		color: #FFFFFF;
	
		display:inline;
		text-align: right;	
		}
    .legal a:link, .legal a:visited{
		font-weight: bold;
		color: #FFFFFF;
		}
		
		#title{
		
		font-weight:bold;
		width:553px;
		padding-bottom:3px;
		text-align:center;
		}
			.note{
				position:relative;
				top:-15px;
				font-style: italic;		
			
		}
		
		sub{
			padding:0;
			margin:0;
		}
		
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: yellow;
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	border: 1px solid #B0B2B4;
	border-bottom-width: 1px;
	font: bold 9px Arial;
	line-height: 13px;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	background: #2A568F;
	width: 170px; /* default width for menu */
	color: #FFFFFF;
	text-align: left;
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
	width: 100%;
	display: block;
	text-indent: 10px;
	border-bottom: 1px solid #7390B5;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

.anylinkcss a:hover{ /*hover background color*/
	background: #DB1B39;
	color: #FFFFFF;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #B0B2B4;
border-bottom-width: 1px;
padding: 0;
font: bold 9px Arial;
line-height: 13px;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #2A568F;
color: #FFFFFF;
text-align: left;
}

.anylinkcsscols .columnleft{
width: 170px;
float: left;
}

.anylinkcsscols .columnright{
width: 170px;
float: left;
}

.anylinkcsscols .columnleft ul{
margin: 0;
padding: 0;
list-style-type: none;
border-right: 1px solid #7390B5;
}

.anylinkcsscols .columnright ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols ul li a{
	width: 100%;
	display: block;
	text-indent: 10px;
	border-bottom: 1px solid #7390B5;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

.anylinkcsscols a:hover{ /*hover background color*/
	background: #DB1B39;
	color: #FFFFFF;
}

.anylinkcsscols li{
padding-bottom: 0px;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99; /*zIndex for shadow*/
	background: black;
	visibility: hidden;
}

.subtext {font-size: 8px}