#navigation {
	position: absolute;
	top: 0;
	center: 0;
	width: 10em;
}

#header {
  margin: 40px 120px;
  float: center; 
  font-size: 8pt;
} 

#logo{
  margin: 40px 120px 20px;
  float: center; 
} 


#page {
  max-width: 1600px;
  background: #cbcbcb;
  margin-left: auto;
  margin-right: auto;
}

pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}
  
a:link, a:visited
{
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:105%;
  color: blue;
	background-color: transparent;
	text-decoration: none;
}

a:hover
{
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:105%;
	color: red;
	background-color: transparent;
	text-decoration: none;
}

table.td {
  padding: 5px;
}

#footer {
margin-left: 10em;
margin-right: 10em;border-top: 2px solid #000;
} 

.loggedin {
	color: blue;
	padding: 2px;
}

h1 {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:300%;
	color: #000;
  text-align: center;
}

h2 {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:200%;
	color: #000;
  text-align: center;
}

h3 {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:150%;
	color: #000;
  text-align: center;
}

h4 {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #000;
  text-align: center;
}



#content {
	margin-left: 1em;
	margin-right: 1em;
    clear: both;
}

input.button {
  color: #000000;
  background: #DDDDDD;
}

img.floatLeft { 
    float: left; 
    margin: 10px; 
    clear: both;
}

img.floatRight { 
    float: right; 
    margin: 10px; 
}

img.floatWarn { 
    float: left; 
    margin: 20px; 
    position: fixed;
    bottom : 20px;
    clear: both;
}



blockquote {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 18pt;
  font-weight: normal;
	color: #000;
  margin-top: 6pt;
  margin-bottom: 12pt;
  margin-left: 10%;
  margin-right: 10%;
  line-height: 115%;
  padding: 0px 0px;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}

blockquote.warn {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  text-align: left;
  margin-top: 6pt;
  margin-bottom: 12pt;
  margin-left: 10%;
  margin-right: 0pt;
  line-height: 115%;
  padding: 8px 8px;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}

.boardnav {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  text-align: left;
  color: #000000;
  margin-top: 6pt;
  margin-bottom: 12pt;
  margin-left: 10%;
  margin-right: 0pt;
  line-height: 115%;
  padding: 8px 8px;
  background: #9cb2dd;
  border: 1px #000000 solid;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}

.error {
 margin-left: 0%;
 }



body {
	background-color:  #000;
	margin: 0px;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;	
} 

p {
  margin : 0px;
}

.hidden { display: none; }

.unhidden { display: block; }

.indented
   {
   padding-left: 50pt;
   padding-right: 50pt;
   }

#my-div
{
    width    : 500px;
    height   : 200px;
    overflow : hidden;
    position : relative;
}
 
#my-iframe
{
    position : absolute;
    top      : -190px;
    left     : -390px;
    width    : 1280px;
    height   : 1200px;
}

#my-tmc
{
    position : absolute;
    top      : -440px;
    left     : -390px;
    width    : 1280px;
    height   : 1200px;
}

#my-mg
{
    position : absolute;
    top      : -990px;
    left     : -190px;
    width    : 1280px;
    height   : 1200px;
}

#my-mudverse
{
    position : absolute;
    top      : -350px;
    left     : -350px;
    width    : 1280px;
    height   : 1200px;
}

.social {
	padding-top: 1%;
}

.navigation {
  font-size : 20px;
  padding : 2px;
}

hr {
	margin-top: 16px;
	margin-bottom: 16px;
}

a i {
	background: #205D7A;
	color: #fff;
	width: 30px;
	height: 22px;
	border-radius: 30px;
	font-size: 20px;
	text-align: center;
	margin-right: 3px;
	padding-top: 8px;
	transition: all .2s ease-in-out;
}

a: hover i {
	text-decoration: underline;
}

.fa-facebook {
	background: #3b5998;
}

.fa-linkedin {
	background: #007bb6;
}

.fa-twitter {
	background: #00aced;
}

.fa-rss {
	background: #ff6600;
}

.fa-question {
	background: #f35600;
}

.fa-link {
	background: #000099;
}


.fa-reddit-alien {
	background: #5f99cf;
}

.google-plus {
	background: #dd4b39;
}

a i {
	transition: all .2s ease-in-out;
}


a i:hover {
	opacity: .7;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute; 
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 0px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

a.dropbtn {
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    color: blue;
    font-size: 24px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid transparent;    
}

p {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding-top : 5px;
	padding-bottom: 5px;
}

p.italic {
  font-size:80%
  font-style:italic
}


table.errorsinternal {
	border-collapse: collapse;
  border : 0px;
}

tr.errorsinternal {
	border-collapse: collapse;
  border : 0px;
}


table.errorsinternal td, tr, th, tbody {
  border : 0px;
	border-collapse: collapse;
	padding: 5px;
}


td, th, tr {
	border-collapse: collapse;
	border : 1px solid black;
}


table {
	border-collapse: collapse;
}