/* CSS Document */
<style type="text/css">
* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%; /* Required */
}

body {
	height: 100%; /* Required */
	font:"Arial", sans-serif;
	font-size:14px;	
}

p { 
	font:"Arial", sans-serif;
	font-size:14px;
}

h1 { 
	font:"Arial", sans-serif;
	font-size:20px;
}

h2 { 
	font:"Arial", sans-serif;
	font-size:18px;
}

h3 { 
	font:"Arial", sans-serif;
	font-size:16px;
}
	
a:link { 
	color: #000077;	
}
a:visited { 
	color: #000077;
}
a:hover, a:active { 
	/* text-decoration: underline; */
	color: #990000;
}

/* td img {display: block;} */

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

.red_style {
	color: #990000;
}

.pipe-style {
	font-size:16px;
}

#container-page {
  margin: 0 auto;
  width: 770px;
  background: #FFFFFF;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

#container-foot {
  width: 100%;
  /* background: #CCC; */
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 80px;
}

#foot {
  padding: 0 1em;
  line-height: 40px;
}

#Layer2 {	
	width:740px;
	height:150px;
	z-index:2;
	overflow: hidden;
	/* top: 425px; */
	position: absolute;
	left: 50%;
	width: 740px;
	margin-left: -370px;
	
	bottom: -350;
	margin-bottom: -235px; 
}
#Layer2	a:link, #Layer2 a:visited, #Layer2 a:active { 
	color: #000077;
	text-decoration: none; 
}
#Layer2	a:hover {
	color: #990000;
	text-decoration: none; 
}

#Layer4 {
	position:absolute;
	width:740px;
	height:85px;
	z-index:2;
	overflow: hidden;
	top: 85px;
	position: absolute;
	left: 50%;
	width: 740px;
	margin-left: -370px;
}
#twitter-icon {
	position:absolute;
	width:160px;
	height:85px;
	z-index:2;
	overflow: hidden;
	top: 10px;
	position: absolute;
	left: 90%;
	
	margin-left: -100px;
}
#Layer4	a:link, #Layer4 a:visited, #Layer4 a:active { 
	color: #000077;
	text-decoration: none; 
}
#Layer4	a:hover {
	color: #990000;
	text-decoration: none; 
}

/*

.content {
	color: #000000; 
	color: #000077;
	font:"Arial", sans-serif;
	font-size:14px;
}
*/

.whitetext {color: #FFFFFF}
.blutext {
	font:"Arial", sans-serif;
	font-size:14px;
	color: #000077;
	font-weight: bold; 
	a:link color: #000077;
	a:visited color: #000077;
	a:hover color: #990000;
	a:active color: #000077;
}

.CreatureName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
	color: #ffffff;
	background-color: #063;
}
.CreatureSizeType {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	background-color: #063;
}
.Attack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	color: #000;
}
.attackDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	color: #000;
}

.quote {
	color: #063
	font-style: italic;
}

.whiteCell {
	background-color: #FFFFFF;
}

.medBgCell {
	background-color: #B5E375;
}

.darkBgCell {
	background-color: #063;
}
.lightBgCell {
	background-color: #CEEDA5;
}
</style>