﻿/* 
	=======================================================
	EXTENDING VERTICAL MENU
	=======================================================
*/

/*
	-------------------------------------------------------
	Container Formatting
	-------------------------------------------------------
*/

	.MenuWrapper {
		padding: 12px 0 20px 0;
		border-top: 1px solid #F9F7EB;
		border-bottom: 1px solid #F9F7EB;
		text-align: center;
	}
	.MenuWrapper .Menu {
		margin: 0;
		padding: 0;
		width: 130px;
		margin: 0 auto;
	}

	.MenuWrapper .MenuInner {
		margin: 0;
		padding: 0;
		text-align: left;
	}

/*
	-------------------------------------------------------
	General Formatting
	-------------------------------------------------------
*/

	/* ## Parent  <ul /> formatting */
		
	.MenuWrapper .Menu .MenuInner ul.section, 
	.MenuWrapper .Menu .MenuInner ul.section ul.sub {
		padding: 0;
		list-style: none;
	}

/*
	-------------------------------------------------------
	Parent Level Formatting
	-------------------------------------------------------
*/

	/* ## Parent level <li /> formatting */
	
	.MenuWrapper .Menu .MenuInner ul.section li {
		margin: 1px 0 1px 4px;
		padding: 0;
	}
	
	/* ## Parent link formatting */
	
	.MenuWrapper .Menu .MenuInner ul.section li a {
		display: block;
		width: 97%;
		padding: 3%;
		font-family: Arial, Tahoma, Verdana, Helvetica;
		font-size: 11px;
		line-height: 13px;
		font-weight: bold;
		color: #5A923F;
		text-align: center;
	}
	
	.MenuWrapper .Menu .MenuInner ul.section li a.hasChildren {
	}
	
	.MenuWrapper .Menu .MenuInner ul.section li a.hasChildren:hover {
	}
	
	.MenuWrapper .Menu .MenuInner ul.section li a:link, 
	.MenuWrapper .Menu .MenuInner ul.section li a:visited {text-decoration: none;}
	.MenuWrapper .Menu .MenuInner ul.section li a:hover {
		text-decoration: none;
		color: #666666;
	}

/*
	-------------------------------------------------------
	Child Level Formatting
	-------------------------------------------------------
*/

	/* ## Child level extra <ul /> indent */
	
	.MenuWrapper .Menu .MenuInner ul.section ul.sub {
		margin: 0;
		padding: 0;
	}

	/* ## Child level <li /> formatting */
	
	.MenuWrapper .Menu .MenuInner ul.section li ul.sub li {
		margin: 0;
		padding: 0;
		border-style: none;
	}

	/* ## Child link formatting */
	
	.MenuWrapper .Menu .MenuInner ul.section li ul.sub li a {
		display: block;
		width: 97%;
		padding: 3%;
		font-family: Arial, Tahoma, Verdana, Helvetica;
		font-size: 11px;
		font-weight: bold;
		color: #BAB483;
		text-align: center;
	}
	.MenuWrapper .Menu .MenuInner ul.section li ul.sub li a:link,
	.MenuWrapper .Menu .MenuInner ul.section li ul.sub li a:visited {text-decoration: none;}
	.MenuWrapper .Menu .MenuInner ul.section li ul.sub li a:hover {
		text-decoration: none;
		color: #999999;
	}
	
	/* ## Child Menu Headings */
	
	.MenuWrapper .Menu .MenuInner ul.section li ul.sub li.subHeader {
		background-color: #ffffff;
		color: #666666;
		font-weight: bold;
		border-style: none;
	}
	.MenuWrapper .Menu .MenuInner ul.section li ul.sub li.subHeader div {
		margin-left: 5px;
	}
	
/*
	-------------------------------------------------------
	Separator Formatting
	-------------------------------------------------------
*/
	.separator {
		margin: 2px 0;
		text-align: center;
	}
	.separatorLi {
		line-height: 1px;
		font-size: 1px;
	}
/* 
	-------------------------------------------------------
	=======================================================
	-------------------------------------------------------
*/