/*global navigation
-------------------------------------------------*/
#nav   {
list-style: none;
margin: 20px;
padding: 0;
width: 160px;
}

#nav li {
width: 160px;
height: 30px;
margin: 0 0 3px 0;
text-indent: -9999px;
background-color: #fcc;
	}

#nav li a {
text-decoration: none;
display: block;
width: 160px;
height: 30px;
background-color: #fcc;
	}

#nav li#about a {
background: url(menu/about_off.gif) no-repeat;
	}

#nav li#news a {
background: url(menu/news_off.gif) no-repeat;
	}

#nav li#works a  {
background: url(menu/works_off.gif) no-repeat;
}

#nav li#links a {
background: url(menu/links_off.gif) no-repeat;
	}

#nav li#site a {
background: url(menu/site_off.gif) no-repeat;
	}

#nav li#contact a {
background: url(menu/contact_off.gif) no-repeat;
	}

#nav li#nao a {
background: url(menu/nao_off.gif) no-repeat;
	}

#nav li#about, #nav li#about a:hover {
background: url(menu/about_on.gif) no-repeat;
	}

#nav li#news, #nav li#news a:hover {
background: url(menu/news_on.gif) no-repeat;
	}

#nav li#works, #nav li#works a:hover {
background: url(menu/works_on.gif) no-repeat;
	}

#nav li#links, #nav li#links a:hover {
background: url(menu/links_on.gif) no-repeat;
	}

#nav li#site, #nav li#site a:hover {
background: url(menu/site_on.gif) no-repeat;
	}

#nav li#contact, #nav li#contact a:hover {
background: url(menu/contact_on.gif) no-repeat;
	}
	
#nav li#nao, #nav li#nao a:hover {
background: url(menu/nao_on.gif) no-repeat;
	}
	
	/*sub navigation
-------------------------------------------------*/
#subnav ul     {
color: #c36;
border-left: 1px solid #000080;
margin: 0 0 12px;
padding: 0;
line-height: 1.2;
}

#subnav ul li        {
display: inline;
padding: 0 5px;
border-right: 1px solid #000080;
}

#subnav ul li  span    {
color: #fff;
background-color: #000080;
text-decoration: none;
}

#subnav ul li  a   {
color: #000080;
}

#subnav ul li  a:hover   {
color: #fff;
background-color: #000080;
text-decoration: none;
}