/* taken from the w3.org website - verbatim

/* Properties that both side lists have in common */

div.link-list {
        width:10.2em;
        position:absolute;
        top:100;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}

/* we leave some place on the side using the margin-* properties */

#centro {
        margin-left: 10.2em;
        margin-right: 10.2em;
        padding-left: 1em;
        padding-right: 1em;
}

/* and then we put each list on its place */

#list1 {
        left:0;
}
#list2 {
        right:0;
}

/* for /courses.php page explanation divs */

#english-course {
float: left;
width: 360px;
height: 100%;
border-width:1px; 
border-style:solid;
border-color:navy;
padding-left:5px;
}

#spanish-course {
border-width:1px; 
border-style:solid;
border-color:navy;
padding-left:5px;
}