body {
  background-color: #fffab2;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 13px;
	border: 0;
	padding: 5px;
	margin: 0;
	text-align: center;
}


#kerstitchgraphic  {
   background-color: #4e3a7c;
	text-align:center;
	color: #ffffff;
	padding-bottom: 0;
	padding-top: 2px;
	margin-top: 0px;
        margin-bottom: 10px;
	border-top: 0;
	border: 4px solid rgb(29,15,54);
width: 99%
}



#nav {
  background-color: #4e3a7c;
	border: 3px solid rgb(29,15,54);
	padding-top:10px;
  padding-bottom:0;
	width:150px;
	height:310px;
	position: absolute;
	left:5px;
	z-index:3;
	padding-right:10px;
	padding-left: 0;
	margin-left: 0;
	margin-top: 6px;
}

#nav li {
  list-style-type:none;
	margin-left: 0;
	font-weight: bold;
	line-height:1.25em;
	margin-bottom:0.5em;
	background-color: #ffffff;
	border-left: 7px solid rgb(29,15,54);
	border-right: 2px solid rgb(29,15,54);
	border-bottom: 4px solid rgb(29,15,54);
	text-align: left;
	padding-left: .4em;
}

#nav li.right {
  text-align: right;
  border: 0;
	list-style-type: disc;
}

#nav a { text-decoration: none; }

#nav a:link { color: #860071; }
#nav a:visited { color: rgb(60,44,97); }
#nav a:focus { color: #e62b86; }
#nav a:hover {
  color: rgb(250,250,250);
  background-color: rgb(60,44,97);
}
#nav a:active { color: #e62b86; }



#leaf {
	color: #ffffff;
  background-color: #4e3a7c;
	border: 3px solid rgb(29,15,54);
	padding: 0;
	width: 100%;
	margin-left: 0;
	margin-top: 40px;
}

#leaf img { border: 1px solid rgb(60,44,97);
}

#leaf h4 { color: #ffffff;
	text-align: center;
}

#leaf a:link { color:  #ffffff; }
#leaf a:visited { color: #ffffff; }
#leaf a:focus { color: #ffffff; }
#leaf a:hover {color: rgb(60,44,97);
  background-color: rgb(250,250,250);}
#leaf a:active { color: #e62b86;}




#mainstuff {
	background-color: #ffffff;
	z-index:1;
	padding:10px;
	border: 3px solid rgb(60,44,97);
	width: 77%;
	height: 100%;
	margin-left: 190px;
	margin-top: 8px;
}

#mainstuff a:link { color:  #860071; }
#mainstuff a:visited { color: rgb(60,44,97); }
#mainstuff a:focus { color: #e62b86; }
#mainstuff a:hover {color: rgb(250,250,250);
  background-color: rgb(60,44,97);}
#mainstuff a:active { color: #e62b86;}
#mainstuff a name { color: #e62b86; }

#mainstuff h2, h3 {
  color: rgb(60,44,97);
	margin-top: 22px;
	margin-bottom: 8px;
}

#mainstuff p { margin-top: 3px; }


#mainstuff p.top {color: rgb(67,39,27);
	text-align: right;
}



#mainstuff li { list-style-type: square;
 }


#mainstuff table {border: 4px solid rgb(60,44,97);
		margin-right: auto;
		margin-left: auto;
		background-color: #ffffff;
}

#mainstuff table td { padding: 20px;
}


#info p, h4, h5 { text-align: left;
	margin: 10px 20px 10px 25px;
	padding: 2px
}

.grrr { text-align: left;
	margin: 10px 20px 10px 100px;
	padding: 2px
}

#info h2 { color: rgb(60,44,97);
}

#info h3 { text-align: left;
		color: rgb(60,44,97);
}

#info ul.list {	text-align: left;
		margin-left: 60px;
		padding: 2px;
}


#info a:link { color: #860071; }
#info a:visited { color: rgb(60,44,97); }
#info a:focus { color: #e62b86; }
#info a:hover {color: rgb(250,250,250);
  background-color: rgb(60,44,97);
}
#info a:active { color: #e62b86; }


#info p.indent { margin-left: 60px;
		padding: 2px;
}

p.images img {margin: 20px;
		padding: 5px;
		vertical-align: top;
}

p.smallimages img {margin: 20px;
		padding: 5px;
}

#needlework {
  background-color: #fffab2;
	border: 2px solid rgb(29,15,54);
	padding: 0;
	margin: 0;
}

#needlework p {color: #000000;
}

#needlework h3 {color: #000000;
}

#needlework a:link { color:  #000000; }
#needlework a:visited { color: #000000; }
#needlework a:focus { color: #e62b86; }
#needlework a:hover {color: #ffffff;
  background-color: rgb(60,44,97);}
#needlework a:active { color: #e62b86;}


#art {
  background-color: #c9de89;
	border: 2px solid rgb(29,15,54);
	padding: 0;
	margin: 0;
}

#art p {color: #000000;
}

#art h3 {color: #000000;
}

#art a:link { color:  #000000; }
#art a:visited { color: #000000; }
#art a:focus { color: #e62b86; }
#art a:hover {color: #ffffff;
  background-color: rgb(60,44,97);}
#art a:active { color: #e62b86;}

#jewelry { width: 50%;
	height: 100%;
	border: 2px solid rgb(29,15,54);
	background-color: #634e93;
}

#jewelry h3 {color:  #ffffff;
}

#jewelry p {color: #ffffff;
}

#jewelry a:link { color:  #ffffff; }
#jewelry a:visited { color: #ffffff; }
#jewelry a:focus { color: #e62b86; }
#jewelry a:hover {color: rgb(60,44,97);
  background-color: rgb(250,250,250);}
#jewelry a:active { color: #e62b86;}

#photography { width: 50%;
	height: 100%;
	background-color: rgb(60,44,97);
	border: 2px solid rgb(29,15,54);
}

#photography h3 {color:  #ffffff;
}

#photography p {color: #ffffff;
}
 
#photography a:link { color:  #ffffff; }
#photography a:visited { color: #ffffff; }
#photography a:focus { color: #e62b86; }
#photography a:hover {color: rgb(60,44,97);
  background-color: rgb(250,250,250);}
#photography a:active { color: #e62b86;}

#mainstuff2 {
	background-color: #c9de89;
	z-index:1;
	padding:10px 10px 10px 10px;
	border: 3px solid rgb(60,44,97);
	width: 76%;
	height: 100%;
	margin-left: 190px;
	margin-top: 8px;
}

#mainstuff2 table {border: 4px solid rgb(60,44,97);
		margin-right: auto;
		margin-left: auto;
		background-color: #ffffff;
}

#mainstuff2 a:link { color:  #860071; }
#mainstuff2 a:visited { color: rgb(60,44,97); }
#mainstuff2 a:focus { color: #e62b86; }
#mainstuff2 a:hover { color: rgb(250,250,250);
  background-color: rgb(60,44,97);}
#mainstuff2 a:active { color:#e62b86; }
#mainstuff2 a name { color: #e62b86; }

#mainstuff2 h2, h3 {
        color: #000000;
	margin-top: 22px;
	margin-bottom: 8px;
}

#mainstuff2 h3 { 
       padding-left: 5px
}

#mainstuff2 h5 { text-align: left;
}

#mainstuff2 li { text-align: left;
}

#info p.hrx { color: rgb(60,44,97);
	padding: 10px;
	margin-bottom: 2px;
	margin-top: 0;
	text-align: center;
}

#mainstuff2 td.image { border: 2px solid #bbbbbb;
	text-align: center;
}



#info p.top { text-align: right;
}

td.image { width: 33%;
	vertical-align: center;
	border: 2px solid #bbbbbb;
}

td.image img { border: 2px solid #000000;
		margin-top: 15px; 
		margin-bottom: 15px;
		text-align: center;
}

td.image2 { border: 2px solid #bbbbbb;
	text-align: center;
	vertical-align: baseline;
	width: 33%;
	border: 2px solid #bbbbbb;
}

td.image2 img { border: 2px solid #000000;
	text-align: center;
	margin-top: 15px; 
	margin-bottom: 15px;
}

td.image3 { width: 40%;
	border: 2px solid #bbbbbb;
	text-align: center;
}

td.image3 p { text-align: center;
}

td.image3 img { border: 2px solid #000000;
		margin-top: 15px; 
		margin-bottom: 15px;
		text-align: center;
		vertical-align: center;
}

#mainstuff2 td.text { border: 2px solid #dddddd;
		text-align: left;
		vertical-align: top;
		padding: 15px;
		margin: 4px;
}


td.text h3 {padding-bottom: 15px;
	margin-top: 1px;
}

td.text ul { padding: 0;
	margin-top: 0;
}

td.text h4 { padding: 0;
	margin: 0;	
}

td.text p { padding: 0;
	margin: 0;	
	text-align: center;
}

td.text li { list-style-position: inside;
}

td.text img { border: 2px solid #000000;
}


.menutable {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

.menutable td {
  background-color: #ffffff;
  border: 1px solid lightgrey;
  width: 25%;
  padding: 10px 3px 5px 3px;
}

.menutable td img { margin: 5px;
	border: 2px solid #000000;
	padding: 1px;
}

.menutable a { text-decoration: none }

.menutable a:link { color:  #000000; }
.menutable a:visited { color: #000000; }
.menutable a:focus { color: #e62b86; }
.menutable a:hover {color: #ffffff;
  background-color: rgb(60,44,97);}
.menutable a:active { color: #e62b86;}




#toc a:link {color:#972232;}
#toc a:visited {color:#006d68;}
#toc a:focus {color:#5c3e90;}
#toc a:hover {color: #5c3e90;}
#toc a:active {color:#5c3e90;}

#toc p.question {
  color: #005e5a;
	line-height: 1.1em;
	font-weight: normal;
	margin: 4px;
}

#toc h3 {
  margin-top: 22px;
	margin-bottom: 8px;
}

#botnav p{
  font-size: 0.85em;
	text-align: center;
	word-spacing: 0.5em;
	letter-spacing: .1em;
	line-height:1.1em;
	margin: 3px;
	padding: 2px;
}

#botnav a:link { color: #000000; }
#botnav a:visited { color: #000000; }
#botnav a:focus { color: #000000; }
#botnav a:hover {color: rgb(250,250,250);
  background-color: rgb(60,44,97);
}
#botnav a:active { color: #e62b86; }

#botnav1 p{
  font-size: 0.85em;
	text-align: center;
	word-spacing: 0.5em;
	letter-spacing: .1em;
	line-height:1.1em;
	margin: 3px;
	padding: 5px;
}

#botnav1 a:link { color: rgb(60,44,97); }
#botnav1 a:visited { color: rgb(60,44,97); }
#botnav1 a:focus { color: #e62b86; }
#botnav1 a:hover {color: rgb(250,250,250);
  background-color: rgb(60,44,97);
}
#botnav1 a:active { color: #e62b86; }

#botnav1 p.hr {  color: #ffffff;
	border-bottom: 2px solid rgb(60,44,97);
	padding: 0;
	margin-bottom: 2px;
	margin-top: 0;
}

#mainstuff3 {
	background-color: #c9de89;
	z-index:1;
	padding:10px 10px 10px 10px;
	border: 3px solid rgb(60,44,97);
	width: 86%;
	height: 100%;
	margin-left: 0;
	margin-top: 8px;
}

#mainstuff3 table {border: 4px solid rgb(60,44,97);
		margin-right: auto;
		margin-left: auto;
		background-color: #ffffff;
}

#mainstuff3 table img { border: 2px solid #000000;
		margin-top: 15px; 
		margin-bottom: 5px;
		text-align: center;
		vertical-align: center;
}

#mainstuff3 table h4 { text-align: center;
			margin-top: 0;
			padding-top: 0;
			padding-bottom: 20px;
}