ul{margin: 0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LEVEL ONE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.menu_dropdown
{
	position: relative;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 18px;
	z-index: 999;
	padding: 0 0 0px 0;
	background: #B3B3B3 url("../images/dropdown/bgnd_sel_1.jpg") repeat-x 0 0;
	height: 26px;
	border-bottom: 2px solid #000000;
}

ul.menu_dropdown li
{
	float: left;
	zoom: 1;
	list-style: none;
    background-image:url("../images/dropdown/grad_up2.png")
}


ul.menu_dropdown li a:link,
ul.menu_dropdown li a:visited
{
	display: block;
	padding: 4px 8px;
	border-right: 0px solid #D6999E;
	color: #111111;
	font-weight: bold;
	text-decoration: none;
}

ul.menu_dropdown li.hover,
ul.menu_dropdown li:hover
{
    font-weight: bold;
	position: relative; 
	background-image:url("../images/dropdown/bgnd_sel_2.jpg");
}

ul.menu_dropdown li:hover > ul
{
	visibility: visible;
}

ul.menu_dropdown li:last-child a
{
	border-right: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LEVEL TWO ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.menu_dropdown ul
{
	width: 192px;
	visibility: hidden;
	position: absolute;
	font-family: Tahoma;
	font-size: 11px;
	top: 100%;
	left: 0;
	background: #F0F0F0;
	padding: 0 0 0px 0;
	border: 1px solid #B8B8B8;
}

ul.menu_dropdown ul li
{
	font-weight: bold;
	border-bottom: 1px dotted #B8B8B8;
	float: none;
    border-left: 0px solid #B8B8B8;
}

ul.menu_dropdown ul li:last-child
{
	border-bottom: none;
}

ul.menu_dropdown ul li a:link,
ul.menu_dropdown ul li a:visited
{
	border-right: none;
	display: block;
	padding: 4px 8px;
	margin: 0;
	color: #111111;
}

ul.menu_dropdown ul li a:hover,
ul.menu_dropdown ul li a:active
{
	/*background: #272727;*/
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LEVEL THREE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.menu_dropdown ul ul
{
	left: 100%;
	top: 0;
}






/*
* 									{ margin: 0; padding: 0; }
body								{ font: 14px Helvetica, Sans-Serif; } 
#page-wrap							{ width: 800px; margin: 80px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }

ul.menu_dropdown                         { position: relative; }
ul.menu_dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #ccc; }
ul.menu_dropdown a:hover		            { color: #000; }
ul.menu_dropdown a:active                { color: #ffa500; }
ul.menu_dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #222; }
ul.menu_dropdown li:last-child a         { border-right: none; } 
ul.menu_dropdown li.hover,
ul.menu_dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.menu_dropdown li.hover a              { color: black; }

ul.menu_dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.menu_dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }

ul.menu_dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 


ul.menu_dropdown ul ul 					{ left: 100%; top: 0; }
ul.menu_dropdown li:hover > ul 			{ visibility: visible; }
*/