/*
 * Styles for vertSubMenu
 */
 
.vertSubMenu {
	width: 190px;
	margin-left: 5px;
}
/*
 * Header definitions, the zero margin ensures that its sits tightly on top
 * of the main body.
 */

.vertSubMenu h3 {
	background: url(graphics/LMenuHdrR.gif) no-repeat right top;
	height: 40px;
	margin: 0;
}
.vertSubMenu h3 p {
	background-image: url(graphics/LMenuHdrL.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font: bold 13px Verdana;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.vertSubMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0; 					/*bottom spacing between each UL and rest of content*/
}

/*
 * Defines the primary menu entries colour, font and border requirements. The
 * 'ul li' definition puts the border on either side which then bounds the white
 * border specified in the 'ul li a' definition. 
 */
.vertSubMenu ul li {
	position: relative;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9ca013;
	border-left-color: #9ca013;
	}
	
.vertSubMenu ul li a {
	font: normal 12px/17px Arial;
	padding: 3px 0 3px 8px;			/* link text is indented 8px */
	color: #FEFB8B;
	background-color: #325A1f;
	display: block;
	text-decoration: none;
	overflow: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin: 0px;
}

/*
 * Defines the sub menus overall width visibility etc
 */
.vertSubMenu ul li ul {
	position: absolute; 
	width: 170px;					/* sub menu width */
	top: 0;
	visibility: hidden;
}

/*
 * Defines sub menu boxes specific border style and background colour.
 * The bottom margin setting is to ensure the entries overlap to give a
 * single pixel width line.
 */
.vertSubMenu li ul li {
	border: 1px solid #000000;
	margin-top: -1px;
	z-index: 1;
	}

.vertSubMenu li ul li a {
	background-color: #FFF;
	color: #000;
	border: none;
}

.vertSubMenu ul li a:hover {
	color: #FFFFFF;
	background-color: #666666;
}

/*
 * Defines the style for menu entries which point to a sub entry at
 * the top level.
 */
.vertSubMenu .subStyle {
	background: url(graphics/arrow-list.gif) no-repeat right;
	background-color: #325A1f;
}

/*
/  Defines the style for sub menu entries which point to the next level.
*/
.vertSubMenu .subStyle2 {
	background: #FFF url(graphics/arrow-list.gif) no-repeat right;
}

/* Define the menu footer. */

.vertSubMenu div {
	background-image: url(graphics/LMenuFtrR.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-top-style: solid;
	border-top-color: #9ca013;
	border-top-width: 2px;
	margin: 0px;
	position: relative;
	top: -1px;
}
.vertSubMenu div p {
	background-image: url(graphics/LMenuFtrL.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
	margin: 0px;
}

/* Holly Hack hides from IE-mac \*/

* html .vertSubMenu ul li { float: left; height: 1%; }
* html .vertSubMenu ul li a { height: 1%; }

/* End of hide */
