@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: 7px;
	margin-top: 0px;
	padding-left: 3px;
	padding-right: 3px;			
	}
	/*#h1{font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	color: #d5edb3;
	background-color: #5c743d;
	width:475px;
	}*/
ul li{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;*/
}
	#sidebar{
	float: left;
	width: 140px;
		
	font-size: 15px;	
	}
	
			  
	#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*/
	}
	
	#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;
	}
	
	
	#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:150px;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	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 center;
	background-color:#5c743d;
	background-image: url(graphics/banr-5.gif);
	}
img.figure{
	float: right;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #5C743D ;
            }
	
img.figurel{
	float: left;
	padding: 10px;
	border: 1px solid #cc6600;
	margin: 1px;	
            }	
			
.graphic1{
	padding: 10px;
	border: 1px solid #5C743D;
	float: left;
	margin-right: 10px;
	}			
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 15px;
	border: 2px inset  #5C743D;
    background-color:#D5EDB3;
	
}


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

a.button: visited {
	color: #cccccc;
}
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;
}
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);
}