body
{
   font: 11px/1.4em Arial, Tahoma, Verdana, sans-serif;
   line-height: 1.5;
   text-align: center;
   /*background-color: #FFF5BF;*/
   background-color: #202E82;
}

td
{
   font: 11px/1.4em Arial, Tahoma, Verdana, sans-serif;
   line-height: 1.5;
   /* text-align: center; */
   color: #006B6B;
   background-color: #FFF5BF;
}

table.invisible td
{
   font: 11px/1.4em Arial, Tahoma, Verdana, sans-serif;
   line-height: 1.5;
   text-align: left;
   color: #006B6B;
   background-color: #FFFBE0;
}

table.invisible td.highlighted
{
   padding: 0 10px 0 10px;
   /*background-color: #FFF5BF;*/
   color: #902080;
}

h1
{
   display: block;
   font-size: 26px;
   color: #071D88;
   border-bottom: 2px solid #006B6B;
}

h1 em
{
   font-style: italic;
}

.notes
{
   font-style: italic;
}

/**
 * Main content
 */
div#content
{
   width: 90%;
   margin:1em auto;
   /*border: 1px solid black;*/
   text-align:left;
   max-width: 1024px;
}

/**
 * ############################################################
 * Top bar
 */
div#top-logo
{
   height: 80px;
   margin:0;
   padding: 5px;
}

/**
 * Top menu
 */
div#top-aux
{
   height: 2em;
   margin: 0;
   padding: 0;
   line-height: 2em;
   width: 200px;
   float: left;

   background-color: #FFD680;
   /*padding:  0.5em 1em;*/
}
div#top-menu
{
   height: 2em;
   margin: 0 0 5px 205px;
   padding: 0;
   line-height: 2em;

   background-color: #B39660;
   /*padding:  0.5em 1em;*/
}

div#top-menu ul
{
   list-style: none;
   margin: 0 0 0 0;
   padding: 0;
}

div#top-menu li
{
   float: left;
   margin: 0;
   font-weight: bold;
   font-family: monospace;
   text-align: center;
}

div#top-menu li a
{
   text-decoration: none;
   padding: 0 1.5em;
   display: block;
   color: blue;
}

div#top-menu ul li a:hover
{
   background-color: #869AFF;
}

div#top-menu li.selected
{
   padding: 0 1.5em;
   color: white;
   background-color: #7F0099;
}

/**
 * ############################################################
 * Side bar
 */
div#sidebar
{
   float: left;
   width: 200px;
   margin:0 0 0 0;
   padding:0;
}

div#sidebar-content
{
   margin:0;
   padding: 0.5em 1em;
   color: #006B6B;
   /*height: 40em;*/
   background-color: #FFD680;
}

div#sidebar-content h1
{
   margin: 0;
   height: 2em;
   line-height: 2em;
   font-weight: bold;
   font-family: monospace;
   font-size: 14px;
   font-variant: small-caps;
   border: none;
   color: black;
   padding: 0 1em;
   background-color: #B39600;
}

div#sidebar-content h2
{
   margin: 0 0 5px 0;
   height: 2em;
   line-height: 2em;
   font-weight: bold;
   font-family: monospace;
   font-size: 14px;
   font-variant: small-caps;
   border: none;
   color: black;
   padding: 0 1em;
   background-color: #869AFF;
}

div#sidebar-content ul
{
   list-style: none;
   margin: 10px 0 0 0;
   padding: 0;
}

div#sidebar-content li
{
   margin: 0;
   height: 2em;
   font-weight: bold;
   border-bottom: 1px solid #B39600;
}

div#sidebar-content li a
{
   line-height: 2em;
   text-decoration: none;
   padding: 0 1em;
   display: block;
   color: blue;
}

div#sidebar-content ul li a:hover
{
   background-color: #869AFF;
}

div#sidebar-content li.selected
{
   padding: 0 1em;
   line-height: 2em;
   color: white;
   background-color: #7F0099;
}

/**
 * ############################################################
 * Main
 */
div#main
{
   margin:0 0 0 205px;
   padding:0;
   color: #006B6B;
   background-color: #FFFBE0;
}

div#main-content
{
   margin:0;
   padding: 0.5em 1em;
}

div#header-menu
{
   float: right;
   width: 250px;
   margin:0;
   padding: 0;
}

div#header-menu ul
{
   list-style: none;
   margin: 0;
   padding: 0;
}

div#header-menu li
{
   float: right;
   margin: 0;
   padding: 0;
}

div#header-menu li a
{
   font-weight: bold;
   line-height: 2em;
   text-decoration: none;
   display: block;
   padding: 0 0.5em;
   color: #7F0099;
}

div#header-menu ul li a:hover
{
   background-color: #C3CDFF;
}

div#main-content p em
{
   font-style: italic;
   font-weight: bold;
   color: #7F0099
}

div#main-content p a
{
   font-style: italic;
   font-weight: bold;
   color: #0A29C2
}

div#main-content h2
{
   font-weight: bold;
   font-size: 16pt;
}

div#main-content h3
{
   font-weight: bold;
   font-size: 11pt;
   margin: 0;
   /*color: #071D88;*/
}

div#main-content p
{
   margin: 0 0 20px 25px;
}

/**
 * ############################################################
 * Images with description
 */

.img-left, .img-right
{
   float: left;
   width: 170px;
   margin: 0 15px 15px 0;
   padding: 10px 0;
   text-align: center;
}

.img-right
{
   float: right;
   margin: 0 0 15px 15px;
}

p.img-desc
{
   margin: 0;
   padding: 0;
}

/**
 * Other
 */
hr.cleaner
{
   clear: both;
   height: 1px;
   margin: -1px 0 0 0; padding:0;
   border: none;
   visibility: hidden;
}

/**
 * ############################################################
 * Sinclair
 */

.bglight, table.bglight td
{
   background-color: rgb(240,248,252);
}

table.si_params
{
   width: 550px;
   border: solid 1px olive;
}

table.si_params td
{
   color: black;
}

table.si_params td.strongHead
{
   color: black;
   padding-left: 1px;
   background-color : #B39600;
   font-weight: bold;
   vertical-align: middle;
}

table.si_params td.strongHeadRef
{
   padding-left: 1px;
   background-color : #B39600;
}

a.invalid
{
   background-color: #ff7070;
   font-style: italic;
}