/* 
These are the main navbar styles. Side navbar styles are below.
*/
div#navbar {
  margin:0 auto;
  padding:0;
  width:100%;
  height:.1em;  /* Define height to keep margins from collapsing completely. */
  /*
  border:1px solid red;
  */
  display:inline;
  font-size:1.2em;
  }
div#navbar ul#nav {
  margin:0 auto;
  padding:0;
  list-style:none;
  text-align:left;
  width:100%;
  height:.1em; /* THis keeps the list from totally collapsing due to floated list items. */
  /*
  border:1px solid green;
  */
  }
div#navbar ul#nav li {
  float:left;
  display:inline;
  margin:0 auto;
  padding:0;
  width:154px;
  text-align:center;
  border-top:1px solid #CC9;
  border-right:1px solid #CC9;
  border-bottom:1px solid #CC9;  
  border-left:none;
  }
div#navbar ul#nav li#lnk5 {
  border-right:none;
  }
div#navbar ul#nav li#lnk1, div#navbar ul#nav li#lnk5 {
  width:156px;
  }
div#navbar  ul#nav li#nav1 {     
    border-left:1px solid #CC9;    
    }  
div#navbar ul#nav li a {
    margin:0 auto;
    padding:4px 0 5px 0;
    font-size:1em; 
    background:#669;    
    display:block;
    }
div#navbar  ul#nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    }
div#navbar ul#nav li:hover ul {
    left:auto;
    margin:1px 0 0 -1px;
    padding:0;
    list-style:none;
    border-top:none;
    border-left:1px solid #CC9;
    }  
div#navbar  ul#nav li:hover ul li {
    border-top:none;
    }
div#navbar ul#nav li:hover ul a {  /* IE sees this - sort of. */
    background:#669;    
    }  
div#navbar ul#nav li:hover ul a:hover {  /* IE sees this - sort of. */
    color:#C93;
    color:#FFC;
    }    
div#navbar #nav li.sfhover ul {     /* IE sees this - sort of. */
    margin:1px 0 0 -78px;
    padding:0;
    left: auto;
    border-left:1px solid #CC9;      
    }
div#navbar  #nav li.sfhover ul li  {  /* IE sees this - sort of. */
    border-top:none;
    }    
div#navbar  #nav li.sfhover ul a  {  /* IE sees this - sort of. */
    margin:0;
    width:154px;  /* Need this for IE hover states on the list item links. */
    background:#669;    
    }
div#navbar  #nav li.sfhover ul a:hover {
    color:#FFC;
    }    


/* These are the sidenav styles */

div#sidenav {
  float:right;
  margin:10px 10px 10px 0;
  padding:0;
  width:165px;
  background:#669;
  font-size:1.2em;  
  display:inline;
  border-top:5px solid #CC9;  
  border-right:1px solid #CC9;  
  border-bottom:5px solid #CC9;
  border-left:1px solid #CC9;
  }
#side{
  margin:0 auto;
  padding:10px 5px 15px 5px;  
  list-style:none;
  text-align:left;
  }
#side li {
  margin:0;
  padding:5px 0 0 0;
  }
#side img {
  margin:12px 0 0 0;
  padding:0;
  border:none;
  }