@import "style.css";

#header {
  position: absolute;
  top:0px;
  left:35px;
  margin: 0px 4px 0px 0px;   /*top right bottom left*/
  height:auto;
  background: #fbf4c7;
  border-top: 5px solid firebrick;
  border-left: 3px double darkgrey;
  /*border-right: 1px solid lightgrey;*/
  border-bottom: 1px dashed lightgrey;
  min-width: 1210px;                /*also change navbar width!!*/
  z-index:5;
}

#header img{
display:inline;
}

/*
#header div.columnleft{
    padding: 3px 3px 3px 3px;    /*top right bottom left
}
*/

.logobalk{
    border-top: 5px solid firebrick;
    position: absolute;
    padding: 3px 3px 3px 3px;    /*top right bottom left*/
    left:0;
    top:0;
    height: 500px;
    width:30px;
}


.logo {
  width:166px;
  height:100px;
  border: 1px solid lightgrey;
}

.logo:hover {
  border: 1px solid black;
}

.logowrapper {
  position: absolute;
  top:2.4em;
  left:35px;
  margin: 0px 10px 10px 0px;    /*top right bottom left*/
  padding: 50px 0px 0px 0px;    /*top right bottom left*/
  width:178px;
  background: #fbf4c7;
  border-left: 3px double darkgrey;
  border-bottom: 3px double darkgrey;
  border-right: 3px double darkgrey;
  text-align: center;
  /*border-top: 1px dashed lightgrey;   */
}

#navbar {
  border-left: 3px double darkgrey;
  background-color: #FBFAF4;
  height: 2.6em;
  width: 1030px;
  /*width: 100%; /*800-166-30*/
  position: relative;
  left: 178px;
  padding: 0 0 0 0;    /*top right bottom left*/
  font-size: 16px;
  font-family: "Georgia", "Garamond", "Times", serif;

}

#header ul {        /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
}

#header li {    /* all list items */
  float: left;
  position: relative;
  width: auto;
  padding: 0px 6px 0px 6px;    /*top right bottom left*/
  margin-right: 10px;    /*top right bottom left*/
  background: #FBFAF4;       /*border: 1px solid lightgrey; */
}


#header ul[id=nav] > li:hover {
  border-top: 5px solid lightskyblue;
  margin-top: -5px;
}

#header li ul {    /* second-level lists */
  display: none;
  position: absolute; 
  top: 2.8em;
  left: 0;
  width: 18em;
  border: 1px solid darkgrey;
}

#header li ul li{
   border-bottom: 1px dashed lightgrey;
   padding: 0 0 0 0;    /*top right bottom left*/
   width: 18em;
}

#header li ul li:last-child{
   border-bottom: 1px solid darkgrey;
}

#header li > ul {
   top: auto;
   left: auto;
}


#header li:hover ul, li.over ul {
  display: block;
}

#header a:link { text-decoration: none; }
#header a:visited { text-decoration: none;}
#header a:hover { text-decoration: none; background: #fbf4c7; }


#header li a {
  display: block;
  text-transform: uppercase;
  padding: 10px 2px 8px 2px;/*top right bottom left    */
  }

#header p {
  margin: 10px 0px 8px 0px;/*top right bottom left    */
}