@import url(/includes/css/base.css);
@import url(/includes/css/clearfix.css);
body {font: 1em Arial, Helvetica, sans-serif; margin: 0 auto; padding: 0; line-height: 1.2em; background: #003E80 url(/images/site-bkgd.jpg) no-repeat; background-position: top left;}
a {color: #333333; text-decoration: underline;}
a.linkTextFooter_Over {font-weight: bold;}
a:hover {color: #000000;}
img {border: none;}
a img {text-decoration:none;}
	#container {width: 900px; margin: 0px auto;}
		#header {width: 900px; height: 157px; margin: 0 auto}
			#logo {width: 301px; height: 122px; float: left;}
			#topNav {width: 579px; height: 70px; float: left; margin-left: 20px;}
	/* begin topNav */
	/* menu structure */
	.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover {text-align: left; text-decoration: none; outline: none; letter-spacing: normal; word-spacing: normal; font-size: 80%;}
	.art-menu, .art-menu ul {margin: 0; padding: 0;border: 0; list-style-type: none; display: block;}
	.art-menu li {margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background: none;}
	.art-menu li:hover {z-index: 10000; white-space: normal;}
	.art-menu li li {float: none;}
	.art-menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background: none;}
	.art-menu li:hover>ul {visibility: visible; top: 100%;}
	.art-menu li li:hover>ul {top: 0; left: 100%;}
	.art-menu:after, .art-menu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;}
	.art-menu, .art-menu ul {min-height: 0;}
	.art-menu ul {background-image: url(/images/spacer.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px;}
	.art-menu ul ul {padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px;}
	/* menu structure */
	.art-menu {padding: 0 0 0 0;}
	.art-nav {position: relative; top: 16px; height: 41px; z-index: 100;}
	.art-nav .l, .art-nav .r {position: absolute; z-index: -1; top: 0; height: 41px;}
	.art-nav .l {left: 0; right: 0;}
	.art-nav .r {right: 0; width: 874px; clip: rect(auto, auto, auto, 874px);}
	/* end Menu */
	/* begin MenuItem */
	.art-menu a {position: relative; display: block; overflow: hidden; height: 41px; cursor: pointer; text-decoration: none;}
	.art-menu li {margin-right: 0; margin-left: 0;}
	.art-menu ul li {margin:0; clear: both;}
	.art-menu a .r, .art-menu a .l {position: absolute; display: block; top: 0; z-index: -1; height: 123px; background-image: url(/images/menuitem.png);}
	.art-menu a .l {left: 0; right: 0;}
	.art-menu a .r {width: 400px; right: 0; clip: rect(auto, auto, auto, 400px);}
	.art-menu a .t {margin-right: 10px; margin-left: 10px; font-weight: bold; color: #282B08; padding: 0 22px; margin: 0 0; line-height: 41px; text-align: center;}
	.art-menu a:hover .l, .art-menu a:hover .r {top: -41px;}
	.art-menu li:hover>a .l, .art-menu li:hover>a .r {top: -41px;}
	.art-menu li:hover a .l, .art-menu li:hover a .r {top: -41px;}
	.art-menu a:hover .t {color: #F6F4F4;}
	.art-menu li:hover a .t {color: #F6F4F4;}
	.art-menu li:hover>a .t {color: #F6F4F4;}
	.art-menu a.active .l, .art-menu a.active .r {top: -82px;}
	.art-menu a.active .t {color: #FFFFFF;}
	/* end MenuItem */
	/* begin MenuSeparator */
	.art-nav .art-menu-separator {display: block; width: 1px; height: 42px; background-image: url(/images/menuseparator.png);}
	/* end MenuSeparator */
#slogan {width: 498px; padding-top: 30px; float: left; margin-left: 20px; color:#FFFFFF; text-align: right;}
/* start pageControls */
.printButton {float: right; margin: 5px 62px 0 0;}
.printButton a {font-size: 70%; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.printButton a:hover {color:#CCFF33;}
/* end pageControls */
#middle {display: block; width: 775px; margin: 0px 62px; background-image: url(/images/transp-bkgd.png);}
  #sidebar {width: 200px; float: left; margin: 10px 15px 0 0;}
    .homePageCallOuts {padding: 30px 0px 0px 15px;}
	/* begin Box, Block, VMenuBlock */
	.art-vmenublock {position: relative; z-index: 0; margin: 0 auto; padding: 0; width: 200px; min-width: 1px; min-height: 1px;}
	.art-vmenublock-body {position: relative; z-index: 1; padding: 0;}
	.art-vmenublock {margin: 7px;}
	/* end Box, Block, VMenuBlock */
	/* begin Box, Box, VMenuBlockContent */
	.art-vmenublockcontent {position: relative; z-index: 0; margin: 0 auto; min-width: 1px; min-height: 1px;}
	.art-vmenublockcontent-body {position: relative; z-index: 1; padding: 0;}
	.art-vmenublockcontent {position: relative; z-index: 0; margin: 0 auto; min-width: 1px; min-height: 1px;}
	.art-vmenublockcontent-body {position: relative; z-index: 1; padding: 0;}
	/* end Box, Box, VMenuBlockContent */
	/* begin VMenu */
	ul.art-vmenu, ul.art-vmenu li {list-style: none; margin: 0; padding: 0; width: auto; line-height: 0;}
	ul.art-vmenu ul {display: none;}
	ul.art-vmenu ul.active {display: block;}
	/* end VMenu */
	/* begin VMenuItem */
	ul.art-vmenu a
	{
  display: block;
  overflow: hidden;
  height: 34px;
  width: 200px;
  cursor: pointer;
  text-decoration: none;
  background-image: url(/images/vmenuitem2.gif);
  background-repeat:no-repeat;
  background-position: 0 0;
  line-height: 34px;
  color: #D8E46C;
  padding: 0 12px 0 12px;
  font-family: Arial, Helvetica, Sans-Serif; 
  font-weight: bold;
  margin-left:0;
  margin-right:0;
  font-size: 80%;
	}
	ul.art-vmenu a:hover{background-position: 0px -34px;}
	ul.art-vmenu a:hover{color: #E0D8D7;}
	ul.art-vmenu a.active {background-position: 0px -34px;}
	ul.art-vmenu a.active {color: #FFFFFF;}
	/* end VMenuItem */
	/* begin VMenuSubItem */
	ul.art-vmenu ul, ul.art-vmenu ul li {margin: 2px 0 0 0 ; padding: 0;}
	ul.art-vmenu ul a
	{
  display: block;
  vertical-align: middle;
  height: 34px;
  width: 200px;
  cursor: pointer;
  text-decoration: none;
  background-image: url(/images/vmenuitemsub.gif);
  background-repeat:no-repeat;
  background-position: 0 0;
  color: #000000;
  padding: 0px 12px 0 12px;
  font-family: Arial, Helvetica, Sans-Serif; 
  font-weight: bold;
  line-height: 34px;
  margin-left:0;
  margin-right:0;
  font-size: 12px;
	}
	ul.art-vmenu ul a .double-line {line-height: .7em;}
	ul.art-vmenu ul a:hover, ul.art-vmenu ul a:active, ul.art-vmenu ul li a.active, ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active {background-position: 0px -34px; color: #045D95;}
	/* end VMenuSubItem */
				#navigation {display: block; width: 200px; margin: 0; padding: 0; list-style: none;}
					#navigation li {clear: left; display: block; width: 168px; margin: 0;}
						#navigation li a {display: block; height: 20px; background: #fff url(/images/navBar-images/main_off.gif) 0 0 no-repeat; font: 13px Arial, Helvetica, sans-serif; color: #003366; text-align: center; text-decoration: none; padding: 15px 25px; font-weight: bold; line-height: 1em;}
						#navigation li.double a {padding: 9px 25px; height: 34px;}
						#navigation li a:hover, #navigation li.current a {background-image: url(/images/navBar-images/main_over.gif); color: #cbe72f;}
						#navigation li ul {display: block; width: 127px; margin: 0 0 0 40px; padding: 0; list-style: none;}
							#navigation li ul li {width: 127px; height: 46px; margin: 0;}
								#navigation li ul li a, #navigation li.current ul li a, #navigation li.double ul li a {font-size: 11px; background-image: url(/images/navBar-images/sub_off.gif); padding: 17px 30px; color: #003366;}
								#navigation li ul li.double a {padding: 11px 30px;}
								#navigation li ul li a:hover, #navigation li ul li.current a, #navigation li.current ul li.current a {background-image: url(/images/navBar-images/sub_over.gif); color: #cbe72f;}
				#upcomingEvents {padding: 20px 10px 10px 15px;}				
				ul#upcomingEvents {font-size: 80%; list-style: disc; margin: 0em 1em 2em 0em;}
					ul#upcomingEvents li {display: list-item; margin-left: 0px; padding-bottom: 8px;}
	/* main content */
			#content {width: 530px; float: right; padding: 0px 10px 0px 15px; margin: 15px 0px 0px 0px; border-left: 2px solid #999999}
				#breadcrumb {font: 11px Arial, Helvetica, sans-serif; background:url(/images/bc_bg.gif) repeat-x; height:30px; line-height:30px; color:#888; border:solid 1px #cacaca; width:100%; overflow:hidden; margin:0 0 0 0; padding:0 0 0 0;}
				#breadcrumb li {list-style-type:none; padding-left:0px; display:inline-block; float:left;}
				#breadcrumb a {display:inline-block; background:url(/images/bc_separator.gif) 100% 0% no-repeat; padding: 0 17px 0 0; text-decoration: none; color:#333333; outline:none;}
				.home {border:none; margin: 7px 0px;}
				#rightBar {font-size: 80%; line-height: 1.2em; width: 150px; float: right; margin: -20px 0 24px 36px; padding: 0;}
				#rightBar img {display: block; margin: 20px 0 -12px 0;}
				#leftBar {width: 100px; float: left; margin: 0 0 30px 0;}
				#content h1 {color:#000000; font: bold 24px Arial,Helvetica,sans-serif; margin: 0 0 10px 0;}
				#content h2 {margin: 36px 0 4px; color:#000000; font: bold 18px Arial,Helvetica,sans-serif;}
				#content h3 {color:#000000; font: bold 15px Arial,Helvetica,sans-serif;}
				#content sup {font-size:12px; vertical-align:text-top;}
				#content p {font-size: 80%; margin: 4px 0 1em;}
				#content a {color: #333333;}
				#content a:hover {color: #000000;}
				#content p.regTextAlert {color: #cc0000;}
					#content .left {display: block; float: left; margin: 0 10px 10px 0;}
					#content .right {display: block; float: right; margin: 0 0 10px 10px;}
					#content .interiorRight {}
					#content .title {color: #003366; font-size: 13px; font-weight: bold;}
				#content ul, #content ol {margin: 0 0 1em 3em; list-style: disc;}
				#content ol {list-style: decimal;}
					#content ul, #content ol {font-size: 80%; margin-left: 0px; }
					#content li {padding-bottom: 8px; margin-left: 15px; }
					#content ul#inlineNavigation {list-style: none; margin: 0; color: #888;}
					#content ul.sitemap, #content ul.sitemap ul {list-style: none; font-weight: bold;}
						#content ul#inlineNavigation li {display: block; float: left; font-weight: bold; padding: 0 5px;}
				#content .video{ margin:0 0 0 0; padding:0; }
				#highlightBox { 6px solid #FFFFFF; margin: 0; padding-top:0.1em; padding-left:0.5em; padding-right:0.5em; padding-bottom:0.3em; background-color: #FFFFFF; }
				a.subNav:link, a.subNav:active, a.subNav:visited, a.subNavHover {font-weight: bold; text-decoration: underline; color: #003366; padding: 2px; line-height: 1.4em;}
				a.subNav:hover, a.subNavHover { text-decoration: none; color: #FFFFFF; background-color: #0099FF; }
				#content label {display: block; float: left; width: 530px; font-weight: bold;}
				#content .input {width: 530px; float: left;}
					#content input.formInput2 {background-color:#FFFFFF; color:#003366; font-size:12px; padding-left:0.3em; padding-right: 0.6em; font-weight: normal; text-align:left; text-decoration:none;}
					#content .input div {width: 200px; float: left;}
					#content input.textEntryBox {background-color:#FFFFFF; color:#003366; font-size:12px;}
				#content .form_row {display: block; margin: 0.25em 0 0 0;}
					#content .form_row span {color:#CC0000; font-family:"Times New Roman",Times,serif; font-size:.8 em;}
				#content .hiddenImage {display: none;}
				#content .showImage {display: block;}
	/* end main content */
	/* slideshow */
				#slideshow {font-size: 140%; line-height: 140%; height: 229px; width: 530px; margin-bottom: 15px;}
				.slideOne {background: url(/images/homeSlideShow-medApparel.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slideTwo {background: url(/images/homeSlideShow-bodyArmor.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slideThree {background: url(/images/homeSlideShow-filters.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slideFour {background: url(/images/homeSlideShow-automotive.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slideFive {background: url(/images/homeSlideShow-solarPanels.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slideMetalOne {background: url(/images/metal/metalSlideShow-SonoWeld.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slideMetalTwo {background: url(/images/metal/metalSlideShow-SpliceRite.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slideMetalThree {background: url(/images/metal/metalSlideShow-PVmodSys.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slideMetalFour {background: url(/images/metal/metalSlideShow-dualSpliceRite.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slideMetalFive {background: url(/images/metal/metalSlideShow-dualSpotWelder.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slideNonwovensOne {background: url(/images/nonwovens/nonwovensSlideShow-SeamMasterHP.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slideNonwovensTwo {background: url(/images/nonwovens/nonwovensSlideShow-CollarBonder.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slideNonwovensThree {background: url(/images/nonwovens/nonwovensSlideShow-PlungeBonder.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slideNonwovensFour {background: url(/images/nonwovens/nonwovensSlideShow-CylinderArm.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slidePlasticsOne {background: url(/images/plastics/plasticsSlideShow-sureWeld20.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slidePlasticsTwo {background: url(/images/plastics/plasticsSlideShow-sureWeld35.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
				.slidePlasticsThree {background: url(/images/plastics/plasticsSlideShow-sureWeld70.jpg) no-repeat; height: 169px; width: 250px; padding: 50px 10px 10px 270px;}
	/* end slideshow */
		#footer {padding: 30px 0 0 0px; display: block; }
			#footer p {margin: 0;}
			#footer ul {list-style: none; margin: 0;}
				#footer ul li {display: inline; float: left; border-right: 1px solid; padding: 0 0.5em 0 0;margin: 0 0.5em 0.25em 0;}
				#footer ul li:last-child {border: none;}
			#footer p#copyright {}
			#footer hr {1px solid #999999; margin-bottom: 10px;}