body {
	margin: 0;
	padding: 0;
	background-color: 					#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


a:link    { color: #666666; font-weight: bold; text-decoration: none }
a:visited    { color: #666666; font-weight: bold;  text-decoration: none }
a:hover    { color: #FF0000; font-weight: bold; text-decoration: none }
.description    { color: #666666; font-size: 11px; line-height: 16px }
.introtext { color: #fff; font-size: 12.5px; line-height: 20px; }
.smalltext     { color: #666666; font-size: 9px; line-height: 12px; background-repeat: no-repeat   }
.quiltmaker    { color: #666666; font-size: 14px; font-weight: bold }
.quilttitle    { color: #666666; font-size: 12px; font-weight: bold; font-style:italic;}
.button    { color: #666666; font-size: 12px; font-weight: bold }


.menu {
  width: 300px;
  margin: 0;
  font-size: .80em;
  font-weight:bold;
  background-color: #fff;
  position:absolute; 
  top:41px;
  left:10px;
}
.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu li {
  margin: 0;
  padding: 0;
  float: left;
  width: 20%;
  text-align: center;
}

/* in navigation bar */
.menu a {color: #666666; text-decoration: none}
.menu a:visited {color: #666666; text-decoration: none}
.menu a:hover, a:active {color: #999999; text-decoration: none}

/* active page open in navigation bar */
a.activepage:link {color: #FF0000; text-decoration: none}
a.activepage:visited {color: #FF0000; text-decoration: none}
a.activepage:hover, a:active {color: #999999; text-decoration: none}