/*********************************************/
/***************** TOPNAV STYLES *************/
/*********************************************/

/* - Top Nav - */
ul#topnav {
z-index: 999;
position: relative;
width: 640px;
height: 33px;
padding: 0 0 10px 0;
margin: 0 auto;
text-transform: uppercase;
}

ul#topnav li {
float: left;
list-style-type: none;
}

ul#topnav li a,
ul#topnav li a:link,
ul#topnav li a:visited,
ul#topnav li a:active,
ul#topnav li a:hover {
display: block;
color: #fff;
height: 33px;
text-decoration: none;
text-indent: -9999px;
overflow: hidden;
}

ul#topnav li.nav_home a {
background: transparent url(../images/nav-home.gif) no-repeat 50% 0;
width: 86px;
}

ul#topnav li.nav_practice a {
background: transparent url(../images/nav-practice.gif) no-repeat 50% 0;
width: 184px;
}

ul#topnav li.nav_why a {
background: transparent url(../images/nav-why.gif) no-repeat 50% 0;
width: 108px;
}

ul#topnav li.nav_history a {
background: transparent url(../images/nav-history.gif) no-repeat 50% 0;
width: 129px;
}

ul#topnav li.nav_resources a {
background: transparent url(../images/nav-resources.gif) no-repeat 50% 0;
width: 119px;
}

ul#topnav li.nav_seminar a {
background: transparent url(../images/nav-seminar.gif) no-repeat 50% 0;
width: 193px;
}

ul#topnav li.nav_contact a {
background: transparent url(../images/nav-contact.gif) no-repeat 50% 0;
width: 126px;
}

ul#topnav li a:active,
ul#topnav li a:hover,
ul#topnav li.current a {
background-position: 0px -33px;
}

ul#topnav .menu {
position: absolute;
top: 32px;
background: #920825 url(../images/nav-menu.gif) repeat-x 50% 0;
padding: 0;
text-align:left;
}

/* Sub Nav */
ul#topnav .menu ul {
float: left;
display: inline;
margin: 0;
padding: 0;
}

ul#topnav .menu ul li {
float: none;
background-image: none;
border: none
}

ul#topnav .menu ul li a, ul#topnav .menu ul li a:link, ul#topnav .menu ul li a:visited {
color: #fff;
width: 240px;
height: 100%;
font-size: 12px;
font-weight: normal;
padding: 5px 10px;
background: none;
line-height: 18px;
text-decoration: none;
text-indent:0;
}

ul#topnav .menu ul li a:active, ul#topnav .menu ul li a:hover {
color: #fff;
background: #430006;
background-image: none;
text-decoration: none;
}

ul#topnav .menu ul li a:active {
background-color: transparent;
}

ul#topnav li .menu {
display: none;
}

ul#topnav li:hover .menu, ul#topnav li.over .menu {
display: block;
}


