.project {
            font-weight:bold;
            font-size:1.2em;
        }
        .project a {
            font-style:none;
            color:black;
            text-decoration:none;
        }
        .project a:hover {
            font-style:italic;
            color:gray ;
        }

        .bubbleInfo {
            position: relative;
        }
        .popup {
            cursor:move;
         }      
        .popup {
            position: absolute;
            left:90px;
            top:30px;
            width:550px;
            display: none; /* keeps the popup hidden if no JS available */
            background:white;
            border: 4px solid black;
            padding: 10px;
            z-index:10;
            font-weight:normal;
        }
        .popup br{
            padding:0px;
            margin:0px;
            padding-top:.4em;
            padding-bottom:0;
        }
        .popup ul{
            list-style-type:circle;
            padding:0px;
            margin-left:15px;
        }
        .popup ul li{
            font-size:.85em;
            padding-top:3px;
            padding-left:4px;
        }
        .popup p{
            font-size:.85em;
            font-size:.85em;
            padding-top:3px;
        }
        .popup a{
            color:#990000;
        }

    #procesdiag {
            background-image:url('images/ProcessDiagramNoProjects.png'); 
            background-position:top left;
            background-repeat:no-repeat;
            height:376px;
            width:501px;
            position:relative;
        }
    .siyavula1 {
            position:absolute;
            left:127;
            top: 77;
        }       
    .siyavula1 .popup {
            background-image:url('images/SiyavulaSidebarVersion.png'); 
            background-repeat:no-repeat;
            background-position:top center;
            padding-top:87px;
        }
    .siyavula2 .popup {
            background-image:url('images/SiyavulaSidebarVersion.png'); 
            background-repeat:no-repeat;
            background-position:top center;
            padding-top:87px;
        }
    .fhsst .popup {
            background-image:url('images/FHSSTSidebarVersion.png'); 
            background-repeat:no-repeat;
            background-position:top center;
            padding-top:87px;
        }
    .openpress .popup {
            background-image:url('images/OpenPressSidebarVersion.png'); 
            background-repeat:no-repeat;
            background-position:top center;
            padding-top:87px;
        }
    .fullmarks .popup {
            background-image:url('images/FullMarksSidebarVersion.png'); 
            background-repeat:no-repeat;
            background-position:top center;
            padding-top:87px;
        }
    .cnx .popup {
            background-image:url('images/CNXSidebarVersion.png'); 
            background-repeat:no-repeat;
            background-position:top center;
            padding-top:87px;
        }
    .fhsst {
            position:absolute;
            left:127;
            top: 109;
        }       
    .openpress {
            position:absolute;
            left:281;
            top: 77;
        }       
    .cnx {
            position:absolute;
            left:281;
            top: 109;
        }       
    .fullmarks {
            position:absolute;
            left:215;
            top: 209;
        }       
    .siyavula2 {
            position:absolute;
            left:219;
            top: 244;
        }