/* CSS Supplied by flyouts developer begins here */

/*===========================================================================
the body rules are just for this demo, and will not be used in final product
===========================================================================*/
	
#scam_menu * {
	margin: 0;
	padding: 0;
	}

/*===========================================================================
rules to create the popup nav effect
===========================================================================*/

body {
	behavior: url(/ui/javascript/aerCssHover.htc);/* IEWin-only behaviour call*/
	}

div#scam_menu ul ul {
	display: none;
}

div#scam_menu ul.level1 li.submenu:hover ul.level2 {
	display:block;
}


/*===========================================================================
establish overall menu area
===========================================================================*/


#scam_menu {/*send this rule to IEWin first, with a height rule*/
	margin: 0;
	padding: 0;
	background-color:#000000;/*this is only in here for the demo, remove this colour and replace with transparent, so your table colour takes precedence*/
	width: 213px;
	position: relative;
	height: 455x;/* For IEWin this MUST have a large height applied, or else the 'mouseout' activates too early, thereby hiding the flyouts. However, establishing a fixed height will make all pages at least this deep, invoking a browser scrollbar.*/
	}
	
html>body #scam_menu {/*IEWin doesn't understand the child selector, so send this alternate set of rules to every other browser, with the different height rule*/
	margin: 0;
	padding: 0;
	background-color: #000000;/*this is only in here for the demo, remove this colour and replace with transparent, so your table colour takes precedence*/
	width: 213px;
	position: relative;
	height: 455x;/*make this height enough to encapsulate your first level navigation*/
	}
	
	
	
/*===========================================================================
general rules for visual design of the unordered list items
===========================================================================*/

#scam_menu ul {
	padding: 0; 
	margin: 0;
}

#scam_menu ul li {
	list-style-type: none; 
        list-style-image: none;
	position: relative;
	margin-bottom: 0;
}

#scam_menu  ul.popUp {
	position: absolute;
	top: 0px;
	left: 213px;
	}



/*===========================================================================
menu list treatments
===========================================================================*/


#menuList {
	position: absolute;
	top: 0;
	left: 0;
	}
* html #menuList li {
 margin-left: -14px;
 marg\in-left: 0px;
}

#menuList li {
	width: 213px;
        border-bottom: 1px solid #006015;

	}

#menuList li.popMenuListItem {/*required for IEWin positioning*/
	margin-bottom: -3px;
        border-bottom: 1px solid #006015;
	}


#menuList > li.popMenuListItem /*this child selector conceals rule from IEWin,and changes the margin back to zero for all other compliant browsers */ {
	margin-bottom: 0;
        border-bottom: 1px solid #006015;
	}


	
#menuList li ul li {
	width: 400px;
	display: block;
        z-index: 100;
        border-bottom: 1px;
        margin-bottom: -1px;

	}

#menuList li a:link {
	display: block;
	color: #ffffff; 
        font-size : 95%;
        text-align: right;
	text-decoration: none; 
	/* border-bottom: 1px solid #fff; */
	background-color:#000000;
        padding: 5px 8px 5px 8px;
	margin-bottom: 0;
	}
 #menuList li a:visited  {
	display: block;
        font-size : 95%;
        text-align: right;
	color: #ffffff; 
	text-decoration: none; 
	/* border-bottom: 1px solid #fff; */
	background-color:#000000;
        padding: 5px 8px 5px 8px;
	margin-bottom: 0;
	}



#menuList li ul li a:link, #menuList li ul li a:visited {
        display: block;
	color: #000000;
        font-size : 95%;
        text-align: left;
	text-decoration: none;
	/* border-bottom: 1px solid #fff; */
	background-color: #96E78A; /*bug in IEWin keeps the 'active' color after clicked, so this color needs to be the same as the active color*/
	padding: 3px 20px 3px 10px;/*space deliberately removed so as to make the subnav tighter vertically*/

       }

#menuList li ul.popUp li > a:link,#menuList li ul.popUp li > a:visited 
{
        margin-bottom: 1px ;
}

#menuList li ul.popUp > p
{
   border-bottom: 1px solid #000000;
   height: 0px;
}
#menuList li ul li a:link, #menuList li ul li a:visited
{
        margin-left: 0px ;
        background-color:#96E78A;
        border-left: 14px solid  #00BD27;
	border-bottom: 1px solid #00BD27;
	display: block;
        border-right: 1px solid  #006015;
}


#menuList li a:hover,
#menuList li ul li a:hover {
	color: #000000;
	background-color: #00BD27;
	display: block;

	}

#menuList li a:active {
	background-color: #000;/*bug in IEWin keeps the 'active' color after clicked, so this color needs to be the same as the inactive and visited colors*/
	color: #fff;
	}



/*===========================================================================
Creates 'current page' menu item effect, highlighting the top level 'section' the user is in
===========================================================================*/


#menuList li#currentMenuItem a,
#menuList li#currentMenuItem a:visited,
#menuList li#currentMenuItem a:hover {
	background-color: #00BD27;
	color: black;
	}

/*==========================================================================
fixing an IEWin subnav hover bug
==========================================================================*/

#scam_menu ul.popUp li a {
	display: block;
        background-color: #96E78A;
	width: 420px;/*IEWin hack to fix a bug it has, whereby without an explicit width, the a will not ldisplay block*/
	}

#scam_menu>ul.popUp li a {
	width: auto;/*reverse the IEWin hack above, to work again in every other browser*/
	}