﻿/* CSS Document */

body { behavior: url(csshover.htc);} /* WinIE behavior call */

div#nav {	
	width: 160px; 
	margin: 0px 0 0 0px;
  	background: #000000;
    font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
  
/* Determine the first level when no mouse over*/  
div#nav ul {
	margin: 0; 
	padding: 0; 
	width: 160px; 
	background: #FFFFFF; /*Bg colour of the 1st level - normal*/
	border: 1px solid #ffffff; /*Color of the menu border*/
}


div#nav ul.level2 {background: #F3F3F3;} /*Bg colour of the 2nd level - normal*/
div#nav ul.level2 a:visited {color:#666666 !important;} /*Font color of level2 - normal*/
div#nav ul.level2 a:link{color:#666666 !important;} /*Font color of level2 - normal*/
div#nav ul.level2 a:hover{color:#F1152E !important;} /*Font color of level2 - hover*/

div#nav ul.level3 {background: #F3F3F3;} /*Bg colour of the 3rd level - normal*/
div#nav ul.level3 a:visited {color:#666666 !important;} /*Font color of level3 - normal*/
div#nav ul.level3 a:link{color:#666666 !important;} /*Font color of level3 - normal*/
div#nav ul.level3 a:hover{color:#ffffff !important;} /*Font color of level3 - hover*/

div#nav li {
	position: relative; 
	list-style: none; 
	margin: 0;  border-bottom: 1px solid #cccccc; /* Color of the bottom bar*/
}
  
div#nav li:hover {background: #FFC942;} /*Bg colour of hover*/
div#nav li.submenu:hover {background-color: #FFC942; } /*Bg colour of hover*/ 

div#nav li.submenu:hover a:visited {color:#666666; } /*Font colour when hover*/ 
div#nav li.submenu:hover a:link {color:#666666; } /*Font colour when hover*/ 


div#nav li.submenu {background: url(submenu.gif) 95% 95% no-repeat;}

div#nav li a {display: block; padding: 5px 0 5px 5px;
  text-decoration: none; width: 140px; border-left: 10px solid #BBB;} /*Determine how far the next menu block is*/
  
div#nav li a:visited {
color: #666666; /*Navigation Font Color*/
} 
  
div#nav li a:link {
color: #666666; /*Navigation Font Color*/
} 
  
div#nav li a:hover {border-left-color: #B38F00; color: #666666;} /*Determine the indicator color*/

div#nav>ul a {width: auto;}

div#nav ul ul {position: absolute; top: 0; left: 160px;
  display: none;}
  
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}





div#nav ul.level1 li.submenu:hover ul.level2 {display:block;}






