﻿/* #### MENU #### */

#menu { width: 180px; padding:0 5px 0px 5px; }

#menu a, 
#menu a:link, 
#menu a:visited { font-size:9.5pt; font-weight:normal; display: block; text-decoration:none; margin: 0px; padding: 0px; padding:1px 0 2px 0; }
#menu a {  color:#595959 }

#menu ul { list-style-image:url(/config/img/tmpl/bullet.png); margin:0px; padding-left:18px; background-color:white; z-index:5000; }
#menu ul a { padding-top:2px; padding-bottom:4px; font-size:10pt; line-height:110%;  }
#menu li { position: relative; }

#menu ul { background-color:white; }
#menu ul li { width:160px;  }
#menu ul li:hover { background:#8C8C8C url('/config/img/tmpl/start-gradient.png') repeat-y right top; }

#menu ul ul { position: absolute; top: -10px; left: 75%; width: 180px; border: solid 1px #CDC7C5; }
#menu ul ul {  }
#menu ul ul li { width:180px; border-top:dashed 1px #CDC7C5; }
#menu ul ul li:hover { background:#8C8C8C url('/config/img/tmpl/first-gradient.png') repeat-y right top; }
#menu ul ul a { padding-top:2px; padding-bottom:4px; font-size:9pt; width:180px;   }
#menu ul ul li.top { border-top:0px; }

#menu ul ul ul { position: absolute; top: -10px; left: 75%; width: 340px; border: solid 1px #CDC7C5; }
#menu ul ul ul {  }
#menu ul ul ul li { width:340px; border-top:dashed 1px #CDC7C5; }
#menu ul ul ul li:hover { background:#8C8C8C url('/config/img/tmpl/second-gradient.png') repeat-y right top; }
#menu ul ul ul a { padding-top:2px; padding-bottom:2px; font-size:9pt; width:340px;  }
#menu ul ul ul li.top { border-top:0px; }

div#menu ul ul,
div#menu ul li:hover ul ul
	{display: none; }

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
	{display: block; }

/* IMPORTANT programme overrides */ 
#ProgInclude h2 { font-weight:bold; }
#ProgInclude h3 { color:#595959!important; }