

a.skipnav{
font-family: arial,helvetica,sans-serif;
font-size: 10px;
color: black;
text-decoration: underline;
}

.dropdown  {
overflow-y: scroll;
max-height: 500px%;
line-height: .85em;
}

.leftpanel a{
text-decoration: underline;
}


#url{
position: absolute;
bottom: 0;
left: 0;
padding: .5em;
background-color: white;
font-size: 14px;
color: black;
z-index: 11111;
display: none;
}



/* NAV MENU  */


.mFB::before {
  content: url(../graphics2016/fazebkicon.png);
}

.mTW::before {
  content: url(../graphics2016/littericon.png);
}

.mIN::before {
  content: url(../graphics2016/innagmicon.png);
}





.menusocial{
padding-right: 40px;
cursor: pointer; 
}

.menusocialleft{
padding-left: 0;
}


.menu_button {
position: absolute;
top: 10px;
left: 10px;
  z-index: 10000;
}

.menu_button button {
  font-size: 110%;
  font-size: 40px; 
background-color: white;
border: 0;
color: rgb(118,36,1);


}


ul[role="menu"] {
  margin-top: 25px;
  padding: 0;
  position: absolute;
  font-size: 110%;
  font-weight: bold;
  list-style: none;
  background-color: rgb(244,244,244);
  display: none;
}




#menu1 {
  margin-top: 25px;
  padding: 5px 0px 20px 0px;
  position: absolute;
  font-size: 85%;
  font-weight: bold;
  list-style: none;
  background-color: rgb(244,244,244);
  display: none;
}

#menu1 li{
  display: block;
  padding: 0.25em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  background-color: rgb(244,244,244);
  width: 90%;
  width: 20em; 
  cursor: pointer;
  margin-right: 20px;
text-align: left;
  
}


ul[role="menu"] li[role="menuitem"]{
  display: block;
  padding: 0.25em;
  padding-left: 0.5em;
  padding-right: 0.5em;  
  background-color: rgb(244,244,244);

width: 90%;
width: 20em; 
  
}


/* focus and hover styling */


button:focus,
button:hover,
input:focus,
input:hover {
  outline: 0px solid black; 
}


input:focus,
input:hover {
  background-color: #EEEEEE;
}

ul[role="menu"] li[role="menuitem"]:focus,
ul[role="menu"] li[role="menuitem"].focus,
ul[role="menu"] li[role="menuitem"]:hover{
background-color: rgb(118,36,1);
color: red;
width: 90%; 
cursor: pointer; 
}


li{
cursor: pointer;
}

#menubutton1{
font-size: 40px;
}

/* end nav menu */