#content .nav  	{
		padding: 0; margin: 30px 0 0 80px;
		font-family: Arial, Helvetica, Sans-Serif;
		}
		
#content .nav  ul {		
		display: block;
		list-style: none;
		margin: -11px 0 0 0; padding: 0;
		border: 0; 
		}
			
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body #content .nav  ul {position: relative; top: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
#content .nav  ul li 	{
			position: relative; top: 0px; left: -11px;
			margin: 10px 0 5px 0; padding: 0; 
			border: 0;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			margin: 10px 0 5px 10px; 
			}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body #content .nav  ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

#content .nav  a, #content .nav  a:visited {
				width: 18.4em; height: 1.7em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				font-weight: bold; font-size: 115%; line-height: 1.7em; 
				text-indent: 0.5em; text-align: left; text-decoration: none;
				voice-family: "\"}\""; /* Gecko Stuff follows */
				margin: 0 0 0 -10px;
				}

#content .nav a:active, #content .nav a:hover, #content .nav a:focus,  #content a:focus .sffocus 	{padding: 1px;  line-height: 1.7em;}	

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body #content .nav  a { text-indent: 0; padding: 0 0 0 8px;}
html + body #content .nav a:visited {text-indent: 0; padding: 0 0 0 8px;}

	
#content .nav  ul ul {	
			padding: 12px 0 18px 0;
			background: none;
			}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body #content .nav  ul ul {position: relative; top: 0px; }
				
#content .nav  ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			left: 0px; 
			}
			
/* HACK >>> IE 5  */
html + body #content .nav  ul li li {position: relative; left: 12px; margin: 10px 0 5px 0;}

#content .nav  ul li .sub-sub {
			left: 10px;
			margin: 10px 0 0 1px;
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

#content .nav  ul ul a, #content .nav  ul ul a:visited 	{
					width: 16.68em; height: 1.63em;
					margin: 0;
					font-size: 120%; line-height: 1.63em; font-weight: normal; text-indent: 0.4em; 
					}

#content .nav ul ul a:active, #content .nav ul ul a:hover, #content .nav ul ul a:focus, #content .nav ul ul a:focus .sffocus {padding: 1px; line-height: 1.63em;}	

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body #content .nav  ul ul a { text-indent: 0; padding: 0 0 0 8px; font-weight: normal; margin: 0;}
html + body #content .nav ul ul a:visited { text-indent: 0; padding: 0 0 0 8px; font-weight: normal; margin: 0;}

#content .nav  ul ul ul {margin: 0 0 50px 12px; padding: 12px 0 0 0;}

#content .nav  ul li li li	{
			position: relative; top: 12px; left: 0px;
			margin: 10px 0 -5px 0; padding: 3px 0 0 20px; 
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body #content .nav  ul li li li {top: 13px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body #content .nav  ul li li li {top: 6px;}
																		
#content .nav  ul ul ul a, #content .nav  ul ul ul a:visited 	{
					width: 15.1em; height: 1.53em; line-height: 1.53em;
					padding: 1px;
					font-size: 125%; font-weight: normal;
					}
					
#content .nav ul ul ul a:active, #content .nav ul ul ul a:hover, #content .nav ul ul ul a:focus,  #content .nav ul ul ul a:focus .sffocus {padding: 1px; line-height: 1.53em;}	

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body #content .nav  ul ul ul a { text-indent: 0; padding: 0 0 0 8px; font-weight: normal; margin: 0;}
html + body #content .nav ul ul ul a:visited { text-indent: 0; padding: 0 0 0 8px; font-weight: normal; margin: 0;}