@charset "utf-8";

body 
{
	background-color: white;
	color: black;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

table.main
{
	background-color: white;
	width: 700px;
	padding: 32px;
}

table.main td
{
	border-bottom-width: 1px;
	border-bottom-style: solid; 
	border-bottom-color: black; 
}

table.archetype
{
	background-color: white;
	width: 700px;
	padding: 32px;
}

table.archetype td
{
	border-bottom-width: 0px;
}

div.banner
{
	text-align: center;
	font-family: FreeMono, 'Courier New', Courier, monospace;
	font-weight: bold;
	font-size: 28pt;
	position: relative;
	margin-bottom: 18px;
}

div.banner a
{
	color: white;
	background-color: #00bfff;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
}

div.banner a:hover{background-color: navy;}


div.menuitem
{
	color: gray;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	position: relative;
	margin-bottom: 32px;
}

div.menuitem a
{
	color: black;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}


div.menuitem a:hover
{
	color: white;
	background-color: green;
}

div.title
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	position: relative;
	margin-bottom: 16px;
}

div.subtitle
{
	text-align: left;
	font-family: FreeMono, 'Courier New', Courier, monospace;
	font-weight: bold;
	font-size: 18pt;
	position: relative;
	margin-top: 32px;
	margin-bottom: 16px;
}

div.subtitle a {color:red;} 

div.body
{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	position: relative;
	margin-bottom: 16px;
}

div.footer
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	position: relative;
	margin-top: 32px;
	color: gray;
}

div.footer a
{
	color: gray;	
}

div.image
{
	text-align: center;
	position: relative;
	margin-top: 24px;
	margin-bottom: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

div.archetype
{
	text-align: center;
	font-family: 'Times New Roman', Times, serif;
	font-size: 12pt;
	position: relative;
	margin-bottom: 24px;
}

div.poem
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	position: relative;
	margin-bottom: 16px;
}


div.tiredeyes
{
	text-align: left;
	font-family: FreeMono, 'Courier New', Courier, monospace;
	font-weight: bold;
	font-size: 18pt;
	position: relative;
	margin-top: 64px;
	margin-bottom: 18px;
}

div.tiredeyes a
{
	color: white;
	background-color: purple;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
}

div.tiredeyes a:hover{background-color: navy;}