/*STYLES FOR TOP NAVIGATION*/
#nav-example {
    background: url(images/nav_sprite.gif) no-repeat;
    width: 476px; /*width of entire navigation image*/
    height: 20px; /* height of navigation */
    margin: 0;
    padding: 0;
    }

#nav-example span {
	display: none; /*hides the text in the list items*/
	margin: 0; /*needed to override padding on inner header div*/
    padding: 0; /*needed to override padding on inner header div*/
    }

#nav-example li, #nav-example a {
    height: 20px; /* height of navigation */
    display: block;
	margin: 0; /*needed to override padding on inner header div*/
    padding: 0; /*needed to override padding on inner header div*/
    }

#nav-example li {
    float: left;
    list-style: none;
    display: inline;
	margin: 0; /*needed to override padding on inner header div*/
    padding: 0; /*needed to override padding on inner header div*/
    }

#articles {
    width: 88px; /*width of first articles link*/
	margin: 0; /*needed to override padding on inner header div*/
    padding: 0; /*needed to override padding on inner header div*/
    }
#bio {width: 110px;} /*width of second biography link*/
#patent {width: 187px;} /*width of third patent law link*/
#contact {width: 91px;} /*width of fourth contact link*/

#articles a:hover {background:url(images/nav_sprite.gif) 0px -20px no-repeat; } /* -20 moves background image 20 px up */
#bio a:hover {background:url(images/nav_sprite.gif) -88px -20px no-repeat; } /*set to minus width of first link*/
#patent a:hover {background:url(images/nav_sprite.gif) -198px -20px no-repeat; } /*set to minus width of first link plus second link*/
#contact a:hover {background:url(images/nav_sprite.gif) -385px -20px no-repeat; } /*set to minus width of first, plus second, plus third link*/

.active a:link, .active a:visited, .active a:visited, .active a:hover, .active a span, .active a:hover span{
	background:url(images/nav_sprite.gif) 0px -40px no-repeat; /*use in all articles pages to set selected state on specific li*/
	}
.active2 a:link, .active2 a:visited, .active2 a:visited, .active2 a:hover, .active2 a span, .active2 a:hover span{
	background:url(images/nav_sprite.gif) -88px -40px no-repeat; /*use in all bio pages to set selected state on specific li*/
	}
.active3 a:link, .active3 a:visited, .active3 a:visited, .active3 a:hover, .active3 a span, .active3 a:hover span{
	background:url(images/nav_sprite.gif) -198px -40px no-repeat; /*use in all patent law pages to set selected state on specific li*/
	}
.active4 a:link, .active4 a:visited, .active4 a:visited, .active4 a:hover, .active4 a span, .active4 a:hover span{
	background:url(images/nav_sprite.gif) -385px -40px no-repeat; /*use in all contact pages to set selected state on specific li*/
	}