/* 
	NAV 
*/
div#nav 					{ float: left; width: 211px; display: inline; padding:0px 0px 0px 0px; }
* html div#nav 				{ /* hide ie/mac \*/ height: 1%; /* end hide */ }
div#nav div.wrapper 		{ width: 100%; }
div#nav ul 					{ width: 100%; margin: 0; padding: 0; line-height: 1em; list-style: none; }
div#nav li 					{ display: block; margin:0 0 4px 0; padding: 0; list-style: none; line-height: 1em;
							position:relative; }
* html div#nav li 			{ /* hide ie/mac \*/ height: 1%; /* end hide */ }
div#nav li.last 			{ }

div#nav a,
div#nav a:link,
div#nav a:active,
div#nav a:visited 			{ display: block; font-weight: bold; text-decoration: none; margin: 0; padding:5px 11px 5px 28px;		
							color: #fff; background:#8e8e8e url(../gui/bg_nav_item.png) bottom left repeat-x;
							text-transform:uppercase; font-weight:bold; }
div#nav span.arrow			{ background:url(../gui/nav_icon.png) top left no-repeat; width:10px; height:21px;
							display:block; position:absolute; top:0; left:11px; }
div#nav a:hover 			{ background:#565656 url(../gui/bg_nav_item_over.png) bottom left repeat-x; }
div#nav a:hover span.arrow	{ background:url(../gui/nav_icon_over.png) top left no-repeat; }

div#nav li li				{ margin:0; }
div#nav li li a,
div#nav li li a:link,
div#nav li li a:active,
div#nav li li a:visited		{ color:#fff; background:#a6a6a6; }
div#nav li li a:hover,
div#nav li li a.current		{ color:#fff; background:#ccc; }
div#nav li li a span.arrow	{ display:none; }
div#nav li.current_section ul{ display:block; }
div#nav li ul				{ display:none; }
