/* nav! */
.app-navigation {padding:15px 0px;}
.app-navigation ul { border-color:#DDDDDD; border-style:solid; border-width:0 0 1px 1px;font-size:1.1em; height:2.09em;}
.app-navigation ul li {background:#EFEFEF none repeat scroll 0 0;border-color:#DDDDDD; border-style:solid solid solid none; border-width:1px 1px 1px 0; float:left; margin-bottom:-0.1em;}
.app-navigation ul li a {color:#111111; display:block; letter-spacing:2px; line-height:1em; text-decoration:none; text-transform:uppercase; padding:0.545em 0.818em; white-space: nowrap;}
.app-navigation ul li a:hover {text-decoration:underline;}
.app-navigation .after-ul {clear:both;}

/* current page's tab */
body.page-index .app-navigation ul li.index {background:#FFFFFF none repeat scroll 0 0; border-bottom:0 none; padding-bottom:0.1em;}
body.page-index .app-navigation ul li.index a {cursor:default;}
body.page-index .app-navigation ul li.index a:hover {text-decoration:none;}
/* Add more just like this to your theme based on the css classes (li.CSSCLASS) that match the page URN (body.page-URN) */