html {
font-family:"lucida sans unicode", "lucida grande", sans-serif;
padding:10px;
text-align:center;
background: #fff url(../images/jpg/degrade_2006_gris.jpg) repeat-x fixed 0 bottom;
background-position:0px 490px
}

body {
font-size:83%;
line-height:173%;
margin:0;
padding:3px;
text-align:center
}

h1 {
background-color:#fff;
border-width:0;
color:#666;
font-family:"lucida sans unicode", "lucida grande", sans-serif;
font-size:22px;
font-variant:small-caps;
font-weight:400;
letter-spacing:1.8pt;
line-height:1.9;
margin-left:65px;
margin-top:100px;
padding-left:5px;
padding-right:5px;
padding-top:0;
text-align:center;
text-decoration:underline;
top:450px;
width:320px;
word-spacing:0
}

p {
background-color:#eee;
border-width:0;
color:#333;
font-family:"lucida sans unicode", "lucida grande", sans-serif;
font-size:18px;
margin-left:50px;
margin-top:10px;
width:480px
}

p span {
font-size:10px
}

#container   { 
background: #transparent 
padding: 7px; 
border: solid 1px gray }

.nav 	 { 
margin: 50px 0 0 70px; 
padding: 0; 
overflow: visible }
		
.nav ul {		
		display: block;
		list-style: none;
		margin: -18px 0; padding: 0;
		border: 0; 
		}
		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .nav ul {position: relative; top: -12px; left: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.nav ul li 	{
			position: relative; top: -1px; 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 .nav ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

.nav a, .nav a:visited {
				width: 18.4em; height: 2em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				font-weight: bold; font-size: 110%; line-height: 2em; 
				text-indent: 0.4em; text-align: left; text-decoration: none;
				cursor: pointer;
				margin: 0 0 0 -10px;
				outline: none; 
				voice-family: "\"}\""; 				}

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

.nav ul ul {	
			padding: 20px 0 18px 0;
			background: none;
			position: relative; top: -1px;
			}

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

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

/* HACK >>> IE 5  */
html + body .nav ul li .sub-sub {left: 22px;}

.nav ul ul a, .nav ul ul a:visited 	{
					width: 15.9em; height: 1.8em;
					margin: 0;
					font-size: 110%; line-height: 1.8em; font-weight: normal; text-indent: 0.3em; 
					}
					
/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul a, html + body .nav ul ul a:visited {position: relative; top: 0px; left: -5px;}

.nav ul ul ul {margin: 0 0 34px 12px; padding: 8px 0 0 0;}

.nav ul li li li	{
			position: relative; top: 13px; left: 0px;
			margin: 10px 0 5px 0; padding: 0 0 0 20px; 
			}

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

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul li li li {top: 18px;}
																		
.nav ul ul ul a, .nav ul ul ul a:visited 	{
					width: 14.9em;
					padding: 1px;
					font-size: 100%;
					}
					
/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav ul ul a, html + body .nav ul ul a:visited {text-indent: 0; padding: 0 0 0 8px; }

/* HACK >>> IE 5  (text-indent for IE 5 (only in this styled Version)) */
html + body .nav ul li a .box-content {padding: 0.1em 0.1em 0.1em 0.5em; }

/* ### Global Settings >>> colors, borders and images  ### */
.nav 	 { border-style: none none none solid; border-width: 0 0 0 1px; border-color:    #808080 }
.nav ul li li	 { color: #000; background: url(../images/mapsite/line.gif) no-repeat left center }
.nav ul ul ul  { border-left: 1px solid #808080 }
.nav ul li .sub-sub  { background: url(../images/mapsite/line.gif) no-repeat left top }
.nav a, .nav a:visited	{color: #4F4F4F;}				
.nav a:active, .nav a:hover, .nav a:focus,  a:focus .sffocus 	{color: #FFF;}			
.nav ul ul a, .nav ul ul a:visited 	{color: #4F4F4F;}			
.nav ul ul a:active, .nav ul ul a:hover, .nav ul ul a:focus	{color: #FFF;}
	
/* inner box styling */
/* Level 1 */
.nav ul li .ro  { background: url(../images/mapsite/ro-01.gif) no-repeat right top; display: block; width: 100% }
.nav ul li .lo  { background: url(../images/mapsite/lo-01.gif) no-repeat left top; display: block; width: 100% }
.nav ul li .ru  { background: url(../images/mapsite/ru-01.gif) no-repeat right bottom; display: block; width: 100% }
.nav ul li .lu  { background: url(../images/mapsite/lu-01.gif) no-repeat left bottom; display: block; width: 100% }
.nav ul li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }

/* Level 2 + 3 */
.nav ul li li .ro  { background: url(../images/mapsite/ro-02.gif) no-repeat right top }
.nav ul li li .lo  { background: url(../images/mapsite/lo-02.gif) no-repeat left top }
.nav ul li li .ru  { background: url(../images/mapsite/ru-02.gif) no-repeat right bottom }
.nav ul li li .lu  { background: url(../images/mapsite/lu-02.gif) no-repeat left bottom }
.nav ul li li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }
/* Level 1 - 3 hover */
.nav ul li a:hover .ro  { background: url(../images/mapsite/ro_h.gif) no-repeat right top }
.nav ul li a:hover .lo  { background: url(../images/mapsite/lo_h.gif) no-repeat left top }
.nav ul li a:hover .ru  { background: url(../images/mapsite/ru_h.gif) no-repeat right bottom }
.nav ul li a:hover .lu  { background: url(../images/mapsite/lu_h.gif) no-repeat left bottom }