body { 
 	background: #fff url(../img/sew_bg.jpg) repeat-x top left; 
 	margin: 0;
 	width: 100%;
 	padding: 0;
 	font-family: Arial, Helvetica, Verdana;
 	font-size: .72em;
	line-height: 1.45em;
 } 
 
#skipnav {
	display: none;
	}
 
.pgwrap {
  	background: #fff url(../img/sew_bgwrap.gif) repeat-x top left;
  	width: 780px;
  	margin: 0;
  	padding: 0;
	border-bottom: 3px solid #33cc00;
 }
 
 .pgcontent {
	margin: 10px 15px 10px 15px;
	text-align: left;
}
 
 H1 {
	font-family: times, "times new roman", palentino, Georgia,  serif;
 	font-size: 1.8em;
	/*line-height: .5em;*/
	color: #000;
}
 
  H2 {
	font-family: times, "times new roman", palentino, Georgia,  serif;
 	font-size: 1.5em;
	/*line-height: .5em;*/
	color: #000;
}

  H3 {
	font-family: times, "times new roman", palentino, Georgia,  serif;
 	font-size: 1.5em;
	/*line-height: .5em;*/
	color: #cc6600;
}

  H4 {
	font-family: times, "times new roman", palentino, Georgia,  serif;
 	font-size: 1.5em;
	/*line-height: .5em;*/
	color: #7407bd;
}

a:link
{
	color: #2eae03;
	text-decoration: underline;
}

a:visited
{
	color: #2eae03 ;
	/*84A643 - green*/
	text-decoration: none;
}

a:hover
{
	color: #33cc00;
	text-decoration: underline;
}
 
 .phototopright {
	float: right;
}

.tagline {
	font-family: Arial, Helvetica, Verdana;
 	font-size: 8.5pt;
	line-height: 12pt;
	font-weight: bold;
	white-space: none;
	text-align: center;
}

/* ********************* tagline links - fabric, fiber, fashion **************** */

a.fabric:link, a.fabric:visited {
	color: #33cc00;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana;
 	font-size: 8.5pt;
	line-height: 12pt;
	text-decoration: none;
	font-weight: bold;
}

a.fabric:hover {
	color: #33cc00; 
	text-decoration: underline;
}

a.fiber:link, a.fiber:visited {
	color: #ff9900;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana;
 	font-size: 8.5pt;
	line-height: 12pt;
	text-decoration: none;
	font-weight: bold;
}

a.fiber:hover {
	color: #ff9900; 
	text-decoration: underline;
}

a.fashion:link, a.fashion:visited {
	color: #9900ff;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana;
 	font-size: 8.5pt;
	line-height: 12pt;
	text-decoration: none;
	font-weight: bold;
}

a.fashion:hover {
	color: #9900ff;
	text-decoration: underline;
}

 /* ********************* END tagline links - fabric, fiber, fashion **************** */
 
.footer {
	font-family: Arial, Helvetica, Verdana;
 	font-size: 8.5pt;
	line-height: 14pt;
	white-space: none;
	color: #333;
}

a.footer:link, a.footer:visited {
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana;
 	font-size: 8.5pt;
	line-height: 14pt;
	text-decoration: none;
	padding: 0 8px 0 8px;
}

a.footer:hover {
	color: #333;
	text-decoration: underline;
}

/* *********** primary nav styles ********** */

#nav  {
  	background: #33cc00 url(../img/sew_bgnav.gif) repeat-x top left;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 580px; /* was 600px */
	margin-top: 0px; /* was -5px */
	}

#nav li {
	position: relative;
	float: left;
	width: 95px;  
	/*border-left: 1px solid #f00;*/
	}
		
#nav ul { 
	display: none;
	padding: 0;
	margin:0;
	list-style: none;
	font-size: 10px;
	width: 110px; /* was 11em */
	z-index:99;
	position: relative; /* was ... */
	overflow:visible;

	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;	
		}

	
/* Styles for Main Menu Items */
#nav li a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 8px 0 2px 20px;
	border: 0;
	font-family: Arial, Helvetica, Verdana;
 	font-size: 8.5pt;
	line-height: 9.5pt;
	font-weight: bold;
	text-align: left;
	}

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%;  }
/* End */


#nav ul li { 
	background-color:#AAEE4E;
	border-bottom: 1px solid #000;
	width: 110px; 	
	}		
	
#nav ul li a {
	display: block;
	color: #000;
	padding: 3px 3px 3px 5px;
	}
	
#nav a:hover, #nav li:hover{
	color: #fff;
	}

#nav li a:hover { color: #fff; } /* Hover Styles */

#nav li:hover ul, #nav li.over ul { display: block; z-index:100;  } /* The magic */
/* do we need this line....#nav li:hover ul, #nav li.sfhover ul {	display:block; background-color:#f00; } /* was 9AD946 */

/* below - hover styles for drop down menus */
#nav ul li:hover, #nav ul li a:hover{ 
background-color: #9ad946;
display:block;
}
	
#nav li ul {
	position: absolute; /* was absolute */	
}

/* **********   END navigation styles   ************** */