#lowerbox {
    background-color: #ffe090;
}

#mainbox {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

#truebox {
    position: relative;
    width: 100%;
}

.lphoto {
    float: left;
    margin-bottom: 10px;
    padding-left: 60px;
/* nota: padding-left perchè margin-left in quel punto era considerato solo da ie6 */
}

.index {
    position: absolute;
    top: 0px;
    left: 350px;
    float: left;
    vertical-align: top;
}

.index h2 {
    margin-top: 0px;
    text-align: left;
}

.cvdate {
    font-style: italic;
    color: #944302;
 	border-bottom: 1px dotted #944302;
    width: 300px;
}

.cvrow {
    position: relative;
}

.cvleft {
    position: absolute;  /* fuori flusso perchè è l'elemento piccolo, absolute per non far scorrere cvright */
    left: 0px;
    top: 0;
    width: 170px;
}

/* per Internet Explorer 6, che per qualche motivo interpreta quanto sopra come "sovrapponi a cvright" */
/*\*/
* html .cvleft {
    left: -180px;
}
/* fine hack */

.cvright {   /* non è posizionato abs/rel in modo che guidi lo scorrimento degli elementi sotto, uso il margin */
    margin-top: 0px;
    margin-left: 180px;
}

.cvname {
    font-weight: bold;
}

.cvalias, .cvtitle {
    font-style: italic;
}

.hl {
    background-color: #ffff50;
}