@charset "utf-8";
/* CSS Document */

/**** navigation rollovers ****/

#navigation {
	/* Set the background for the entire navigation. 
        background-image: url(/bandl/media/images/topnav.gif);*/
	/* Keep it to the width of the image. */
        width: 951px;
	/* Remove margin and padding. */
        margin: 0;
	padding: 0;
	/* Make sure the floats (see <a>) don't screw up the layout. */
        overflow: hidden;
	zoom: 1;
	position: relative;
	top:40px;
	left:679px;
		    }

    #navigation li {
        /* Display all the <li>'s on one line. */
        display: inline;
    }

    #navigation li a {
	/* Set the width and height of the link. This can be the same for all
           links, or specific to each one if they vary in size. 
        width: 123px;
	    height: 57px;*/
	/* Hide the link text. */
        text-indent: -9999px;
	/* Need it to be a block element to set the size. */
        display: block;
	/* Float it so it being a block doesn't put each one on a separate line again. */
        float: left;
    }
	
	#navigation li.first a {
	/* Move the background up 25px to reveal the red hover state for First. */
        width: 48px;
	    height: 22px;
    }
	
	#navigation li.second a {
	/* Move the background up 25px to reveal the red hover state for First. */
        width: 85px;
	    height: 22px;
    }
	
	#navigation li.third a {
	/* Move the background up 25px to reveal the red hover state for First. */
        width: 73px;
	    height: 22px;
    }
	
	#navigation li.fourth a {
	/* Move the background up 25px to reveal the red hover state for First. */
        width: 63px;
	    height: 22px;
    }
	
	/*#navigation li.fifth a {
	 Move the background up 25px to reveal the red hover state for First. 
        width: 56px;
	    height: 22px;
    }*/

    #navigation li a:hover {
        /* When hovering the link now needs the background so we can position it over
           the navigations. */
        background-image: url(/bandl/media/images/topnav.gif);
		    }

    #navigation li.first a:hover {
	/* Move the background up 25px to reveal the red hover state for First. */
        background-position: -679px -103px;
    }

    #navigation li.second a:hover {
        /* Move the background up 25px and to the left 125px to reveal the red hover state for First. */
        background-position: -727px -103px;
    }

    #navigation li.third a:hover {
        /* Move the background up 25px and to the left 250px to reveal the red hover state for First. */
        background-position: -812px -103px;
    }
	
    #navigation li.fourth a:hover {
        /* Move the background up 25px and to the left 250px to reveal the red hover state for First. */
        background-position: -885px -103px;
    }

    /*#navigation li.fifth a:hover {
         Move the background up 25px and to the left 250px to reveal the red hover state for First. 
        background-position: -888px -103px;
    }*/