body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#446424;
	font-size:1em;
	background-image: url(images/latbck2.gif);
	background-color: #EAF5DD;
	text-decoration: none;
	height: auto;
}
.main a:link {
	color:#394125;
	font-size:12px;
	text-decoration:none;
}
.main a:visited {
	color:#394125;
	font-size:12px;
	text-decoration:none;
	}
/* Changed visited link from #D5BD5D to #394125 */
.main a:hover {
	color:#F2615C;
	font-size:12px;
	text-decoration:underline;
	}
.main a:active {
	color:#80D84D;
	font-size:12px;
	text-decoration:none;
	}

/*  This is the link style for any alternate text I might want to use. */
.alt  a:link {
	color:#394125;
	font-size:12px;
	text-decoration:none;
}
.alt  a:visited {
	color:#967E2A;
	font-size:12px;
	text-decoration:none;
	}
/*	#D5BD5D    */
.alt a:hover {
	color:#F2615C;
	font-size:12px;
	text-decoration:none;
	}
.alt a:active {
	color:#80D84D;
	font-size:12px;
	text-decoration:none;
	}

/*  This is just for when there are two words on top of each other and both are links.  */
.overline a:link {
	color:#394125;
	font-size:12px;
	text-decoration:none;
}
.overline a:visited {
	color:#394125;
	font-size:12px;
	text-decoration:none;
	}
.overline a:hover {
	color:#F2615C;
	font-size:12px;
	text-decoration:overline;
	}
.overline a:active {
	color:#80D84D;
	font-size:12px;
	text-decoration:none;
	}

.underline a:link {
	color:#394125;
	font-size:12px;
	text-decoration:none;
	}
.underline a:visited {
	color:#394125;
	font-size:12px;
	text-decoration:none;
	}
.underline a:hover {
	color:#F2615C;
	font-size:12px;
	text-decoration:underline;
	}
.underline a:active {
	color:#80D84D;
	font-size:12px;
	text-decoration:none;
	}

#menu a {
	white-space: nowrap;
}
/*  End of specialized formatting for links   */

td {
	font-family: Verdana, Arial, Helvetica;
	text-decoration: none;
	font-size: 12px;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
}

table.main{
	width: 84%;
	margin-left: 8%;
	margin-right: 8%;
	background-color:#eaf5dd;
}

.bamboov {
	background-image: url(images/bamboo-v.jpg);
		}
.bambooh {
	background-image: url(images/bamboo-h.jpg);
		}

/*p {
	position: relative;
	left: 5px;
	top: 1px;
}
*/
.maincontent {margin-left:15px;
				}
.special {
	margin-left: 25px;
	margin-right: auto;
	height: auto;
	width: 225px;
	background-color:#CBE7AC;
	border: solid #62912B;
	padding: 10px;
	vertical-align: top;
	clear: right;
	margin-bottom: 15px;
}

.altspecial {
	margin-left: 25px;
	margin-right: auto;
	height: auto;
	width: 320px;
	background-color:#CBE7AC;
	border: solid #62912B;
	padding: 10px;
	vertical-align: top;
	clear: right;
	margin-bottom: 15px;
}

.footer {font-size: 9px;
	color: #616D3D;
}
.credit {font-size:9px;
	margin-left: 25px;
	margin-right: auto;
	height: auto;
	width: 225px;
	padding: 10px;
	vertical-align: top;
	clear: right;
	margin-bottom: 15;
	}
.caps 	{font-variant: small-caps}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	border: none #446424;
}

h2 {
	font-size: small;
	font-style: italic;
}
.beliefs {margin: 10px;

}


/*
I wanted to try placing the flower to the left of each item  - it would go in beliefs above.

		background-image:url(images/sn-flower.jpg);
		background-repeat: no-repeat;
		background-position: top left;

This had me confused for a while.  I leave it here just in case I can figure it out later.

ol {
	background-image: url(images/sm-flower.jpg);
	background-position: top right;
}

I also tried taking the style out the the a tag and putting it in here, but I couldn't get it to work.   Here is what I had:

	display: none;
	border: 1px solid #446424;
	padding: 10px;
	width:320px;

Which is what was in the tag.  Maybe this is html and not css?  That might be it.

*/


.smallerheading {
	font-size: 18px;
	font-weight: bold;
}
.italized {
	font-style: italic;
}
.smallerheading {
}
.picsmargin {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.superscript {vertical-align: sup;
}