div.subNav{
	position: relative; 
	display: none;
	clear:both;
	/*z-index:1 !important; TOAST*/
}

ul.subNav {
	position: absolute;
	display: block;
	left: 0px;
	padding: 0px;
	margin: 0px;
	/* border: 0px; */
	list-style-type: circle;
    list-style-image: none;
	background: none;
	border: 1px solid blue;

	/* list-style-position: inside !important; */
	
	white-space:normal !important;
	overflow:visible !important;

}

ul.subNav li {
	padding: 0px !important;
	margin: 0px !important;
	display: inline;
	/*white-space:normal !important;*/
	overflow: visible !important;
	/*list-style-type: none !important;*/
	/*background: none;*/
    margin-bottom:-3px !important;
    clear:both;
    	
	list-style-type: square;
	list-style-position: inside;
}

ul.subNav li span {
	float: right;
	padding-right: 2px;
	font-size: 1em;
	line-height: 18px;
	margin-top: -2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	white-space:normal !important;
	overflow:visible !important;
}

ul.subNav ul.subNav {
	left: 100%;
	top: -17px;
}

#nav ul.subNav li a 
{
	display: block;
    font-size: 10px !important;
	font-weight: bold !important;
	color: #ffffff;
    background-color: #949689;

    background-image: url("../images/nav/arrow.gif");
	background-repeat: no-repeat;
	
	white-space:normal !important;
	overflow:visible !important;
	
    border-top: 0px !important;
	height: auto !important;
	padding: 0px !important;
	padding-top: 2px !important;

	padding-right: 0px !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important ;
	
	padding-left:20px !important;

}



/*************************************************/

#nav ul.yellowSubNav{
    border-top:solid 1px #ffe5b2;
    border-left:solid 1px #ffe5b2;
    border-right:solid 1px #ccac6d;
    border-bottom:solid 1px #ccac6d;
	}
	
#nav ul.yellowSubNav li a {
   	border: solid 1px #ffd788 !important;
    background: #f2a815 url("../images/nav/arrow_orange_off.gif") no-repeat left !important; 
	color: white !important;
	}
#nav ul.yellowSubNav li a:hover {
    background: #d89208 url("../images/nav/arrow_orange_on.gif") no-repeat left !important; 
	}
/*************************************************/

#nav ul.greenSubNav 
{
    border-top:solid 1px #c6e697;
    border-left:solid 1px #c6e697;
    border-right:solid 1px #86ad4c;
    border-bottom:solid 1px #86ad4c;
    background: #74bb0a;
}

#nav ul.greenSubNav li a
{
    border: solid 1px #a7d85f !important;
    background: #74bb0a url("../images/nav/arrow_green_off.gif") no-repeat left !important;
    color: white !important;
    vertical-align:top;
}

#nav ul.greenSubNav li a:hover
{
    background: #64a701 url("../images/nav/arrow_green_on.gif") no-repeat left !important; 
}

/*************************************************/
#nav ul.blueSubNav 
{
    border-top:solid 1px #b7dbed;
    border-left:solid 1px #b7dbed;
    border-right:solid 1px #739fb6;
    border-bottom:solid 1px #739fb6;
}

#nav ul.blueSubNav li a {
   	border: solid 1px #90c7e4 !important;
    background: #4ca0ce url("../images/nav/arrow_blue_off.gif") no-repeat left !important; 
	color: white !important;
	}
#nav ul.blueSubNav li a:hover {
    background: #3b8ab5 url("../images/nav/arrow_blue_on.gif") no-repeat left !important; 
	}
/*************************************************/
#nav ul.redSubNav 
{
    border-top:solid 1px #efb3b8;
    border-left:solid 1px #efb3b8;
    border-right:solid 1px #b86e75;
    border-bottom:solid 1px #b86e75;
}

#nav ul.redSubNav li a {
   	border: solid 1px #e68a92 !important;
    background: #d24c57 url("../images/nav/arrow_red_off.gif") no-repeat left !important; 
	color: white !important;
	}
#nav ul.redSubNav li a:hover {
    background: #b93b45 url("../images/nav/arrow_red_on.gif") no-repeat left !important; 
	}
/*************************************************/
#nav ul.purpleSubNav 
{
    border-top:solid 1px #e2b7ea;
    border-left:solid 1px #e2b7ea;
    border-right:solid 1px #a874b2;
    border-bottom:solid 1px #a874b2;
}

#nav ul.purpleSubNav li a {
   	border: solid 1px #d291df !important;
    background: #a03bb5 url("../images/nav/arrow_purple_off.gif") no-repeat left !important; 
	color: white !important;
	}
#nav ul.purpleSubNav li a:hover {
    background: #8b2c9f url("../images/nav/arrow_purple_on.gif") no-repeat left !important; 
	}
/*************************************************/
#nav ul.greySubNav 
{
    border-top:solid 1px #e8e8e8;
    border-left:solid 1px #e8e8e8;
    border-right:solid 1px #b0b0b0;
    border-bottom:solid 1px #b0b0b0;
}

#nav ul.greySubNav li a {
   	border: solid 1px #dcdcdc !important;
    background: #a6a6a6 url("../images/nav/arrow_grey_off.gif") no-repeat left !important; 
	color: white !important;
	}
#nav ul.greySubNav li a:hover {
    background: #8d8d8d url("../images/nav/arrow_grey_on.gif") no-repeat left !important; 
	}
/*************************************************/