body {
	margin: 0;
	margin: 0 auto;
	background: #f4f4f4 url('images/bg.gif') top center repeat-y;
	text-align:center;
}
#left{
        width: 155px;
        height: 100%;
        background: #fff;
        margin-top:7px;
         margin-right:3px;
        padding:2px;
}
  #right {
   text-align:center;
    margin-top:7px;

  }
  #titolo  {
	padding-bottom: 7px;
	padding-left: 7px;
	padding-top:12px;
	font-family: Georgia;
	font-size: 18px;
	color: #399729;
	border-bottom: 1px solid #EAEAEA;
}
#text  {
	height: auto;
	font-family: Verdana, Garamond;
	padding-top: 20px;
	padding-left:5px;
	padding-right:5px;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	margin-right:10px;
}
  #content {
     margin-top:7px;
     margin-right:5px;
	width: 500px;
	text-align: left;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	font-family: Verdana, Arial, sans-serif;
	line-height: 160%;
	color: #000000;
}
a img { border: 0; }
td.top {
        background-color: #999999;
        line-height: 26px;
        text-indent: 10px;
        font-size: 13px;
        font-weight: bold;
        font-family: tahoma;
        color: #ffffff;
    }
    td.section {
        padding: 6px 3px;
    }
    .bar-menu {
        -moz-user-select: none;
    }
    .bar-menu .box1 {
        background: url("images/tree-node.gif") no-repeat;
        padding-left: 19px;
        cursor: default;
    }
    .bar-menu .box1-open {
        background: url("images/tree-node-open.gif") no-repeat;
        padding-left: 19px;
        cursor: default;
    }
    .bar-menu .box1,
    .bar-menu .box1-open, {
        color: #000000;
        font-family: arial;
        font-size: 12px;
    }
    /* mozilla fix */
    html>body .bar-menu .box1,
    html>body .bar-menu .box1-open {
        color: #000000;
        font-family: arial;
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 1px;
    }
    /* ie fix */
    * html .bar-menu .box1,
    * html .bar-menu .box1-open {
        color: #000000;
        font-family: arial;
        font-size: 12px;
        height: 16px;
    }
    .bar-menu .section {
        font-family: arial;
        font-size: 12px;
        line-height: 16px;
        display: none;
    }
    .bar-menu .section a {
        color: #000000;
        text-decoration: none;
        white-space: nowrap;
    }
    .bar-menu .section a:hover {
        color: #0000ff;
        text-decoration: none;
        white-space: nowrap;
    }
    .bar-menu .box2 {
        background: url("images/tree-leaf.gif") no-repeat;
        padding-left: 19px;
    }
    .bar-menu .box2-last {
        background: url("images/tree-leaf-last.gif") no-repeat;
        padding-left: 19px;
    }
