/*
	the unusual lines beginning with "#" are to spoof IE into
	rendering something legible, as it can't handle alpha-PNGs.

	"#"-ed lines aren't interpreted by mozilla, but ARE by IE.
*/

@font-face {
font-family: fipps;
src: url("/fipps.ttf") format("truetype");
}

@font-face {
font-family: fipps;
src: url("/fipps.ttf") format("truetype");
}


body {
	font-family: "fipps", "courier", "lucinda console", "typewriter", sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0 0 0 0;

	background: #ffffff;
	overflow: -moz-scrollbars-vertical;
}


.content {
	margin: 40px 120px 0 240px;
	width: auto;
	min-width: 200px;
        min-height: 800px;
}


.topimage {
	position: absolute;
	top: 7em;
	right: 40%;
}


.topleftimage {
	position: absolute;
	top: 0px;
	left: 0px
}

.bottomrightimage {
	position: absolute;
	bottom: 0px;
	right: 0px
}

.bigimage {
	text-align: center;
	margin: 25px auto;
}

.upperright {
	position: absolute;
 	right: 20px;
}

.lowerright {
        float: right;
 	color: #787878;
 	link: #000000;
 	vlink: #000000;
}

.homelink {
	position: absolute;
	top: 120px;
	left: 50px;
	margin: 15px 15px 15px 15px;
}


.menu {
	position: absolute;
	top: 50px;
	left: 50px;
	margin: 15px 15px 15px 15px;
	width: 183px;
	margin: 128px 0 0 0;
	font-size: 90%;
}

.menu a {
	display: block;
	padding: 0.4em;
	font-weight: normal;
}

.menu .sep {
	display: block;
	padding: 0;
	margin: 0.3em;
	font-weight: normal;
}
.menu a.target:link {
	color: #000000;
	font-weight: bold;
}
.menu a.target:visited { color: #000000; }

.menu a:link { color: #000000; }
.menu a:visited { color: #000000; }

.submenu
{
	margin-left: 2em;
}



a:link {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #000000;
	text-decoration: underline;
}




p {
	margin: 1em 0 .5em 10px;
	line-height: 18pt;
}


.poem {
	color: #000000;
	margin: 125px 25px 25px 25px;

}











.title
{
	font-family: "fipps", "courier", "lucinda console", "typewriter", sans-serif;
	font-size: 28px;
	color: #000000;
	position: absolute;
 	right: 50px;
	letter-spacing: 4px;
	z-index: 1;
}

.titleHome
{
	font-size: 14px;
	color: #adbaba;
	letter-spacing: 0;
	font-style: normal;
}
.titleHome a:link { color: #adbaba; }
.titleHome a:visited { color: #adbaba; }

.sectionFloat
{
	float: left;

	color: #adbaba;
	margin: 16px 16px -4px 0;
	padding: 12px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0;
}

.right
{
	color: #000000;
	margin: 0 8px 24px 0;
	padding: 3px;
	text-align: right;
}

.sectionFrame .sectionHeader
{
	font-size: 18px;
	color: #adbaba;
	margin: -8px -8px 4px -8px;
#	margin: 0px 0px 0px 0px;
	padding: 0 0 4px 0;
}

a:link .sectionFrame .sectionHeader
{
	color: #000000;
	text-decoration: underline;
}

a:visited .sectionFrame .sectionHeader
{
	color: #000000;
	text-decoration: underline;
}



.external 
{
	background: url(http://softpixel.com/~smokris/external.png) center right no-repeat;
	padding-right: 13px;
}

.fatlines
{
    line-height: 7em;
}

.bar
{	
        background-color: #787878;
	width: 95%;
	height: 1px;
	border: 25px 0px 0px 25px;
	padding: 5px 5px 5px 5px;
	clear: both;
}

.footer
{
	background-color: #ffffff;
	color: #787878;
	text-align: right;
	margin: 0px 45px 0px 0px;
	border: 25px 0px 0px 25px;
	padding: 5px 5px 5px 5px;
	height: 20px;
        clear:both;
}

.footer a
{ 
	color: #787878;
}