/*************************
New drop down navigation is a jQuery based version. 
To see original script by Chris Coiyer used as a template go to:
http://css-tricks.com/simple-jquery-dropdowns/

Significant code adjustments are noted with a TN: before them. Adjustments made by Take Notice, Inc.
***************************/

#navbar {
	height: 28px;
	padding: 0;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #B29A84;
}
	
#navbar-inner {
}

ul.dropdown, ul.dropdown ul, ul.dropdown ul ul	{ 
	list-style: none; 
}

/* 
	LEVEL ONE
*/

ul.dropdown                         { position: relative; padding:0; margin:0; z-index:1}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; }
ul.dropdown a:hover		            { color: #fff; }
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { display: block; padding: 5px 6px 5px 6px;
	 								  color: #fff; text-decoration: none; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */

ul.dropdown li.hover,
ul.dropdown li:hover                { background: #117f91; color: #ffffff; position: relative; }
ul.dropdown li.hover a              { color: #fff; }

ul.dropdown li.current				{ background: #117f91; color: #ffffff; position: relative; }


/* 
	LEVEL TWO
*/

/* TN: added padding 0 and margin 0 to ul.dropdown ul in order to move sub nav over to left side of main nav alignment */
ul.dropdown ul 						{ width: 180px; visibility: hidden; position: absolute; top: 100%; left: -1px; padding: 0; margin:0;}
ul.dropdown ul li 					{ font-weight: normal; 
									  background: #B29A84; color: #fff; 
									  border-bottom: 1px solid #117f91; 
									  border-right: 1px solid #117f91; 
									  border-left: 1px solid #117f91;  
									  float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 
ul.dropdown ul li:hover			    { background: #117f91; color: #fff;}
ul.dropdown ul li.hover a           { color: #fff; }

/* 
	LEVEL THREE
*/

ul.dropdown ul ul 					{ left: 100%; top: 0; padding:0; margin:0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/* TN: removed trigger scripting with downward arrow since this was not part of the design for M5 Services */