html {
  font-size:100%;
}
body {
	background-image: url(Images/WoodTile.jpg);
	background-color: black;
  /*background-image: url(Parchment_Texture.jpg);
  background-color: none;
  background-repeat: no-repeat;*/
  margin-left:30px;
  margin-top:30px;
  margin-right:30px;
  text-align: justify;
  /*color: #461E00;*/
  color: #4E2E0D;
	padding:0;
  font-family: Georgia, "Times New Roman", Times, serif;
}

div.main {
  /*background-image: url(Parchment_Texture.gif);*/
  background-color: none;
  background-repeat: no-repeat;
  width:75em;
  height:58em;
  z-index: 0;
  position: relative;
  font-size:100%;
  line-height:120%;
  overflow:hidden;
  /*border: 1px solid #000;*/
}

div.sidebar {
  position: absolute;
  left:1em;
  top:1em;
  width: 10em;
  height:15em;
  /*border: 1px solid #000;*/
  /*margin-right: 1em;*/
  padding: 0em;
  text-align:center;
  line-height:00%;
}

div.sidebar img {
  border-style: none;
  /*width:100%;*/
  /*border: 1px solid #000;*/
  padding-top:0.5em;
}

.test {
  border: 1px solid #0F0;
}

.submenu {
  width:8em;
  padding-top:0.5em;
}

.newsHead {
  padding:0.0em;
  margin:0em;
  text-align:center;
  font-size:120%;
  margin-top:0.5em;
}

.newsBody {
  padding:0.0em;
  margin:0em;
  text-align:center;
}

.newsHead2 {
  padding:0.0em;
  margin:0em;
  font-size:140%;
  margin-top:0.5em;
}

p {
  padding:0.5em;
  margin:0em;
}

#ParchmentTop {
  position: absolute;
  left:0px;
  top:0px;
  /*border: 1px solid #000;*/
  width:75em;
  height:58em;
  z-index: -1; 
}
#ParchImg {
  width:75em;
  height:58em;
}

div.maintext {
  position: absolute;
  left:12em;
  top:1em;
  padding-top: 0.5em;
  width: 61em;
  height:52em;
  /*width:40em;*/
  /*border: 1px solid #0f0;*/
}
#titleImage {
  width: 35em;
}
#sideDiv {
  width:10em;
  /*border: 1px solid #000;*/
  position: relative;
  float: left;
}
.menuimage {
  border-style: none;
  width:10em;
}
#NewsDiv {
  position: absolute;
  left:1em;
  top:39em;
  width: 10em;
  height:15em;
  /*height: 20em;*/
  /*border: 1px solid #000;*/
  text-align:center;
}

.SymbolLine {
  text-align:center;
  margin-left:auto; margin-right:auto;
  /*border: 1px solid #000;*/
  padding:0em;
  margin-top:0em;
  margin-bottom:0em;
}

#FactionsTable {
  /*width: 40em;*/
  border: 1px solid #000;
}

.CharTable tr {
  /*width: 40em;*/
  border: 1px solid #000;
}

.CharTable th {
  padding-right: 1em;
  padding-left: 1em;
}

.FactionSection {
  position:relative;
  float:left;
  /*border: 1px solid #000;*/
  width: 16em;
  height:26em;
  padding:1em;
  margin-left:2em;
}

.BackImage {
  position: absolute;
  left:0.0em;
  top:0em;
  z-index: -1;
}

.FactionSquare {
  width: 19em;
  /*height:25em;*/
}

.MinisSection {
  position:relative;
  float:left;
  /*border: 1px solid #000;*/
  width: 17em;
  height:17em;
  padding:1em;
  /*margin-left: auto;
  margin-right: auto;*/
}

.MiniSection p {
  margin-bottom:0em;
  padding-bottom:0em;
}

.MinisBackImage {
  position: absolute;
  left:0.0em;
  top:0em;
  z-index: -1;
}

.MinisSquare {
  width: 19em;
  height:19em;
}

.galleryImage {
  height:40em;
}

img.dropcapBig {
  height:3.7em;
  /*width:3em;*/
  float:left;
  vertical-align:bottom;
}

img.dropcapMed {
  height:2.5em;
  /*width:2em;*/
  float:left;
  vertical-align:bottom;
}

#mainImage {
  width:35em;
  /*border:0px solid #000;*/
}
#agedEngineer {
  width:20em;
  border:1px solid #000;
}

.centred {
  text-align:center;
  margin-left:auto; margin-right:auto;
}
.plus1 {
  font-size:120%;
}
.minus1 {
  font-size:80%;
}
.bold {
  font-weight:bold;
}
.clearAll {
  clear:both;
}
.clearBoth {
  clear:both;
}
.clearLeft {
  clear:left;
}
.clearRight {
  clear:right;
}
.floatRight {
  float:right;
}
.floatLeft {
  float:left;
}
.vertMiddle {
  vertical-align:middle;
}
.em1 {
  height: 1em;
}
.em1_5 {
  height: 1.5em;
}
.em3 {
  height: 3em;
}
.em4 {
  height: 4em;
}
.em5 {
  height: 5em;
}
.em6 {
  height: 6em;
}
.em8 {
  height: 8em;
}
.em10 {
  height: 10em;
}
.em12 {
  height: 12em;
}
.em14 {
  height: 14em;
}
.em15 {
  height: 15em;
}
.em20 {
  height: 20em;
}
.em30 {
  height: 30em;
}
.gallery {
  text-align:center;
  margin-left:auto; margin-right:auto;
}
div.gallery img {
  border-style: none;
  width:12em;
  vertical-align:middle;
  border: 1px solid #000;
}
div.gallery a {
  text-decoration: none;
}

div.gallerybig img {
  width:100%;
  border: 4px solid #000;
}

a {
  text-decoration: none;
}
hr {
  color: #4E2E0D;
  background-color: #4E2E0D;
  height: 3px;
  width:80%;
  text-align:center;
}

div.bottom {
  position: absolute;
  left:1em;
  top:54em;
  width:73em;
  height:3em;
  text-align:left;
  /*border: 1px solid #000;*/
}

.rightChunk {clear:right; float:right; margin-left: 1em; border:0px solid #000;}
.leftChunk {clear:left; float:left; margin-right: 1em }

.sandbag {
  font-size:100%;
  line-height:100%;
  margin:0;
  height:1em;
  float:right;
  clear:right;
  /*background-color:#552b00;*/
  opacity: 0.50;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
}

.dropcap {
  float: left;
  width: .7em;
  font-size: 4em;
  line-height: 83%;
}

.width {
	width:100%;
	min-width:50em;
}

.content {
}

* html .minwidth {
	padding-left:50em;
}

* html .container {
	margin-left:-50em;
	position:relative;
}

/*\*/
* html .minwidth, * html .container, * html .content, * html .layout  {
	height:1px;
}
/**/

div#navigation {
	margin-left: 30px;
	width: 15%;
	float: left;
}

div#main {
	/*width: 75%;*/
	float: left;
}

div#footer {
	width: 100%;
	float: left;
}

#navigation>a>img {
	width: 10em;
	border-style: none;
}

a img {border-style: none; text-decoration: none;}
img {border-style: none; }

/* Headings */
h1 {
	text-align: center;
}
h1 img {
  height:1em;
}

h3 {
  margin-bottom:0em;
  padding-bottom:0em;
}

 /* Links */
a:link {color: #444444; }
a:visited {color: #444444; }
a:active {color: #444444; }
a:hover {color: #444444; }

#mort {
  float:RIGHT; border: 1px solid #000; margin:5px; height:8em;
}

#Fly4 {
  float:right; height: 4em;
}

#Wedding {
 float:right; border: 1px solid #000; margin:5px; height: 10em;
}

#shroom2c {
  float:left; height: 4em;
}

#bb1 {
  float:left; border: 1px solid #000; margin:5px; height: 12em;
}

#faintMachine {
  position: absolute; right:10em; top:5em; width:15em; z-index: -1; border: 0px solid #0f0; color: #f30;
  opacity: 0.15;
  filter:alpha(opacity=15);
  -moz-opacity: 0.15;
}
#faintMachine img {
  width:100%; border:0;
}

#oldMap {
  width:39em;  opacity: 0.80;  filter:alpha(opacity=80);  -moz-opacity: 0.8;
}

.gTable {
  width:36em;
}
.gTable tr td {
  width:33%;
}
.gTable tr td a img {
  border: 1px solid #000; width:12em; vertical-align:middle;
}
.gTable tr td a {
  text-decoration:none;
}

#galleryTable {width:36em;}
#galleryTable tr td {
  width:25%;
}
#galleryTable tr td a img {
  border: 1px solid #000; width:9em; vertical-align:middle;
}
#galleryTable tr td a {
  text-decoration:none;
}
.galleryM  {
  text-align:center;
  width:36em;
}
#galleryTableM {width:36em;}
#galleryTableM tr td {
  width:12em;
  text-decoration:none;
}
#galleryTableM tr td a img {
  width:12em; vertical-align:middle;
  border: 1px solid #000;
}
#galleryTableM tr td a {
  text-decoration:none;
}

#Ink4 {
  position: absolute; left:5em; top:12em; width:9em; z-index: -1; border: 0px solid #0f0; color: #f30;
  opacity: 0.5;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
}
#Ink4 img {width:100%;}

ul {
  list-style-type:none;
  list-style-position: inside;
}

ol {
  list-style-position: inside;
}

.fubChar {
  vertical-align:middle;
  height:1em;
}

#Machine2 {height: 14em;}

#BBModel1 {
  float:left; width: 10em; margin-right:1em; border: 1px solid #000;
}

#indexSnuffly {
  position:absolute;
  left: 50em;
  top: 50em;
  width: 10em; margin-right:8px; border-style: none;
}

#worldMachine {
  position:absolute;
  left: 50em;
  top: 45em;
  width: 10em; margin-right:8px; border-style: none;
}

#worldTrader {
  position:absolute;
  left: 15em;
  top: 30em;
  width: 30em; margin-right:8px; border-style: none;
}

#cultLiz {
  position:absolute;
  left: 50em;
  top: 40em;
  width: 10em; margin-right:8px; border-style: none;
}

#cultEngineer {
  position:absolute;
  left: 30em;
  top: 15em;
  width: 30em; margin-right:8px; border-style: none;
}

#cultText {
  position:absolute;
  left: -5em;
  top: 25em;
  width: 40em; margin-right:8px; border-style: none;
}

#cultShroom {
  position:absolute;
  left: 48em;
  top: 40em;
  width: 10em; margin-right:8px; border-style: none;
}

#cultGarkrid {
  position:absolute;
  left: 0em;
  top: 35em;
  width: 10em; margin-right:8px; border-style: none;
}

#gameDerakeer {
  position:absolute;
  left: -3em;
  top: 45em;
  width: 13em; margin-right:8px; border-style: none;
}

#miniMachine {
  position:absolute;
  left: 50em;
  top: 40em;
  width: 10em; margin-right:8px; border-style: none;
}
.snuffly {
  position:absolute;
  left: 50em;
  top: 40em;
  width: 10em; margin-right:8px; border-style: none;
}

.mugShot {
  border: 1px solid #000;
  height:10em;
  margin-left:1em;
  margin-right:1em;
}

dt {
  padding-top:1.0em; 
  font-style:italic;
  font-size: 1.0em; 
  font-weight:bold; 
}
dd {
  font-size: 1.0em; 
}

.blackBorder {
  border: 1px solid #000;
}
.borderless {
  border: 0px solid #000;
  border-style: none;
}


.height10em {
  height:10em;
}

.height15em {
  height:15em;
}

.width12em {
  width:12em;
}
.width14em {
  width:14em;
}
.width16em {
  width:16em;
}
.width18em {
  width:18em;
}
.width30em {
  width:30em;
}
.width36em {
  width:36em;
}

table {
  text-align:center;
}

.langEx {
  margin-left: 5em;
  font-family: sans-serif;
  font-weight: bold;
}

.taxTable {
  border: 1px solid #000;
  border-style: ridge;
}
.taxTable th {
  border: 1px solid #000;
  border-style: inset;
  font-weight:bold; 
}
.taxTable td {
  border: 1px solid #000;
  border-style: inset;
}
.Evoscope {
  overflow:scroll;
  height:40em;
  border-top:1px solid #000;
  border-left:1px solid #000;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  font-size:100%;
}
.line {
  background-color:#000;
}
.pxTable {
  height:1px;
  width:1px;
}
.branch {
  border-left:2px solid #000;
  border-bottom:2px solid #000;
  text-align:right;
  line-height:1.0em;
  position:absolute;
  height:1em;
}
.root {
  border-bottom:2px solid #000;
  text-align:right;
  line-height:1.0em;
  position:absolute;
}
.vertLine {
  border-left:1px solid #bbb;
  position:absolute;
}

p.dc:first-letter {
 float: left;
 font-family: Old English, Georgia,serif;
 font-size: 300%;
 line-height: 0.85em;
 margin-right: 0.03em;
 margin-bottom:-0.25em;
 color:#4E2E0D
}
span.first {
 float: left;
 font-family: Old English, Georgia,serif;
 font-size: 300%;
 line-height: 0.85em;
 margin-right: 0.03em;
 margin-bottom:-0.25em;
 color:#4E2E0D
}

#floatShroom1 {
  position: absolute; left:9em; top:4em; width:12em; z-index: -1; border: 0px solid #0f0; color: #f30;
  opacity: 0.15;
  filter:alpha(opacity=15);
  -moz-opacity: 0.15;
}
#floatShroom1.img {width:100%;}

#floatShroom2 {
  position: absolute; right:9em; top:4em; width:12em; z-index: -1; border: 0px solid #0f0; color: #f30;
  opacity: 0.15;
  filter:alpha(opacity=15);
  -moz-opacity: 0.15;
}
#floatShroom2.img {width:100%;}

#floatFub1 {
  position: absolute; right:9em; top:8em; width:12em; z-index: -1; border: 0px solid #0f0; color: #f30;
  opacity: 0.15;
  filter:alpha(opacity=15);
  -moz-opacity: 0.15;
}
#floatFub1.img {width:100%;}

.bbTable {
  margin-left:auto; margin-right:auto;
  text-align:center;
}
.bbTable tr td a img {
  border: 1px solid #000; width:10em; vertical-align:middle;
}
.tinyText {
 font-size: 70%;
 font-stretch:ultra-condensed;
}

img {
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

.Myth {
  /*margin-left:auto; margin-right:auto;*/
}
.Myth p {
  /*font-size: 110%;*/
  font-family: "Old English", "Palatino Linotype", Georgia, Constantia, serif;
}

#MachineSketch {
  border: 0px solid #000;
  border-style: none;
}

#ParchmentSketch {
  border: 0px solid #000;
  border-style: none;
}

.fullWidth {width:100%;}

.minHeight10em {
  min-height:10em;
  height: auto !important;
  height: 10em;
}

.Beth1 {
  text-align:center;
}
.Beth1 img {
  border: 1px solid #000;
  width: 34em;
}

.Beth2 {
  margin-left:auto; margin-right:auto;
  text-align:left;
}
.warrens {
  border: 1px solid #000;
  width: 34em;
}

.galleryDiv {
  float: left;
  margin: 0.5em;
}

.quote {
  margin-left:1em; margin-right:1em;
  padding-top:0.2em; padding-bottom:0.2em;
  font-style:italic;
}

.saluteThumb {
  width: 6em;
	height:6em;
}

.unspacedParagraph {
  margin-top:0em;
	margin-bottom:0em;
  padding-top:0em; padding-bottom:0em;
}

.letter {
  /*width: 50%;
  height: 50%;*/
}