[RESOLVED] indent sub list in navigation

I created a navigation from css that has sub menus.

[url]http://nucitytech.com/test/[/url]

The problem I’m having is that when I click on one of the main links called Group# that shows the sub menu the sub list are the same size as the main links. I want to style the sub list that have a class name of “show” indented from the main list and smaller font. I was able to get a smaller from but not the indent. Any ideas, thanks

[code]
body {font-family: Verdana, Arial, Helvetica, sans-serif;}

h1 {font-size: 24px;}
.cat
{
font-size: 14px;
margin: .2em 0;
color: #0d2474;
font-weight: bold;
text-align: left;
}

.nav {font-size: 12px; font-weight:bold;}
a:link, a:visited, a img {text-decoration: none; border: none;}
ul {list-style:none; margin: 0 0;}

.nav li a:hover {color: red;}
.nav li a
{
height: 2em;
line-height: 2em;
width: 10em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-align: center;
}

.show {display:inline; margin: 0 0; padding: 0 0;}
.hide {display:none;}
[/code]

Also in #CSS _↴