root { 
    display: block;
}

<!-- <body link='886666' vlink='880000' alink='FF0000' bgcolor='#D3CAAA'> -->
<!-- padding: [top] [right] [bottom] [left] -->

body { background-color: #D3CAAA; }

body.main { background-color: #D3CAAA; }

a:link       {  color: #8B0000;   text-decoration: none; }
a:visited    {  color: #8B0000;   text-decoration: none; }
a:hover      {  color: #FF0000;   text-decoration: underline; }
a:active     {  color: #FF0000;   text-decoration: none; }

a.reverse:link       {  color: white;   text-decoration: underline; }
a.reverse:visited    {  color: white;   text-decoration: underline; }
a.reverse:hover      {  color: yellow;   text-decoration: underline; }
a.reverse:active     {  color: yellow;   text-decoration: underline; }

a.menu:link          {  font-size: 18px;     color: white;     text-decoration: none; }
a.menu:visited       {  font-size: 18px;     color: white;     text-decoration: none; }
a.menu:hover         {  font-size: 18px;     color: black;     text-decoration: none; }
a.menu:active        {  font-size: 18px;     color: white;     text-decoration: none; }

a.menu24:link        {  font-size: 24px;     color: white;     text-decoration: none; }
a.menu24:visited     {  font-size: 24px;     color: white;     text-decoration: none; }
a.menu24:hover       {  font-size: 24px;     color: #9D8E6F;   text-decoration: none; }
a.menu24:active      {  font-size: 24px;     color: white;     text-decoration: none; }

a.menub:link         {  color: black;     text-decoration: none;  text-transform: uppercase; font: 100% Verdana, Tahoma, Arial, sans-serif;  font-size: 18px;  font-weight: bold;    }
a.menub:visited      {  color: black;     text-decoration: none;  text-transform: uppercase; font: 100% Verdana, Tahoma, Arial, sans-serif;  font-size: 18px;  font-weight: bold;    }
a.menub:hover        {  color: #8B0000;   text-decoration: none;  text-transform: uppercase; font: 100% Verdana, Tahoma, Arial, sans-serif;  font-size: 18px;  font-weight: bold;    }
a.menub:active       {  color: #333333;   text-decoration: none;  text-transform: uppercase; font: 100% Verdana, Tahoma, Arial, sans-serif;  font-size: 18px;  font-weight: bold;    }

a.menub24:link       {  color: black;     text-decoration: none;  text-transform: uppercase; font: 100% Verdana, Tahoma, Arial, sans-serif;  font-size: 24px;  font-weight: bold;    }
a.menub24:visited    {  color: black;     text-decoration: none;  text-transform: uppercase; font: 100% Verdana, Tahoma, Arial, sans-serif;  font-size: 24px;  font-weight: bold;    }
a.menub24:hover      {  color: #8B0000;   text-decoration: none;  text-transform: uppercase; font: 100% Verdana, Tahoma, Arial, sans-serif;  font-size: 24px;  font-weight: bold;    }
a.menub24:active     {  color: #333333;   text-decoration: none;  text-transform: uppercase; font: 100% Verdana, Tahoma, Arial, sans-serif;  font-size: 24px;  font-weight: bold;    }

a.menub12:link       {  color: black;     text-decoration: none;  text-transform: uppercase; font: 100% Verdana, Tahoma, Arial, sans-serif;  font-size: 12px;  font-weight: bold;    }
a.menub12:visited    {  color: black;     text-decoration: none;  text-transform: uppercase; font: 100% Verdana, Tahoma, Arial, sans-serif;  font-size: 12px;  font-weight: bold;    }
a.menub12:hover      {  color: #8B0000;   text-decoration: none;  text-transform: uppercase; font: 100% Verdana, Tahoma, Arial, sans-serif;  font-size: 12px;  font-weight: bold;    }
a.menub12:active     {  color: #333333;   text-decoration: none;  text-transform: uppercase; font: 100% Verdana, Tahoma, Arial, sans-serif;  font-size: 12px;  font-weight: bold;    }

a.menut12:link       {  color: white;     text-decoration: none;  font-size: 12px;  font-weight: bold;    }
a.menut12:visited    {  color: white;     text-decoration: none;  font-size: 12px;  font-weight: bold;    }
a.menut12:hover      {  color: #8B0000;   text-decoration: none;  font-size: 12px;  font-weight: bold;    }
a.menut12:active     {  color: #8B0000;   text-decoration: none;  font-size: 12px;  font-weight: bold;    }

a.redlink:link         {  color: white;   text-decoration: none;  font: 100% Verdana, Tahoma, Arial, sans-serif;    }
a.redlink:visited      {  color: white;   text-decoration: none;  font: 100% Verdana, Tahoma, Arial, sans-serif;    }
a.redlink:hover        {  color: #8B0000;   text-decoration: none;  font: 100% Verdana, Tahoma, Arial, sans-serif;  }
a.redlink:active       {  color: #8B0000;   text-decoration: none;  font: 100% Verdana, Tahoma, Arial, sans-serif;  }

/*** equivalent sizes:
h1 = fs32 bold
h2 = fs24 bold
h3 = fs20 bold
h4 = fs16 bold
*********************/
.fs10                {  font-size: 10px;  }
.fs12                {  font-size: 12px;  }
.fs14                {  font-size: 14px;  }
.fs16                {  font-size: 16px;  }
.fs18                {  font-size: 18px;  }
.fs20                {  font-size: 20px;  }
.fs24                {  font-size: 24px;  }
.fs32                {  font-size: 32px;  }
.fs40                {  font-size: 40px;  }
.fs60                {  font-size: 60px;  }

.bold                {  font-weight: bold;  }
.uppercase           {  text-transform: uppercase; }
.lowercase           {  text-transform: lowercase; }
.white               {  color: white;  }
.black               {  color: black;  }


.vspace1             {  font-size: 6px;   }

.relative			{ position: relative; }
.height800			{ height: 800px; }
.width800			{ width: 800px; }
.margin18			{ margin: 18px auto 0; }
.title				{ width: 800px; top: 100px; position: absolute; visibility: visible; }
.title2				{ left: 600px; top: 150px; position: absolute; width: 400px; visibility: visible; margin-top: 10px; }



.border1 {
   border: 1px solid #666;
   padding: 18px;
   background: #f0f0f0;
   color: #606060
}

.border0 {
   border: 0px;
   padding: 18px;
   background: #f0f0f0;
   color: #606060
}


.menu_item  {
   float: none;
   visibility: visible;
   background-color: #8B0000;
   border-left: #a52a2a 0px solid;
   padding-left: 0px;
   border-right: #a52a2a 0px solid;
   padding-right: 0px;
   border-top: #a52a2a 0px solid;
   padding-top: 5px;
   border-bottom: #a52a2a 0px solid;
   padding-bottom: 3px;
   margin: 0px;
}

.admin_item  {
   float: none;
   visibility: visible;
   background-color: #FFB600;
   border-left: #a52a2a 0px solid;
   padding-left: 0px;
   border-right: #a52a2a 0px solid;
   padding-right: 0px;
   border-top: #a52a2a 0px solid;
   padding-top: 5px;
   border-bottom: #a52a2a 0px solid;
   padding-bottom: 3px;
   margin: 0px;
}


.simplebox   {  border: 1px solid #000000; }
.simplebox0  {  border: 0px;               }
.simpleboxx  {  border: 1px solid #000000;  background: #f0f0f0;   padding: 8px;   color: #606060 }
.simpleboxx0 {  border: 0px;                background: #f0f0f0;   padding: 8px;   color: #606060 }


div.separator {
   background: #e8e9ea;
   border: 1px solid #b0b0b0;
   color: #606060;
   margin-top: 8px;
   margin-bottom: -4px;
   padding: 5px 4px 4px 10px;
   position: relative;
   font-size: 1em;
   text-transform: uppercase;
   font-weight: bold;
   width: 140px}

div.simplebox {
   border: 1px solid #666;
   background: #f0f0f0;
   padding: 8px;
   color: #606060}

div.simplebox0 {
   border: 0px;
   background: #f0f0f0;
   padding: 8px;
   color: #606060}




div.separator:visited {font-weight: bold}

div.separator:hover,.active {
   background: #f8f9fa;
   border: 1px solid #909090;
   color: #303030;
   text-decoration: none}

.separator:hover,
div.option a.linkmenu:hover {text-decoration: none}

.option {margin-top: 6px}


div.optionline,
.option a {
   background: #e8e9ea;
   border: 1px solid #b0b0b0;
   color: #606060;
   display: block;
   position: relative;
   text-transform: uppercase;
   font-size: 1em;
   padding: 2px 2px 2px 5px;
   width: 175px;
   margin-bottom: -4px;
   margin-top: -4px}

div.option a:hover,
div.option a:active {
   background: #8B0000;
   border: 1px solid #909090;
   color: #FFFFFF;
   text-decoration: none}

div.option {margin-left: 18px}

div.menuSection {
   margin-bottom: .3em;
   padding-bottom: .3em}




div.optionline2,
.option2 a {
   background: #e8e9ea;
   border: 1px solid #b0b0b0;
   color: #606060;
   display: block;
   position: relative;
   text-transform: uppercase;
   font-size: 1em;
   padding: 4px 4px 4px 4px;
   width: 192px;
   margin-bottom: -4px;
   margin-top: -4px}

div.option2 a:hover,
div.option2 a:active {
   background: #8B0000;
   border: 1px solid #909090;
   color: #FFFFFF;
   text-decoration: none}



div.optionredlink,
.redlink a {
   background: #8B0000;
   border: 1px solid black;
   color: #606060;
   display: block;
   position: relative;
   text-transform: uppercase;
   text-align: center;
   font-size: 1em;
   padding: 4px 4px 4px 4px;
   margin-bottom: -4px;
   margin-top: -4px}

div.redlink a:hover,
div.redlink a:active {
   background: #7B0000;
   border: 1px solid #909090;
   color: #CCCCCC;
   text-decoration: none}


/***** Tables, Tabs *****/
/** Tables **/

table.normal,
table.admin {border: solid 1px #909090}

* html table.normal,
* html table.admin {
	width: 97%;
	font-size: 11px}

.wikitable {
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-right: 1px solid #696969;
	border-bottom: 1px solid #696969;
	vertical-align: top}

td.heading {background: #dcdcdc}

table.normal td.heading {font-size: 1em}

tr.odd td,
td.odd {
	background: #f5f5f5;
	border-right: 1px solid #ddd}

tr.even td,
td.even {
	background: #ececec;
	border-right: 1px solid #ddd}

.indent5  { margin-left: 5px;  }
.indent10 { margin-left: 10px; }
.indent15 { margin-left: 15px; }
.indent20 { margin-left: 20px; }
.indent25 { margin-left: 25px; }
.indent30 { margin-left: 30px; }

.bspace5   { margin-bottom: 5px;  }
.bspace10  { margin-bottom: 10px; }
.bspace15  { margin-bottom: 15px; }
.bspace20  { margin-bottom: 20px; }
.bspace25  { margin-bottom: 25px; }
.bspace30  { margin-bottom: 30px; }


