#cssdropdown, #cssdropdown ul 
{
padding: 0;
margin: 0;
list-style: none
}

#cssdropdown li 
{
text-align: center;
float: left;
position: relative;
width: 13%;
top: 98px
}

.mainitems
{
border: 1px solid white;
background-color: #000000;
color: #FFFFFF
}

.mainitems a
{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
background-color: #000000;
color: #FFFFFF
}

.subuls
{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #000000;
color: #FFFFFF;
border: 1px solid black
}

.subuls li
{
width: 100%
}

.subuls li a
{
text-decoration: underline
}

#cssdropdown li>ul 
{ 
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto
}

#cssdropdown li:hover ul, li.over ul 
{ 
/* lists nested under hovered list items */
display: block
}

#restofcontent 
{ 
/*wrap rest of content of the page inside this div*/
clear: left
}