html, body 
{
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #303030;
}

#logo1 {
	position:absolute;
	top: 5px;
	left: 50%;
	height: 150px;
	width: 500px;
	margin-left: -225px;
	background-image: url('images/logo.png');
	z-index: 11;
}

#llogo  {
	position:absolute;
	top: 75px;
	left: 0px;
	width: 50%;
	height: 80px;
	background-image: url('images/left.png');
	background-repeat: repeat;
	z-index: 10;
}

#rlogo  {
	position:absolute;
	top: 75px;
	right: 0px;
	width: 50%;
	height: 80px;
	background-image: url('images/right.png');
	background-repeat: repeat;
	z-index: 10;
}

#logo_ {
	position:absolute;
	top: 20px;
	left: 0px;
	height: 125px;
	width: 100%;
	z-index: 1;
}

#index {
	position:absolute;
	top: 75px;
	left: 50%;
	height: 80px;
	width: 500px;
	margin-left: -225px;
	z-index: 25;
}

* html
{
	height: 100%;
}

.content {
	border:1px hidden Red; position:absolute;
	top: 170px;
	left: 50%;
	width: 90%;
	margin-left: -45%;
	margin-right: auto;
	
}

#defaultcontent {
	border:1px hiddens Red; height: 575px;
	
}

.spannotmenu {
	color: #aaaaaa;
	text-decoration: none;
	letter-spacing: 8px;
}

.spanmenu a:link, a:visited {
	color: #ffffff;
	text-decoration: none;
}
/* Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!! */
.spanmenu a:hover {
	color: #d79d00;
	text-decoration: overline;
}

#menu {
	position:absolute;
	bottom: -20px;
	left: 5%;
	width: 90%;
	color: #ffffff;
	font-family: arial, "lucida console", sans-serif;
	font-size: small;
	text-align: left;
	letter-spacing: 4px;
	z-index: 2;
}

#copyright {
	position:absolute;
	bottom: -42px;
	left: 5%;
	width: 90%;
	margin-bottom 50px;
	color: #d79d00;
	font-family: arial, "lucida console", sans-serif;
	font-size: x-small;
	text-align: left;
	z-index: 2;
	border-color: #d79d00;
	border-width: 1px;
	border-bottom-style: solid;
}

#headingtext {
	font-size: x-large;
	color: #d79d00;
	letter-spacing: 1px;
	line-height: 30px;
}

.genpagetext {
	border:1px hidden #d79d00; position: absolute;
	top: 0px;
	left: 50%;
	height: 100%;
	width: 90%;
	margin-left: -45%;
	color: #ffffff;
	font-family: arial, "lucida console", sans-serif;
	font-size: small;
	letter-spacing: 1px;
	line-height: 17px;
	text-align: left
}
#newstuff 
{
	top: 10px;
	padding: 20px;
	overflow:auto;
	height: 350px;
	scrollbar-base-color:#303030; /* IE only :( */
	background-color: #353535;
	border-color: #404040;
	border-style: solid;
	border-width: 1px;
}

.lightframe  
{
	background-color: White;
}

.darkframe  {
	background-color: Black;
}

.lightframeloading 
{
	position: absolute;
	height: 25px;
	width: 120px;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -60px;
	text-align: center;
	color: #aaaaaa;
	font-family: arial, "lucida console", sans-serif;
	font-size: small;
	z-index: -1;
}

.darkframeloading 
{
	position: absolute;
	height: 25px;
	width: 120px;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -60px;
	text-align: center;
	color: #dddddd;
	font-family: arial, "lucida console", sans-serif;
	font-size: small;
	z-index: -1;
}

.lightframecopyright {
	position: absolute;
	bottom: -14px;
	right: 15px;
	color: #888888;
	font-family: arial, "lucida console", sans-serif;
	font-size: xx-small;
}

.darkframecopyright {
	position: absolute;
	bottom: -14px;
	right: 15px;
	color: #dddddd;
	font-family: arial, "lucida console", sans-serif;
	font-size: xx-small;
}

.wwwlogo
{
	position: absolute;
	bottom: -59px;
	width: 230px;
	height: 16px;
	background-image: url(images/www.john.seelbinder.org.png);
	background-repeat: no-repeat;
	z-index: 3;
}
.right
{
	right: 5%;
}
.left
{
	left: 5%;
}