/*
	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.
*/


body {
	font-family: "tahoma", "trebuchet MS", "verdana", sans-serif;
	font-size: 13px;
	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: 400px;
}

.topimage {
	position: absolute;
	top: 40px;
	right: 50%;


}


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

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

.bigimage {
    float: left;
    margin: 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: "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: 5px;
	padding: 0 0 4px 0;
}

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

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

.b33pimagegalleryimage
{
      float: left;
      margin: 10px;
}

.b33pimage  
{    float: left;
     margin: 10px;
}

.b33pimagepopup
{
    margin: 25px;
}

.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;
}

.footer a
{ 
	color: #787878;
}