<!--

/* VERTICAL DYNAMIC MENU */

#dynamicmenu 
{
font-size: large;
background-color: #fffe33;
background-image: url(../art/menu-back.jpg);
background-repeat: repeat-y;
background-position: 100% 0;
width:100%;
text-align: center;
z-index: 500;
position: relative;
}

#dynamicmenu ul 
{
background-color: #fffe33;
background-image: url(../art/menu-back.jpg);
background-repeat: repeat-y;
background-position: 100% 0;
list-style: none;
margin: 0;
padding: 0;
z-index: 500;
}

#dynamicmenu ul ul 
{
position:absolute;
top:-1px;
left:100%;
width:100%;
border-width:1px 1px 0;
border-style:solid;
border-color:#fff;
background-color:#fffe33;
background-image: url(../art/menu-back.jpg);
background-repeat: repeat-y;
background-position: 100% 0;
z-index: 500;
}


#dynamicmenu a 
{
display:block;
margin:0;
padding:3px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
color: #005f3e;
text-decoration:none;
font-weight:bold;
z-index: 500;
}

/*#dynamicmenu a:hover 
{color:#fffe33;
background:#ff0000;
 border-top:1px solid #ff0000;
border-bottom:1px solid #ff0000}
*/

/* ###PINDAR: LA: 25/02/08: changed the style of the main menu from red background when hovering over the link to having red top and bottom borders.*/
#dynamicmenu a:hover 
{
border-top:1px solid #ff0000;
border-bottom:1px solid #ff0000
z-index: 500;
}


/* ###PINDAR: LA: 25/02/08: added new sub menu links to split out styles so that they are like the ones on the design

SUB MENU LINKS*/
#dynamicmenu  a.submenu 
{
display:block;
margin:0;
padding:3px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
color: #005f3e;
text-decoration:none;
font-weight:bold;
z-index: 500;
}


#dynamicmenu  a.submenu:hover 
{
color:#fffe33;
background:#ff0000;
border-top:1px solid #ff0000;
border-bottom:1px solid #ff0000
z-index: 500;
}


#dynamicmenu li 
{
position:relative;
background-image: url(../art/menu-back.jpg);
background-repeat:repeat-y;
background-color:#FFFFFF
z-index: 500;
}

#dynamicmenu ul ul, #dynamicmenu ul li:hover ul ul 
{
display: none;
z-index: 500;
}


#dynamicmenu ul li:hover ul, #dynamicmenu ul ul li:hover ul 
{
display: block;
z-index: 500;
}

-->