/********************************************************
 * Styles for Title Design & Layout
 ********************************************************/

#title {
   position: absolute; top: 1%; right: 1%;
   z-index: 0;
   border: 5px outset white;
   background-color: #023A67;
   }
   
#title p {
   text-align: right;
   font: 45px "tahoma";
   font-style: italic;
   letter-spacing: 5px;
   color: #FFFFFF;
   text-shadow: 5px 5px #000000;
   }

/********************************************************
 * Styles for Menu Design & Layout
 ********************************************************/
 
#menu {
   position: absolute; top: 30%; right: 3%; width: 150px;
   z-index: 10;
   float: right;
   border: 5px outset white;
   background-color: #023A67;
   text-align: center;
   }
#menu p {
   text-align: center;
   margin-top: 15px;
   font: 9px "tahoma";
   font-style: italic;
   letter-spacing: 5px;
   color: #FFFFFF;
   text-shadow: 3px 3px #000000;
   }
#menu a {
   display: block;
   font: 25px "tahoma";
   font-style: italic;
   color: #FAF519;
   text-shadow: 5px 5px #000000;
   text-decoration: none;
   }
#menu a:hover {
   background-color: #FFFFFF;
   color: #000000;
   text-shadow: 5px 5px #999999;
   }

/********************************************************
 * Styles for Body Design & Layout
 ********************************************************/

#body { 
   position: absolute;  top: 20%; left: 1%; right: 15%;
   z-index: 5;
   border: 5px outset white;
   padding: 15px;
   padding-right: 100px;
   background-color: #6C000A;
   overflow: auto;
   }
#body h1 {
   text-align: center;
   font: 45px "Helvetica";
   font-style: italic;
   letter-spacing: 5px;
   color: #FAF519;
   text-shadow: 5px 5px #000000;
   }
#body h2 {
   text-align: center;
   font: 35px "Helvetica";
   font-style: italic;
   letter-spacing: 10px;
   color: #FAF519;
   text-shadow: 5px 5px #000000;
   }
#body h3 {
   text-align: center;
   font: 25px "Helvetica";
   font-style: italic;
   letter-spacing: 5px;
   color: #FAF519;
   text-shadow: 5px 5px #000000;
   }
#body h4 {
   text-align: center;
   font: 15px "Helvetica";
   font-style: italic;
   letter-spacing: 5px;
   color: #FAF519;
   text-shadow: 5px 5px #000000;
   }
#body header {
   text-align: center;
   font: 25px "Helvetica";
   font-style: bold;
   letter-spacing: 10px;
   color: #FAF519;
   text-shadow: 5px 5px #000000;
   }
#body highlight {
   font: 15px "Helvetica";
   font-style: bold;
   text-indent: 25px;
   color: #FFFFFF;
   }
#body p {
   text-align: left;
   font: 13px "Helvetica";
   text-indent: 25px;
   color: #DDDDDD;
   }
#body a {
   display: inline;
   font: "Helvetica";
   font-style: italic;
   color: #FAF519;
   text-decoration: none;
   }
#body a:hover {
   background-color: #FFFFFF;
   color: #000000;
   text-decoration: none;
   }
#body a span.link_title {
   display: block;
   font: "Helvetica";
   font-size: 25px;
   font-style: italic;
   color: #FFFFFF;
   text-shadow: 3px 3px #000000;
   text-decoration: none;
   }
#body a:hover span.link_title {
   background-color: #FFFFFF;
   color: #000000;
   text-shadow: 3px 3px #999999;
   }
#body a span.link_description {
   font: "Helvetica";
   font-size: 15px;
   font-style: italic;
   color: #AAAAAA;
   text-indent: 10px;
   text-shadow: 0px 0px;
   } 
#body a:hover span.link_description {
   color: #222222;
   } 
#body table th {
   text-align: center;
   font: 14px "Helvetica";
   font-style: bold;
   letter-spacing: 10px;
   color: #FAF519;
   text-shadow: 3px 3px #000000;
   }
#body table td {
   text-align: left;
   font: 13px "Helvetica";
   color: #FAF519;
   }
#body pre {
   color: #AAAAAA;
   }
#body li {
   font: 12px "Helvetica";
   color: #AAAAAA;
   }