﻿/* TEST These styles just pretty up the page a bit. */
body {
   font: 62.5%/1.2 Arial, Helvetica, sans-serif;
   background-color: #eee; 
   font-weight:bold;
   }
#wrap {
   font-size: 2.0em;
   width: 975px;
   padding: 20px;
   margin: 0 auto; 
   background-color: #fff;
   position: relative;
   margin-left: auto;
   margin-right: auto;   
 }

/* These styles create the dropdown menus. */
#navbar {
   margin: 0;
   padding: 0;
   height: 1em; }
#navbar li {
   list-style: none;
   float: left; 
   }



#navbar li a {
   display: block;
   padding: 3px 8px;
   background-color: #5e8ce9;
   color: #fff;
   text-decoration: none; }



#navbar li ul {
   display: none; 
   width: 15em; /* Width to help Opera out SECONDARY SECONDARY   */
   background-color: #EDDCA7;}

/*  TRYING FIRST LEVEL  YES YES YES */
#navbar li:hover > a {
	background-color: #EDDCA7;
	color: #000;
}

#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: none; }
#navbar li:hover li a, #navbar li.hover li a {
   background-color: #EDDCA7;
   border-bottom: 1px solid #fff;
   color: #000; 
   }

#navbar li li a:hover {
   background-color: #EDDCA7; }
   
#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li:hover ul ul ul ul{
    display:none;
    }

#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li li li li:hover ul{
    display:block;
    width: 15em; 
    background-color: #EDDCA7;
    }
    




   
