AjaxLine

Antonio Lupetti post an intresting article in which he shows how to create pastel color menu with dynamic submenu using CSS. Here's the navigation CSS example from this article:

CSS

ul, li{border:0; padding:0; margin:0; list-style:none;}

/* ----------- Navigation ----------- */

#top-navigation{

background:url(img/topnav-bg.gif) repeat-x;

width:auto;

height:48px;

margin:0 auto;

}

#navigation{

background:url(img/nav-bg.gif) repeat-x;

height:32px;

margin:0 auto;

width:auto;

}

#navigation ul{

height:32px;

line-height:32px;

}

#navigation ul li{

display:inline;

}

#navigation ul li a,

#navigation ul li a:visited {

background:url(img/line-a.gif) right no-repeat;

padding:0 20px;

display:block;

text-decoration:none;

float:left;

color:#4261df;

font-weight:bold;

text-shadow:#ffffff 2px 2px 2px;

}

#navigation ul li a:hover{

color:#1532a5;

}

Source: woork.