/* container elements */

html {
   height: 100%;
   overflow: hidden;
   }
   
body {
   height: 100%;
   background: #000000 url('images/background.jpg') no-repeat center top;
   margin: 0;
   padding: 0;
   overflow: hidden;
   font: 8pt verdana, tahoma, geneva, sans-serif;
   color: #000000;
   }
   
#content {
   height: 328px;
   width: 640px;
   position: absolute;
   top: 100px;
   left: 50%;
   background: transparent;
   margin: 0 0 0 -251px;
   padding: 0;
   overflow: auto;
   }

#navlist {
   width: 586px;
   border-bottom: 1px solid #000000;
   text-align: center;
   margin: 8px 0 0 0;
   padding: 5px;
   }

.outside {
   height: 420px;
   width: 640px;
   position: absolute;
   top: 10px;
   left: 50%;
   background: #ffffff url('images/background_Sun.jpg');
   border: 1px solid #000000;
   text-align: center;
   margin: 0 0 0 -251px;
   padding: 0;
   }
   
.slice {
   height: 420px;
   width: 145px;
   position: absolute;
   top: 10px;
   left: 50%;
   background: #000000 url('images/background_Slice.jpg');
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
   border-left: 1px solid #000000;
   text-align: center;
   margin: 0 0 0 -391px;
   padding: 0;
   }
   
/* text elements */

#content a {
   text-decoration: none;
   border-bottom: 1px solid #000099;
   color: #000099;
   }
   
#content a:hover {
   border-bottom: 1px solid #ffcc66;
   color: #000000;
   }
   
#navlist a {
   text-decoration: none;
   color: #000099;
   }
   
#navlist a:hover {
   color: #000000;
   }
   
#navlist ul, #navlist li {
   display: inline;
   list-style: none;
   margin: 0;
   padding: 0;
   font-weight: bold;
   }
   
.hdr {
   font-weight: bold;
   }
   
blockquote {
   text-align: justify;
   margin: 8px 40px 0 40px;
   font: 9pt georgia, 'bookman antiqua', 'times new roman', times, serif;
   color: #000099;
   }
   
p {
   text-align: justify;
   margin: 8px 20px 0 20px;
   }

p.disclaimer {
   position: absolute;
   top: 435px;
   left: 50%;
   background: transparent;
   text-align: justify;
   margin: 0 0 0 -248px;
   padding: 0;
   font: 8pt arial, helvetica, sans-serif;
   color: #ffcc66;
   }
   
ul {
   list-style: none;
   margin: 8px 20px 0 20px;
   padding: 0;
   }
   
li {
   text-indent: -12px;
   margin: 4px 20px 0 20px;
   }

/* form elements */

form {
   display: inline;
   font: 8pt verdana, tahoma, geneva, sans-serif;
   }

input {
   border: 1px solid #000066;
   font: 8pt verdana, tahoma, geneva, sans-serif;
   }
   
option {
   font: 8pt verdana, tahoma, geneva, sans-serif;
   }
   
select {
   width: 88%;
   background-color: #000075;
   margin: 5px 5px 0 0;
   padding: 0;
   font: 8pt verdana, tahoma, geneva, sans-serif;
   color: #d7d7d7;
   }

textarea {
   border: 1px solid #000066;
   font: 8pt verdana, tahoma, geneva, sans-serif;
   }
   
/* table elements */

table {
   margin: 8px 0 0 0;
   padding: 0;
   width: 605px;
   }

td.ctr {
   width: 33%;
   border-right: 1px solid black;
   border-left: 1px solid black;
   margin: 0;
   padding: 0;
   }

td.ctr p {
   text-align: left;
   margin: 0 15px 8px 15px;
   }

td.lft {
   width: 50%;
   border-right: 1px solid black;
   margin: 0;
   padding: 0;
   }
   
td.lft p {
   text-align: left;
   margin: 0 5px 2px 5px;
   }

td.rgt {
   width: 50%;
   border-left: 1px solid black;
   margin: 0;
   padding: 0;
   }
   
td.rgt p {
   text-align: left;
   margin: 0 0 2px 5px;
   }

/* graphics elements */

img {
   border: 0px solid #000000;
   margin: 8px 20px 0px 20px;
   }
   
img.nb {
   border: none;
   vertical-align: top;
   margin: 0;
   }
   
img.ill {
   float: left;
   margin: 2px 8px 4px 0px;
   }
   
img.ilr {
   float: right;
   margin: 2px 0px 4px 8px;
   }