div.top-navigation#home ul
{
list-style-type         : none; 
margin                  : 0px 0px 20px 0px;
padding                 : 0px;
overflow                : hidden;
width                   : 980px;
}

div.top-navigation ul
{
list-style-type         : none; 
margin                  : 0px 0px 0px 0px;
padding                 : 0px;
overflow                : hidden;
width                   : 980px;
}

div.top-navigation ul li
{
display                 : block;
float                   : left;
}

div.top-navigation ul li a
{
height                  : 0px;
padding-top             : 42px;
background-image        : url(../images/generic/bg_master_nav_sub.gif);
display                 : block;
overflow                : hidden;
color                   : #336699;
}

div.top-navigation#home ul li a
{
height                  : 0px;
padding-top             : 42px;
background-image        : url(../images/generic/bg_master_nav.gif);
display                 : block;
overflow                : hidden;
color                   : #336699;
}

/* OFF */

div.top-navigation ul li a#nav-home
{
width                   : 124px;
background-position     : 0px 0px;
}

div.top-navigation ul li a#nav-about
{
width                   : 174px;
background-position     : -124px 0px;
}

div.top-navigation ul li a#nav-pro21
{
width                   : 182px;
background-position     : -298px 0px;
}

div.top-navigation ul li a#nav-news
{
width                   : 139px;
background-position     : -480px 0px;
}

div.top-navigation ul li a#nav-profiles
{
width                   : 182px;
background-position     : -619px 0px;
}

div.top-navigation ul li a#nav-contact
{
width                   : 159px;
background-position     : -801px 0px;
}

/* HOVER */

div.top-navigation ul li a#nav-home:hover
{
width                   : 124px;
background-position     : 0px -50px;
}

div.top-navigation ul li a#nav-about:hover
{
width                   : 174px;
background-position     : -124px -50px;
}

div.top-navigation ul li a#nav-pro21:hover
{
width                   : 182px;
background-position     : -298px -50px;
}

div.top-navigation ul li a#nav-news:hover
{
width                   : 139px;
background-position     : -480px -50px;
}

div.top-navigation ul li a#nav-profiles:hover
{
width                   : 182px;
background-position     : -619px -50px;
}

div.top-navigation ul li a#nav-contact:hover
{
width                   : 159px;
background-position     : -801px -50px;
}

/* ON */

div.top-navigation ul li a#nav-home.on
{
width                   : 124px;
background-position     : 0px -100px;
}

div.top-navigation ul li a#nav-about.on
{
width                   : 174px;
background-position     : -124px -100px;
}

div.top-navigation ul li a#nav-pro21.on
{
width                   : 182px;
background-position     : -298px -100px;
}

div.top-navigation ul li a#nav-news.on
{
width                   : 139px;
background-position     : -480px -100px;
}

div.top-navigation ul li a#nav-profiles.on
{
width                   : 182px;
background-position     : -619px -100px;
}

div.top-navigation ul li a#nav-contact.on
{
width                   : 159px;
background-position     : -801px -100px;
}

/* Sub nav */

div.sub-nav ul
{
list-style-type         : none;
margin                  : 5px 0px 5px 0px;
padding                 : 0px;
}

div.sub-nav#about ul
{
margin                  : 5px 0px 5px 150px;
}

div.sub-nav ul li
{
display                 : block;
float                   : left;
}

div.sub-nav ul li a
{
color                   : #336699;
font-size               : 75%;
text-decoration         : none;
padding-right           : 30px;
font-weight             : normal;
}

div.sub-nav ul li a.on
{
font-weight             : bold;
}