/* 

This style sheet controls the look of the flyout side menu
modified JAD Feb06.
default background-color changed   new colour D3DED3
default text-decoration was white changed to 428dff = default text colour

*/
body 
{  behavior: url(includes/csshover.htc);} /* WinIE behavior call */

div#nav-cat {float: left; width: 140px; margin: -1px 0 0 -1px;
  background-color: #D3DED3; font-weight:normal;}    /* color was CE318C  */

div#nav-cat ul {margin: 0; padding: 0; width: 140px; background-color: #FFFFFF;      /* sets colour of background for cats with no sub-cat */
/*  border: 1px solid #AAA; */}                /* this creates a thin border round menu with padding also thick bottom border between catagories*/

div#nav-cat ul.level2 {background-color: #D3DED3;}    /* sets colour of 2nd level  */
div#nav-cat ul.level3 {background-color: #D3DED3;}
div#nav-cat ul.level4 {background-color: #D3DED3;}
div#nav-cat ul.level5 {background-color: #D3DED3;}

div#nav-cat li {position: relative; list-style: none; margin: 10;
/*  border-bottom: 1px solid #CCC;*/}              /* this underlines each catagory and sub-category  */

div#nav-cat li:hover {background-color: #F0FFFF;}   /* sets hover colour of categories without subs */

div#nav-cat li.submenu {
background: url(../images/submenu.gif) 95% 50% no-repeat;
background-color: #FFFFFF;}       /* this color sets the colour of categories with sub-categories  */

div#nav-cat li.submenu:hover {background-color: #F0FFFF;}      /* sets colour of on hover of categories with sub-categories  */

div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;     /*  */
  text-decoration: none; width: 140px; color: #428dff;}       /* sets text colour */
/*  border-left: 0.5em solid #BBB;}

div#nav li a:hover {border-left-color: red;}*/          /* couldn't see effect of this  */

div#nav-cat>ul a {width: auto;}

div#nav-cat ul ul {position: absolute; top: 0; left: 140px;
  display: none;}

div#nav-cat ul.level1 li.submenu:hover ul.level2, 
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5 {display:block;}