.mainstyle {
background-color: #FFDEAD;
color: #9F6A1B;
border: 1px solid #A52A2A;
font-size: 7pt;
font-family: 'Comic Sans MS', Brisk, 'Gill Sans', Helvetica, 'Letter Gothic', Metrostyle,  Arial, Helvetica, sans-serif;
text-align: center;
overflow: visible
}

.dropstyle { 
background-color: #FFF8DC;
text-align: left;
font-size: 8pt;
 }

a:active.drop {
background-color: #FFF8DC;
text-decoration: none;
color: #9F6A1B;
font-size: 8pt;
}

a:link.drop {
background-color: #FFF8DC;
text-decoration: none;
color: #9F6A1B;
font-size: 8pt;
}

a:hover.drop {
background-color: #CCFFCC;
text-decoration: underline;
font-size: 8pt;
}

a:visited.drop {
background-color: #FFF8DC;
text-decoration: none;
font-style: italic;
color: #9F6A1B;
font-size: 8pt;
}

hr { 
height: 1px;
margin-top: 0;
 margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

#mainmenu {
position: absolute;
left: 10%;
top: 0;
width: 10%;
}

#maindrop {
left: 0;
}

#markupmenu {
position: absolute;
left: 20%;
top: 0;
width: 10%;
}

#markupdrop {
left: 0;
display: none
}

#usabilitymenu {
position: absolute;
left: 30%;
top: 0;
width: 10%;
} 

#usabilitydrop {
left: 0;
display: none
}

#devicesmenu {
position: absolute;
left: 40%;
top: 0;
width: 10%;
} 

#devicesdrop {
left: 0;
display: none;
}

#glossarymenu {
position: absolute;
left: 50%;
top: 0;
width: 10%;
} 

#glossarydrop {
left: 0;
display: none
}

#kmmenu {
position: absolute;
left: 60%;
top: 0;
width: 10%;
} 

#kmdrop {
left: 0;
display: none
}

#companymenu {
position: absolute;
left: 70%;
top: 0;
width: 10%;
} 

#companydrop {
left: 0;
display: none
}