P.joke
{
border-style: double;
border-color: #ff0000;
/* colour settings = #Top #Right #Bottom #Left */
/* defaults take their values from the last on the left */
/* eg. #ff0000 #0000ff - Bottom & Left will be #0000ff */
background-color:white;
}

P.box
{
border-style: solid;
border-color: #000000;
/* colour settings = #Top #Right #Bottom #Left */
/* defaults take their values from the last on the left */
/* eg. #ff0000 #0000ff - Bottom & Left will be #0000ff */
background-color:white;
}

.ClearText
{
background-color:white;
}

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

#topmenu li
{
float: left;
position: relative;
}

#topmenu a
{
text-decoration: none;
}

.mainitems
{
border: 1px solid black;
border-left-width: 0;
background-color: #D8FE89;
}


.headerlinks a
{
margin: auto 8px;
font-weight: bold;
color: black;
}


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

.submenus li
{
width: 100%;
}

.submenus li a
{
display: block;
width: 100%;
text-indent: 3px;
}

html>body .submenus li a
{				 /* non IE browsers */
width: auto;
}

.submenus li a:hover
{
background-color: yellow;
}

#topmenu li>ul
{/* non IE browsers */
top: auto;
left: auto;
}

#topmenu li:hover ul, li.disp ul
{
display: block;
}

html>body #clearmenu
{				 /* non IE browsers */
height: 3px;
}
