h1 {
	/* margin-top: 80Px; */
	/* color: rgb(20,73,97); */
	color: #006064;
	/* margin-left: 300Px; */
	text-align: center;
	font-size: 300%;
}

h2 {
	/* 
                       text-align: center;
                       color: #006064;
                       color: #006064;
 */
	color: #6666FF;
	font-family: Georgia-serif;
	font-size: large;
	font-weight: bold;
}

h2.Frog {
	color: #006064;
	font-family: Georgia-serif;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}

h3.Frog {
	color: #A66F00;
	font-family: Georgia-serif;
	font-size: 120%;
	font-weight: bold;
}

h3 {
	color: #BE78A7;
	font-family: Georgia-serif;
	font-size: medium;
	font-weight: bold;
}

h3.restOfSite{
color: #A66F00;
	font-family: Helvetica-sans-serif;
	font-size: 1.2em;
	text-align: center;
	/* font-weight: bold; */
}

h4 {
	text-align: center;
	color: #A64D00;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	/* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-top: 20px;
	padding-left: 15px;
	/* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

.HeaderPanelThin {
	/*             position: absolute;   */
	/* 
       top: 0px;
                       left: 0px;
 */
	height: 128px;
	min-width: 600px;
	max-width: 1300px;
	/* width: 1296px; */
	/* min-width: 1000px */
	/* padding-left: 8px; */
	/* padding-right: 8px; */
	/* left: 280px; */
	/* width: 2000px; */
	/* left: 280px; */
	/* height: 8px; */
	/* height: 64px */
	/* min-height: 100%; */
	/* text-align: center; */
	background-color: rgb(240,240,240);
	/*    padding-right: 8px; */
	padding-left: 0px;
	margin-left: -8px;
	padding-top: 0px;
	margin-top: -8px;
	/*    padding-right: 8px; */
}

.LeftPanelThin {

	position: absolute;
	top: 128px;
	/* bottom: 0px; */
	left: 0px;
	width: 280px;
	/* min-height: 50%; */
	min-height: 5000px;
	/* background-color: #eee; */
	background-color: rgb(255,255,240);
	/*
                                                 border-width: 1px;
                                                 border-style: solid;
                                                 border-color: black;
                                               */
	padding-left: 8px;
	/* padding-right: 8px; */
	/* padding-bottom: 8px; */
}

.RightPanelThin {
	position: absolute;
	top: 128px;
	left: 280px;
	/*width: 712px;*/
	/*min-height: 100%; */
	min-height: 2000px;
	min-width: 400px;
	max-width: 1000px;
	/* background-color: #eee; */
	/* background-color: rgb(245,255,255); */
	/* background-color: rgb(245,0,255); */
	/*
                                                 border-width: 1px;
                                                 border-style: solid;
                                                 border-color: black;
                                               */
	padding-left: 20px;
	padding-right: 8px;
	padding-bottom: 8px;
}