ul.dropdown
{
    font-weight: normal;
    color: navy;
    font-size: normal;
}

	ul.dropdown li
{
    padding: 0px 0px;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #fff #d9d9d9 #d9d9d9;
    background-color: #F6F9A8; /* Steve's Yellow */
    height: 17px;
}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #eee;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: blue; text-decoration: none; }
	ul.dropdown a:hover		{ color: navy; }
	ul.dropdown a:active	{ color: red; }

	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	}

	ul.dropdown ul li {
	font-weight: normal;
	height: Auto;
	}

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */ 

ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url('../Stylesheets/images/nav-arrow-down.png');
 background-position: 100% 50%;
 background-repeat: no-repeat;
}  


/* -- Components override -- */

	ul.dropdown-horizontal ul,
	ul.dropdown-horizontal	a:link,
	ul.dropdown-horizontal	a:visited,
	ul.dropdown-horizontal *.dir 
	{
	     color: white; text-decoration: none;
	      }
	      
	ul.dropdown-horizontal a:hover,
	ul.dropdown-horizontal li:hover,
	ul.dropdown-horizontal ul:hover,
	ul.dropdown-horizontal li:hover > *.dir, 
	ul.dropdown-horizontal ul:hover > *.dir,
	ul.dropdown-horizontal a:hover > *.dir,
	ul.dropdown-horizontal ul li:hover > *.dir
	{
	     color: navy; text-decoration: none;
	      }


ul.dropdown-horizontal li
{
    border-width: 0px 3px 0px 0px; /*   background-color: #B5D7F2;     Invalid Carriage blue */
    background-color: #A9B6D3; /* Purple Blue */
    color: white;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    font-weight: bold;
}

ul.dropdown-horizontal ul li
{
    background-color: #A9B6D3;
    color: white;
    border-width: 1px 1px 1px 1px;
   padding: 3px 3px 5px 3px; 
   margin: -1px 1px 0px -2px;
}


ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url('../Stylesheets/images/nav-arrow-right.png');
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url('../Stylesheets/images/nav-arrow-top.png');
 padding:0px;
}

 ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url('../Stylesheets/images/nav-arrow-right.png');
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url('../Stylesheets/nav-arrow-left.png');
 background-position: 0 50%;
}