/*	=======	All menu stylings ========
	Note: Includes menu typography
*/

/*	==== Horizontal menu styling ==== */
	#Menu ul
		{
		margin:0;
		padding:0.5em 0;
		list-style:none;
		}
	#Menu li
		{
		margin:0;
		padding:0;
		display:inline;
		}
	#Menu a, #Menu a:active, #Menu a:visited
		{
		margin:0;
		padding:0.5em 1em;
		border-top:0.10em solid #ccc;
		border-left:0.10em solid #ccc;
		border-right:0.10em solid #ccc;
		border-bottom:none;
		/* Typography */
		font-size:0.95em;
		letter-spacing:0.06em;
		text-decoration:none;
		}
	#Menu a:hover
		{
		border-top:0.10em solid #ccc;
		border-left:0.10em solid #ccc;
		border-right:0.10em solid #ccc;
		background-position:left -100px;
		background-color:#ffffff;
		/* Typography */
		color:#666666;
		}
		
/*	==== Left hand menu styling ==== */
	#SubMenu ul
		{
		margin:0;
		padding:0;
		border-bottom:0.10em solid #CCCCCC;	
		list-style:none;
		}
	#SubMenu li
		{
		margin:0;
		padding:0;
		border-left:0.10em solid #CCCCCC;
		border-right:0.10em solid #CCCCCC;
		}
	#SubMenu li ul li a.Inactive
		{
		background-image:none;
		background-color:#f2f2f2;
		/* Typography */
		color:#666666;
		}
	#SubMenu li ul li span
		{
		display:block;
		margin:0 0 0 0;
		padding:0.5em 1em;
		border-top:0.10em solid #CCCCCC;
		border-bottom:none;
		border-right:none;
		border-left:none;
		background-image:none;
		background-color:#f2f2f2;
		/* Typography */
		font-size:0.85em;
		font-weight:bold;
		color:#666666;
		letter-spacing:0.06em;
		}

/*	==== Internet Explorer <= 6 specific ==== */
	* html #SubMenu span
		{
		width:98%;
		}
/*	==== End Internet Explorer <= 6 specific ==== */

	#SubMenu a, #SubMenu a:active, #SubMenu a:visited
		{
		display:block;
		margin:0 0 0 0;
		padding:0.5em 1em;
		border-top:0.10em solid #ccc;
		border-bottom:none;
		border-right:none;
		border-left:none;
		/* Typography */
		font-size:0.85em;
		letter-spacing:0.06em;
		text-decoration:none;
		}

/*	==== Internet Explorer <= 6 specific ==== */
	* html #SubMenu a 
		{
		width:98%;
		}
/*	==== End Internet Explorer <= 6 specific ==== */

	#SubMenu a:hover
		{
		background-color:#ffffff;
		background-position:left -100px;
		/* Typography */
		color:#666666;
		}	
		
/*	==== Menu Active and Inactive states [applies to all menus] ==== */
	.Active
		{
		background-image:url(../gui/MenuActive.gif);
		background-repeat:repeat-x;
		background-position:bottom left;
		background-color:#FFFFFF;
		/* Typography */
		color:#333333;
		}
	.Inactive
		{
		background-image:url(../gui/MenuInactive.gif);
		background-repeat:repeat-x;
		background-position:bottom left;
		background-color:#e6e6e6;
		/* Typography */
		color:#666666;
		}