@charset "utf-8";

	body {
	font-family: arial, helvetica, serif;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(graphics/page_4.jpg);
	background-color: #f4ffe4;
	color: #5c743d;
	font-weight: bold;
	font-size:17.5px;	
		}
		
	#wrap {
	width: 750px;
	margin:auto;
	/*background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFCC00;
	background-image: url(graphics/side_3.gif);*/
	height: 1200px;
	}
	#contnt {
	margin-left: 145px;/*was 185 px*/
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: -20px;	
	padding-left: 3px;
	padding-right: 3px;			
	}
	#h1{
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: auto;
		
		margin-top:50px;
	}
/*ul li{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}*/
	#sidebar{
		float: left;
		width: 140px;
		font-size: 15px;
		margin-top: 20px;
	}
	
			  
	#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width :100%;/*started at 11em, next 8*/
	clear: left;		
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 100%;/*started at 11em, next 8*/
			z-index: 9999;}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 140px; /*6.25em;/*allows secondary list to come out to the right, was 10.85em, changed to 10, then to 7.5,then to 6*/
		margin-top : -1.35em;
z-index:9999;
	}
	
	
	#nav li a {
	/*width:13em;/*was 11em, then 10em , not sure why this is here, so I took it out*/
	/*w\idth :10.5em;/*was9.75em*/
	display : block;
	color : #f4ffe4;
	font-weight : bold;
	text-decoration : none;
	background-color :#5c743d;
	border : 1px solid #d5edb3;
	padding-top: 0;
	padding-right:0;
	padding-bottom: 0;
	padding-left: 4.5px;	/*font-size: .55em;*/

	}
	
	#nav li a:hover {
	color :#333333;
    
	}
	

	
	#nav li:hover ul,  #nav li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	 


      #banr  {
	width: 750px;
	height:120px;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom:-20px;
	margin-right: auto;
	font-style: oblique;
	line-height: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	text-align: center;
	white-space: normal;
	background-repeat: no-repeat;
	background-position: center;
	background-color:#5c743d;
background: url(graphics/banr-5.gif);

	}
/*#banr:hover{
		background-repeat: no-repeat;
		background-position: center center;
		background-image:          url(graphics/2ply_rllovr.gif);
		
}*/
	
img.figurel{
	float: left;
    padding: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #5C743D	
            }	
			
			
img.source/*nav bar pictures*/{
}

/*the following is for btm of every page*/

#ftr{
	margin-top: 10px;
	padding-top:5px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #5C743D;
	width: 500px;
	margin-left:35px;	
}



.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:  #5C743D;
	text-decoration: none;
	text-align: center;
	width: 100px;
	padding-top: 3px;
	border: 2px inset  #5C743D;
    background-color:#D5EDB3;
	
}


a.button:link {
	color:  #5C743D;
}

a.button:visited {
	color: #383637;
}
a.button:hover {
	color: #D5EDB3;
	border: 2px outset #D5EDB3;
 background-color: #5C743D;
     }
	 
	 
	 /*the folloowing is for odering.html, twisted_orings.html and qiuck_connect_belts.html*/
.order {
	font-family: Arial, Helvetica, sans-serif;
	color: #5C743D;
    text-align: center;
	}
	
.order1 {
	color: #5c743d;
	padding: 2px;
text-align: center;	
}
a.order1:link {
	color: #5c743d;
}

a.order1:visited {
	color: #cccccc;
}

a.order1:hover {
	color: #d5edb3;
	background-color: #5c743d;
}
.graphicbullet {
	list-style-image: url(graphics/graphic%20bullet.jpg);
}
#hilight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #f4f8e3;
	background-color: #5d753e;
}
#elastech {
		margin-left:240px;
		margin-right:10px;
	/*margin-top: 50px;*/		   
}

.graphic1{
		padding: 10px;
		border: 1px solid #5C743D;
		float: left;
		margin-right:20px;
		margin-left:10px;
		margin-top:30px;
		margin-bottom:0px;
	}
	
	img.figure{
	float: right;
	padding: 10px;
	margin-bottom: 10px;
		
	margin-left:10px;
	margin-right: 10px;
	border: 1px solid #5C743D;
	
            }
			
			span.help {
  color:#660000;
  font-style:italic;
}	
/*gw add*/
a, a:link a:visited {
 color:#383637;
 }

 a:hover {
 text-decoration:none;
 }	
.center
 {
 text-align:center;
 }
 .left {
 text-align:left;
 }
 .poly-pic {
 border: 6px solid #5c743d;
 border-radius: 5px;
 box-shadow: 5px 5px 5px #888;

 }
 #polydiv {
 position:fixed; 
	top:140px; 
	width:170px; 
	height:420px; 
	z-index:8765; 
	right:0; 
	cursor:pointer;
	text-align:center;
	 border: 6px solid #5c743d;
 border-radius: 5px;
 box-shadow: 5px 5px 5px #888;
 color:#383637;
 background-color: #F4FFE4;
 font-size: 90%;
 
	}
	.red {color: #CC0000;
	}
	.smaller {
	font-size: 80%;
	}
.larger {
font-size: 140%;
}	
	img {border: none;
	}
	
	/*slideshow*/
#slideshow {
    position:relative;
    height:333px;
    margin-left: 30px;
	text-align:center;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 333px;
    background-color: transparent;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
    height: 333px;
    display: block;
 
    margin-bottom: 0px;
	margin-top:0px;
	 border: 6px solid #5c743d;
 border-radius: 5px;
 box-shadow: 5px 5px 5px #888;
}

/*end slideshow*/
.dark {
 color:#383637;
 }