@charset "utf-8";
/* CSS Document */
body     {
         background:#666699;
         font-family:Helvetica, sans-serif;
         height:auto;
         }

h1       {
         color:#666699;
         font-family:Helvetica, sans-serif;
         font-size:xx-large;
         line-height:120%;
         }

h2       {
         color:#666699;
         font-family:Helvetica, sans-serif;
         font-size:x-large;
         }

h3       {
         color:#666699;
         font-family:Helvetica, sans-serif;
         font-size:large;
         }

h4       {
         color:#666699;
         font-family:Helvetica, sans-serif;
         font-size:medium;
         }

p        {
         color:#000077;
         font-family:Helvetica, sans-serif;
         line-height:120%;
         }
p.inter  {
         color:green;
         font-style:italic;
         }

ul       {
         color:#000077;
         font-family:Helvetica, sans-serif;
         font-weight:200;
         line-height:120%;
         }
         
#grey    {
          color:#999;
         }
   
.bordero {border:4px solid #EEAA00;
         padding:20px;
         }

.borderb {border:4px solid #5555EE;
         padding:10px;
         }

/* Areas to be used. wrap is the area to be filled with the header, navbar, main, and footer. */

#wrap    {
         width:800px;
         height:auto;
         background:#FFF;
         margin-right:auto;
         margin-left:auto;
         border-top:3px solid #acacac;
         border-left:3px solid #acacac;
         border-right:3px solid #898989;
         border-bottom:3px solid #898989;
         }
#header  {
          width:800px; 
         }
#main    {
         float:right;
         background:#FFFFFF;
         margin-right:10px;
         width:600px;
         height:auto;
         padding:10px;
         line-height:150%;
         border-left:3px solid #acacac;
         }
#navbar  {
         width:158px;
         float:left;
         height:auto;
         font-family:Helvetica, sans-serif;
         }
         
#navbar ul{
         list-style:none;
         display: block;
         margin:10px;
         padding:0;
         font-family:Verdana, Arial, Helvetica, sans-serif;
         font-weight:bold;
         font-size:small;
         color:#ffffff;
         line-height:250%;
         }
#navbar a
         {
         display: block;
         padding:2px;
         text-decoration:none;
         width:138px;
         margin:2px;
         color:#8D4F10;
         font-family:Helvetica, sans-serif;
         }
#navbar a:link, #navbar a:visited
         {
         background:#AAAAFF;
         border: 2px outset #AAAAFF;
         }           
#navbar a:focus, #navbar a:hover
         {
         background:#8888EE;
         border: 2px outset #8888EE;
         color: black;
         }
#navbar a:active
         {
         background:#666699;
         border: 2px outset #666699;
         }

#navbar li:hover ul
               {
               background:#F8DACA;
               border:.1em outset #F8DACA;
               position:relative; left:101%; top:-20px;
               width:10em;
               }

#navbar li ul li
               {
               font-size:85%;
               position:obsolute; top:20;
               }
#footer {   
         background-color:#8989FF;
         height:120px;
         clear:both;
         font-family:Helvetica, sans-serif;
         line-height:150%;
         }