body {

	font-family:  verdana;
	font-size: 10pt;
	background-color: #990000;
}

textarea {

	background-color: #220000;
	color: white;
}

input {

	background-color: #220000;
	color: white;
}
button {
	background-color: #220000;
	color: white;
}

username {
	/*color: #3541ed;*/
	/*color: #d8defd;*/
	color: #fff948;
}

.leftbannerad {

	position: absolute;
	top: 00;
	left: 00;

}

.centerlogo {

	position: absolute;
	top: 25%;	
	left: 28%;


}
.feralcowtext {
  /* the main logo at the top of title bar*/
	position: absolute;
	top: -5;
	left: 140;
}
.loginarea {
	position: absolute;
	top: 75;
	left: 150;
	font-size: small;

}

.logintable {
	font-size: small;

}

a:visited {

	color: AAAAAA;
}
a:link {
	color: white;
}

.leftcolumn {

	position: absolute;
	top: 0;
	left: 0;
	width: 120;
	height: 150%;
	background-color: black;

}

.mainarea {

	position: absolute;
	top: 120;
	left: 150;
	
}

.converterform {

	position: absolute;
	top: 5;
	left: 10;
	width: 400;
}

.unformattedTextarea {

	font-family: monospace;

	font-size: 10pt;

	position: absolute;
	top: 110;
}

.formattedTextarea {

	font-family: monospace;

	font-size: 10pt;

	position: absolute;
	top: 370;
}

.makeforumtext {
	
	visibility: hidden;

}
.handviewforumtext {
	position: absolute;
	top: 700;

}
.makeforumtextformatted {
	overflow: scroll;
	position: absolute;
	top = 0;
	width: 640;
	height: 230;
	background-color: #FFFFFF;
	border: 1px solid black;
	visibility: hidden;

}

.makeforumtexttext {
	position: absolute;
	top = 0;

}


.underformArea {

	position: absolute;
	top: 705;
	width: 300;
}

.formattedArea {
	overflow: scroll;
	position: absolute;
	top: 370;
	width: 640;
	height: 230;
	background-color: #FFFFFF;
	border: 1px solid black;
	visibility: hidden;
}
.story {

	font-style: bold;
	font-size: 16;
	font-family: Futura;

}

.hiddenTextarea {
	position: absolute;
	top = 0;
	visibility: hidden;
}

#cowbutton a {
 display:inline-block; 
 position: relative;
 background-image: url('images/cowbutton.png');
 width:175px;
 height:121px;
}

#cowbutton a:hover {
 display:inline-block;
 position: relative; 
 background-image: url('images/cowbutton-hover.png');
 width:175px;
 height:121px;
}

.handViewPort {
	background-color: #CCCCCC;
	width: 500; 
	padding: 10px;

}


.logo {
	position: absolute;
	top:300;
	left: 270;
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;

}

.title {
	font-size: 24pt;
	position:absolute;
	top: 70;
	left: 290;
	height: 100;
	width:500;
	font-weight: bold;
	

}

.buttonbar {
	/* the bar at top with the links to pages */
	position: absolute;
	top: 65;
	left: 150;
	background-color: 333333;
	font-size: small;
	color: white;
	height: 30;
	width: 1200;
	z-index: 1;

}

#button {
	position: relative;
	display: inline;
	top: 7;
	left: 5;
	background-color: 333333;
	padding: 4;


}
#button1 {
	position: absolute;
	top: 3;
	left: 150;
	background-color: 333333;
	padding: 4;
}

#button2 {
	position: absolute;
	top: 3;
	left: 210;
	background-color: 333333;
	padding: 4;
}

#button3 {
	position: absolute;
	top: 3;
	left: 300;
	background-color: 333333;
	padding: 4;
}