/* K and B menu CSS Document */
#menuwrapper {
	background-color: #151515;
	padding : 15px 0 2px;
	margin : 0;
	z-index:100;
	clear : both;
	font-family:Arial, Helvetica, sans-serif;
}

/* Care !*/ 
#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
}

#primary-nav ul ul {
	margin-top: -1px; /*-1 makes 3rd-level line up with 2nd-level */
	margin-left: 0;/*Changed from -1px to stop the bg of a child ul overwriting the border of the 1st li.  Care if > 0 : the cursor may "fall down the crack"  */
	left: 100%;
	top: 0px;
}

#primary-nav li {
	margin : 0;
	background-color:#151515;
	float: left;
}

#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
	width: 150px;
}

#primary-nav h3 {
	font-size : 9pt;
	line-height : 130%;
	font-weight:normal;
	padding: 5px 15px;
	margin : 0;
} /*like 1st-level items */

#primary-nav a {
	display: block;
	margin: 0px;
	padding: 5px 15px;
	text-decoration: none;
	font-size: 9pt;
	line-height: 130%;
	background-color: #151515;
	text-align:center;
}

#primary-nav a.first { padding-left : 0; }

#primary-nav a.last {
	padding-left: 17px;
	padding-right : 0;
}

#primary-nav a:hover {
	text-decoration:none;
	color:#fff;
}

/*Applies to top-level links */
#primary-nav li a, #primary-nav li h3 { color : #999; }

#primary-nav li a:hover, #primary-nav li:hover h3, #primary-nav li a.home { color : #FFF; }

/*Stop FF showing outline */
#primary-nav li a:active, #primary-nav li li a:active  { outline:none; border:none; -moz-outline-style: none;
}

/*Aplies to links below top level */
#primary-nav li li a, #primary-nav li li h3 {
	padding : 10px 0.3em;
	margin : 2px 0;
	text-decoration : none;
	text-align : left;
	color : #fff;
}

/* #primary-nav li li:hover a makes a 2nd level item stay highlighted as long as you hover over it's 3rd-level children */
#primary-nav li li a:hover, #primary-nav li li:hover h3, #primary-nav li li:hover a {
	color : #fff;
	text-decoration:none;
	background-color:#666666;
}

/*stops the rule above for #primary-nav li li:hover a from setting all the 3rd-level children to have the hover background */
#primary-nav li li:hover li a { background-color:#151515; }

#primary-nav li li:hover li a:hover { background-color:#666666; }

/*The bg-color is needed for IE7.  Without it moving if there is a margin between <li> then when the 
cursor moves into the space between them it "falls off" the menu*/
#primary-nav li ul { background-color:#151515; }

/*CSS to hide & unhide elements */

#primary-nav ul, /* #primary-nav li:hover ul, */
#primary-nav li:hover ul ul, #primary-nav li:hover ul ul ul { display: none; }

#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav ul ul ul li:hover ul { display: block; }

/*CSS to hide & unhide elements for ie6, which needs js to add a onmouseover / onmouseout function to all li elements in the menu*/
#primary-nav li.iehover ul, #primary-nav li.iehover ul ul, #primary-nav li.iehover ul ul ul { display: none; }

#primary-nav li.iehover ul, #primary-nav ul li.iehover ul, #primary-nav ul ul li.iehover ul, #primary-nav ul ul ul li.iehover ul { display: block; }

/* IE Hacks */

#primary-nav li li {
	float: left;
	clear: both;
}

#primary-nav li li a { height: 1%; }

#primary-nav dfn {
	display:none;
	height:0;
	width : 0;
}

div.clearb { clear : both; }

/*STYLE FOR THE LEFT COL MENU*/

#leftmenu {
	list-style: none;
	margin: 30px 0 0 0;
	padding: 0px;
}

#leftmenu li {
	display : block;
	border: 1px solid rgb(51, 51, 51);
	width: 150px;
	background-color:#151515;
	margin : 1px 0;
}

#leftmenu a {
	display : block;
	color: rgb(189, 214, 58);
	background-color:#151515;
	font-family: Arial;
	font-size: 9pt;
	text-decoration:none;
	padding : 1px;
}

#leftmenu a:hover {
	color : #fff;
	background-color:#333333;
	text-decoration:none;
}