html,body { margin:0px;padding:0px;height:100%; }

body {
	font-family:           Arial, Helvetica, sans-serif;
	font-size:             12px;
	background-color:      #4466dd;
}

div#content {
	min-height:           100%;
	height:               auto;
}

div#top {
	position:         absolute;
	z-index:          99;
	left:             0px;
	top:              0px;
	width:            100%;
	height:           260px;
	text-align:       center;
	color:            #4466dd;
}
		
		div#top div.background {
			top:                  0px;
			margin-left:          27px;
			margin-right:         27px;
		height:               260px;
		background:           url(../immagini/body_border_top.gif) left top repeat-x;
		background-color:     #ffffff;
	}

	div#top div.lefttop {
			position:             absolute;
			left:                 20px;
			top:                  0px;
			width:                368px;
			height:               35px;
			color:                #4466dd;
			background-color:     #ffffff;
		}
		
			div#top div.lefttop div.body {
				position:             absolute;
				padding-left:         11px;
				top:                  0px;
				left:                 0px;
				width:                358px;
				height:               26px;
				color:                #ffffff;
				background:           url(../immagini/body_border_top.gif) right bottom repeat-x;
				background-color:     #4466dd;
			}
			
				div#top div.lefttop div.body div#clock {
					position:             absolute;
					top:                  4px;
					left:                 0px;
					width:                347px;
					text-align:           center;
					font-weight:          bold;
				}
			
			
			div#top div.lefttop div.left {
				position:             absolute;
				left:                 0px;
				top:                  0px;
				width:                11px;
				height:               35px;
				background:           url(../immagini/body_border_topleft.gif) right bottom no-repeat;
			}
			
			div#top div.lefttop div.right {
				position:             absolute;
				left:                 348px;
				top:                  0px;
				width:                22px;
				height:               35px;
				background:           url(../immagini/body_border_top_rightend.gif) right bottom repeat-x;
				background-color:     #ffffff;
			}
	
	div#top div.righttop {
		position:             absolute;
		right:                20px;
		top:                  0px;
		width:                11px;
		height:               2px;
		background:           url(../immagini/body_border_top.gif) left top repeat-x;
	}
	
	div#top div.leftborder {
		position:             absolute;
		left:                 20px;
		top:                  30px;
		width:                11px;
		height:               230px;
		background:           url(../immagini/body_border_left.gif) left top repeat-y;
		background-color:     #ffffff;
	}
	
	div#top div.leftbottomborder {
		position:             absolute;
		left:                 20px;
		top:                  243px;
		width:                23px;
		height:               17px;
		background:           url(../immagini/body_border_lift_lefttop.gif) left top no-repeat;
	}
		
	div#top div.rightborder {
		position:             absolute;
		right:                20px;
		top:                  2px;
		width:                11px;
		height:               258px;
		background:           url(../immagini/body_border_right.gif) right top repeat-y;
		background-color:     #ffffff;
	}
	
	div#top div.cartina_mondo {
		position:             absolute;
		left:                 22px;
		top:                  25px;
		width:                340px;
		height:               210px;
		background-color:     #ffffff;
		background:           url(../immagini/top_cartina_mondo.gif) left top no-repeat;
	}
		div#top div.cartina_mondo div.animazione {
			width:                340px;
			height:               245px;
			background:           url(../immagini/top_cartina_mondo_tratte.gif) right top no-repeat;
		}
	
	div#top div.cartina_europa {
		position:             absolute;
		right:                22px;
		top:                  2px;
		width:                340px;
		height:               245px;
		background:           url(../immagini/top_cartina_europa.gif) right top no-repeat;
	}
		div#top div.cartina_europa div.animazione {
			width:                340px;
			height:               245px;
			background:           url(../immagini/top_cartina_europa_tratte.gif) right top no-repeat;
		}
	
	div#top img.logo {
		position:             absolute;
		top:                  25px;
		margin-left:          -130px;
		text-align:           center;
	}
	

div#content {
}

	div#content div.leftborder {
		padding-left:         11px;
		background:           url(../immagini/body_border_left.gif) left top repeat-y;
		background-color:     #ffffff;
		margin-top:           260px;
		margin-left:          40px;
		margin-right:         181px;
	}
		
		div#content div.leftborder div.rightborder {
			background:           url(../immagini/body_border_right.gif) right top repeat-y;
			background-color:     #ffffff;
			padding-right:        11px;
			width:                100%;
		}
		
			div#content div.leftborder div.rightborder div.body {
				width:                100%;
				background-color:     #ffffff;
				text-align:           justify;
			}
			
			div#content div.leftborder div.rightborder div.footer {
				margin-left:           -9px;
				margin-right:          -9px;
				padding-top:           3px;
				height:                20px;
				background:            url(../immagini/body_border_bottom.gif) right bottom repeat-x;
				text-align:            right;
			}
				div#content div.leftborder div.rightborder span {
					padding-right:          8px;
					font-weight:            bold;
					color:                  #264c98;
				}
				
					div#content div.leftborder div.rightborder span a {
						text-decoration:        none;
						color:                  #264c98;
					}
			
div#rightmenu {
	position:             absolute;
	z-index:              100;
	clear:                none;
	float:                right;
	top:                  260px;
	right:                20px;
	width:                150px;
	text-align:           left;
	background:           url(../immagini/body_border_right.gif) right top repeat-y;
	background-color:     #003088;
	font-size:            15px;
	font-weight:          bold;
}
	div#rightmenu div.top {
		position:             absolute;
		background:           url(../immagini/body_border_top.gif) left top repeat-x;
		width:                100%;
		top:                  0px;
		left:                 0px;
		height:               2px;
	}
	div#rightmenu div.topleft {
		position:             absolute;
		background:           url(../immagini/body_border_topleft2.gif) left top no-repeat;
		width:                6px;
		height:               6px;
		left:                 -3px;
		top:                  0px;
	}
	
	div#leftmenu.over div.menu ul,
	div#rightmenu ul {
		list-style-type:     none;
		margin:              0px;
		padding:             5px;
		padding-left:        10px;
		color:               #ffffff;
	}
	
		div#rightmenu ul li,
		div#leftmenu.over div.menu ul li {
			padding: 0px; 
			margin:  0px;
			display: inline;
			color:   #888888;
		}
		
		div#leftmenu.over div.menu ul li {
			line-height: 18px;
		}
		
		div#rightmenu ul li {
			line-height: 20px;
		}
			
			div#leftmenu.over div.menu ul li span,
			div#rightmenu ul li span {
				color: #888888;
				text-decoration: none;
				display: block;
			}
			
			div#leftmenu.over div.menu ul li b,
			div#rightmenu ul li b {
				color: #ffff00;
				text-decoration: none;
				display: block;
			}
			div#leftmenu.over div.menu ul li a,
			div#rightmenu ul li a {
				color: #ffffff;
				text-decoration: none;
				display: block;
			}
			
			div#leftmenu.over div.menu ul li a:hover,
			div#rightmenu ul li a:hover {
				color: #ffff00;
				cursor: pointer;
			}
/* RED */			
			div#rightmenu ul li.red span,
			div#rightmenu ul li.red b,
			div#rightmenu ul li.red a {	
				margin-left: -9px;
				padding-left: 8px;
				margin-right: -2px;
				padding-right: 2px;
				padding-top: 2px;
				padding-bottom: 2px;
				border-left: 1px solid #ffffff;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				background-color: #ff0000;
			}
			
			div#rightmenu ul li.red b {
				color: #ffff00;
			}
						
			div#rightmenu ul li.red a:hover {
				color: #ffff00;
				cursor: pointer;
			}
			
/* ORANGE */
			div#rightmenu ul li.orange span,
			div#rightmenu ul li.orange b,
			div#rightmenu ul li.orange a {	
				margin-left: -9px;
				padding-left: 8px;
				margin-right: -2px;
				padding-right: 2px;
				padding-top: 2px;
				padding-bottom: 2px;
				border-left: 1px solid #ffffff;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				background-color: #fb721f;
			}
			div#rightmenu ul li.orange b {
				color: #ffff00;
			}
			
			div#rightmenu ul li.orange a,
			div#rightmenu ul li.orange a:hover {
				cursor: pointer;
			}
			
			div#rightmenu ul li.orange a:hover {
				color: #ffff00;
			}
			
/* YELLOW */
			div#rightmenu ul li.yellow span,
			div#rightmenu ul li.yellow b,
			div#rightmenu ul li.yellow a {	
				margin-left: -9px;
				padding-left: 8px;
				margin-right: -2px;
				padding-right: 2px;
				padding-top: 2px;
				padding-bottom: 2px;
				border-left: 1px solid #ffffff;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				background-color: #fbfb00;
				color:            #444444;
			}
			
			div#rightmenu ul li.yellow b {
				color: #000000;
			}	
			
			div#rightmenu ul li.yellow a:hover {
				color: #000000;
				cursor: pointer;
			}
			
/* SILVER */
			div#rightmenu ul li.silver span,
			div#rightmenu ul li.silver b,
			div#rightmenu ul li.silver a {	
				margin-left: -9px;
				padding-left: 8px;
				margin-right: -2px;
				padding-right: 2px;
				padding-top: 2px;
				padding-bottom: 2px;
				border-left: 1px solid #ffffff;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				background-color: #C0C0C0;
				color:            #444444;
			}
			
			div#rightmenu ul li.silver b {
				color: #000000;
			}	
			
			div#rightmenu ul li.silver a:hover {
				color: #000000;
				cursor: pointer;
			}
			
/* GREEN */
			div#rightmenu ul li.green span,
			div#rightmenu ul li.green b,
			div#rightmenu ul li.green a {	
				margin-left: -9px;
				padding-left: 8px;
				margin-right: -2px;
				padding-right: 2px;
				padding-top: 2px;
				padding-bottom: 2px;
				border-left: 1px solid #ffffff;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				background-color: #008000;
				color:            #dddddd;
			}
			
			div#rightmenu ul li.green b {
				color: #000000;
			}	
			
			div#rightmenu ul li.green a:hover {
				color: #000000;
				cursor: pointer;
			}
			

/* aqua */
			div#rightmenu ul li.aqua span,
			div#rightmenu ul li.aqua b,
			div#rightmenu ul li.aqua a {	
				margin-left: -9px;
				padding-left: 8px;
				margin-right: -2px;
				padding-right: 2px;
				padding-top: 2px;
				padding-bottom: 2px;
				border-left: 1px solid #ffffff;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				background-color: #00FFFF;
				color:            #444444;
			}
			
			div#rightmenu ul li.acqua b {
				color: #000000;
			}	
			
			div#rightmenu ul li.acqua a:hover {
				color: #000000;
				cursor: pointer;
			}

/* LIME */
			div#rightmenu ul li.lime span,
			div#rightmenu ul li.lime b,
			div#rightmenu ul li.lime a {	
				margin-left: -9px;
				padding-left: 8px;
				margin-right: -2px;
				padding-right: 2px;
				padding-top: 2px;
				padding-bottom: 2px;
				border-left: 1px solid #ffffff;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				background-color: #00ff00;
				color:            #444444;
			}
			
			div#rightmenu ul li.lime b {
				color: #000000;
			}	
			
			div#rightmenu ul li.lime a:hover {
				color: #000000;
				cursor: pointer;
			}

			
	div#rightmenu div.bottom {
		background:           url(../immagini/body_border_bottom.gif) left bottom repeat-x;
		background-color:     #003088;
		height:               6px;
		width:                100%;
	}
		 div#rightmenu div.bottom div.right {
			position:             absolute;
			background:           url(../immagini/body_border_bottomright2.gif) right top no-repeat;
			right:                0px;
			width:                6px;
			height:               6px;
		}
			
div#leftmenu {
	position:     absolute;
	z-index:      100;
	top:          243px;
	left:         20px;
	margin-left:  0px;
	margin-right: 10px;
	text-align:   left;
	font-size:    13px;
	font-weight:  bold;
}
	div#leftmenu.out div.lift {
		display:     block;
		padding:     5px;
		padding-top: 13px;
		font-size:   14px;
	}
	div#leftmenu.out div.menu {
		display:none;
	}
	
	div#leftmenu.over {
		position: absolute;
	}
	
	div#leftmenu.over div.lift {
		display:none;
	}
	div#leftmenu.over div.menu {
		display:block;
		background:       url(../immagini/body_border_left.gif) right top repeat-y;
		background-color: #4466dd; 
		width:            120px;
	}
	
	div#leftmenu.over div.menu div.top{
		position:         absolute;
		background-color: #4466dd;
		height:           15px;
		width:            100%;
	}
		
		div#leftmenu.over div.menu div.top div.border {
			position:         absolute;
			height:           10px;
			background:       url(../immagini/body_border_bottom.gif) left bottom repeat-x;
			background-color: #ffffff;
			width:            100%;
		}
		
		div#leftmenu.over div.menu div.top div.left {
			position:         absolute;
			top:              0px;
			left:             0px;
			height:           10px;
			width:            12px;
			background:       url(../immagini/body_border_bottomleft.gif) left bottom no-repeat;
		}
		div#leftmenu.over div.menu div.top div.right {
			position:         absolute;
			top:              0px;
			right:            0px;
			height:           15px;
			width:            9px;
			background:       url(../immagini/body_border_topright2.gif) right bottom no-repeat;
			background-color: #ffffff;
		}
		
	div#leftmenu.over div.menu div.bottom{
			position:         absolute;
			width:            100%;
	}	
	
		div#leftmenu.over div.menu div.bottom div.top {
			position:         absolute;
			background:       url(../immagini/body_border_top.gif) left bottom repeat-x;
			background-color: #4466dd;
			height:           6px;
			width:            100%;
		}
		
			div#leftmenu.over div.menu div.bottom div.top div.right {
				position:             absolute;
				top:                  0px;
				right:                0px;
				width:                6px;
				height:               6px;
				background:           url(../immagini/body_border_bottomright3.gif) right top no-repeat;
				background-color:     #ffffff;
			}
		
		div#leftmenu.over div.menu div.bottom div.left {
			position:             absolute;
			top:                  0px;
			left:                 0px;
			width:                20px;
			height:               9px;
			background-color:     #4466dd;
		}
		div#leftmenu.over div.menu div.bottom div.leftend{
			position:             absolute;
			top:                  3px;
			left:                 20px;
			width:                7px;
			height:               7px;
			background:           url(../immagini/body_border_bottomleft3.gif) right top no-repeat;
		}
	div#leftmenu.over div.menu div.title {
		padding-top: 15px;
	}
	
	div#leftmenu.out div.lift,
	div#leftmenu.over div.menu div.title {
		font-size:      12px;
		font-weight:    bold;
		text-align:     center;
		padding-bottom: 5px;
	}
	
	div#leftmenu.out div.lift {
		padding-top:    15px;
		color:          #ffff00;
	}
	div#leftmenu.over div.menu div.title {
		color:          #0000ff;
		color:          #ffff00;
	}