/* CSS Document */

/* COLOURING ETC */

#menu {
width: 192px; /* set width of menu */
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0px;
padding: 0px;
}

/* style, color and size links and headings to suit */

#menu a {
text-decoration: none;
display: block;
}


#menu h2, #menu h3 {
padding: 0;
margin: 0;
}


#menu h2 a {
font: 8pt arial, helvetica, sans-serif;
font-weight: normal;
color:#eae3c9;
text-transform: capitalize;
display: block;
border-width: 1px;
border-style: solid;
border-top:none;
border-left:none;
border-right:none;
border-bottom-color:  #eae3c9;

padding-top: 4px;
padding-bottom: 4px;

}

#menu h2 a:hover{

color: #423721;


}




/* POSITIONING  */

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

/*  HIDING AND REVEALING */


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

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



/* FIX IT FOR IE  */

body {
behavior: url(file:csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}