* {
margin : 0;
}

html,
body
{
font-family : verdana, arial, helvetica, sans-serif;
background-color : #e6e6e6;
height : 100%;
}

table
{
font : 11px/16px verdana, arial, helvetica, sans-serif;
margin-left : auto;
margin-right : auto;
border-collapse : collapse;
}

th
{
font-weight : bold;
color : #f4f4f4;
background : #000000;
border-width : 1px;
border-style : outset;
margin : 0;
padding : 2px 3px;
}

td
{
color : #000000;
background : #ffffff;
border-width : 1px;
border-style : outset;
border-color : black;
margin : 0;
padding : 2px 3px;
}

.wrapper
{
min-height : 100%;
height : auto !important;
height : 100%;
margin : 0 auto -4em;
}

.footer,
.push
{
height : 4em;
}

/* Everything below is for navigation */
/* Ideas from http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html */

#menu
{
width : 100%; /* Set width of menu */
float : left; /* Float in order to contain it's floated descendants (ul) */
}

#menu ul
{
list-style : none; /* remove bullets*/
margin : 0; /* remove indents */
padding : 0; /* remove indents */
width : 9em; /* set width of dropdown */
float : left; /* float so they appear side by side */
}

/* Style, color and size links and headings to suit */
#menu a,
#menu a.toplevel
{
font : 14px/16px verdana, arial, helvetica, sans-serif;
display : block; /* Makes dropdown menu edges even with heading */
border-width : 1px;
border-style : solid;
border-color : #ccc #888 #555 #bbb;
margin : 0;
padding : 2px 3px;
}

#menu a.toplevel,
#menu a.toplevel:hover
{
font-weight : bold;
text-align :center;
color : #f4f4f4;
background : #000000;
/* text-transform : uppercase; */
}

#menu a
{
color : #000000;
background : #efefef;
text-decoration : none;
}

#menu a:hover
{
color : #000000;
background : #e4e4e4;
}

/* Position the drop-downs */

#menu li
{
position : relative;
}

#menu ul ul
{
position: absolute;
z-index: 500;
}

#menu ul ul ul
{
position : absolute;
top : 0;
left : 100%;
}

/* Hide and reveal using :hover */

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
display: block;
}