@charset "UTF-8";
/* CSS Document */

body {height: 100%; 
background-image: url('images/bgpat.jpg');
background-repeat: repeat;
}

#everything {color: #30446e;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			background-image: url('images/ectobeast.png');
			background-repeat: no-repeat;
			background-position:bottom left;
			background-attachment:fixed;
			/*width:1000px;*/
			min-height:600px;
}

#head {border:1px dotted #30446e; padding:5px; width:800px;
width:800px;opacity: 0.75; filter: alpha(opacity = 75);
}

#head:hover {border:1px dotted #30446e; padding: 5px; width:800px; 
opacity: 1.00; filter: alpha(opacity = 100);
}

.ectobeastoutline {border:1px dotted #30446e; padding:5px; width:800px;
			background-image: url('images/ectobeast2.png');
			background-repeat: no-repeat;
			background-position:top left;
			opacity: 0.75; filter: alpha(opacity = 75);
			padding-bottom:485px;
}

.ectobeastoutline:hover {border:1px dotted #30446e; padding:5px; width:800px; 
			background-image: url('images/ectobeast2.png');
			background-repeat: no-repeat;
			background-position:top left;
			opacity: 1.00; filter: alpha(opacity = 100);
			padding-bottom:485px;
}

.info {border:1px dotted #30446e; padding:5px; width:800px; 
			opacity: 0.75; filter: alpha(opacity = 75);
}

.info:hover {border:1px dotted #30446e; padding:5px; width:800px; 
			opacity: 1.00; filter: alpha(opacity = 100);
}

#fixed {position:absolute;
		float:left;
		width: 356px;
		height: 100px;
		text-align: center;
		left: 50%;
		top: 50%; 
		margin-left: 10px;
		margin-top: -7px;
}

#fixedtext {position:absolute;
		float:left;
		width: 380px;
		height: 210px;
		text-align: left;
		left: 50%;
		top: 50%;
		margin-left: 10px;
		margin-top: -7px;
		overflow:auto;
}
	
#textpanel {margin:200px 0 0 0;
}

#rightpanel {margin:39px 0 0 5px;
}

#footer {position: absolute;
	top: 455px;
	width:755px;
	
	margin:0 auto 0 auto;padding:0;
	text-align:center;
}

#navbar {position:absolute;
		float:left;
		/*width: 356px;
		height: 100px;*/
		text-align: center;
		left: 50%;
		top: 50%;
		margin-left: -402px;
		margin-top: 215px;
}

a img {border:none;
}

img.center {
  display: block;
  margin:auto;
  padding:25px 0 5px 0;
}

a  {color:#3B3117;
	text-decoration: underline;
}

a.otherstyle {color: #30446e;
			font-size:12px;
}

a.otherstyle:hover {color: #30446e;
			text-decoration: overline;
}

a.otherstyle:active {color:#999999;
			text-decoration: underline;
}

a:hover {color:#3B3117; text-decoration: overline;}
a:visited {}
a:active {color:#30446e; text-decoration:underline;}
				
.italic {font-style:italic;
}

/*PRELOAD IMAGES*/
.hiddenPic {display:none;}