menu of these pages

source

      <ul class="csc-menu csc-menu-def">
<li>
<a href="office-import/" title="office-import">office-import</a>
</li>
<li>
          <a href="fotoos/daan-lisa/" title="vage foto's">daan + lisa</a>
</li>
<li>
<a href="css/listamatic2/" title="my list-a-matic submission">listamatic2</a>
</li>
<li>
<a href="office-import/rlmp-officeimport/" title="robert doing his thang!">officeimport</a>
        </li>
<li>
<a href="office-import/dbal/" title="The DBAL will provide an interface to Typo3 to use different DBMS.">dbal</a>
</li>
</ul>

stylesheet

stylesheet

/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
.csc-menu a {
	color: #008080;
	text-decoration: none;
}

.csc-menu a:hover {
	text-decoration: underline;
}

ul.csc-menu {
	list-style-type: none;
}

/* ul.csc-menu li {
	margin-left: 30px;
	padding-left: 5px;
	font-size: 14px;
} */

ul.csc-menu li.csc-section {
	font-weight: normal;
	margin-left: 40px;
	font-style: italic;
}

ul.csc-menu li A {
	color: #000;
}
/* Menu / Sitemap, "Menu of these pages" */
.csc-menu-def {
	padding: 0 1px 1px;
	font: bold 12px Verdana, sans-serif;
	background: gray;
	width: 13em;
}

.csc-menu-def li{
	list-style: none;
	margin: 0;
	border-top: 1px solid gray;
	text-align: left;
}

.csc-menu-def li a{
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #AAB;
	background: #CCD;
	text-decoration: none;
}

.csc-menu-def li a:link { 
	color: #448; 
}
	
.csc-menu-def li a:visited { 
	color: #667; 
}

.csc-menu-def li a:hover{
	border-color: #FE3;
	color: #FFF;
	background: #332;
	text-decoration: none;
}

Valid XHTML 1.0!