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

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

#mainnav {
	/* Set the background for the entire navigation. 
        background-image: url(/bandl/media/images/main_nav.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:1px;
	left:147px;
		    }

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

    #mainnav 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;
    }
	
	#mainnav li.first_mn a {
	/* Move the background up 25px to reveal the red hover state for First. */
        width: 99px;
	    height: 39px;
    }
	
	#mainnav li.second_mn a {
	/* Move the background up 25px to reveal the red hover state for First. */
        width: 165px;
	    height: 39px;
    }
	
	#mainnav li.third_mn a {
	/* Move the background up 25px to reveal the red hover state for First. */
        width: 103px;
	    height: 39px;
    }
	
	#mainnav li.fourth_mn a {
	/* Move the background up 25px to reveal the red hover state for First. */
        width: 108px;
	    height: 39px;
    }
	
	#mainnav li.fifth_mn a {
	/* Move the background up 25px to reveal the red hover state for First. */
        width: 90px;
	    height: 39px;
    }

	#mainnav li.sixth_mn a {
	/* Move the background up 25px to reveal the red hover state for First. */
        width: 98px;
	    height: 39px;
    }

    #mainnav 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/main_nav.gif);
		    }

    #mainnav li.first_mn a:hover {
	/* Move the background up 25px to reveal the red hover state for First. */
        background-position: -147px -121px;
    }

    #mainnav li.second_mn a:hover {
        /* Move the background up 25px and to the left 125px to reveal the red hover state for First. */
        background-position: -246px -121px;
    }

    #mainnav li.third_mn a:hover {
        /* Move the background up 25px and to the left 250px to reveal the red hover state for First. */
        background-position: -411px -121px;
    }
	
    #mainnav li.fourth_mn a:hover {
        /* Move the background up 25px and to the left 250px to reveal the red hover state for First. */
        background-position: -514px -121px;
    }

    #mainnav li.fifth_mn a:hover {
        /* Move the background up 25px and to the left 250px to reveal the red hover state for First. */
        background-position: -622px -121px;
    }
	
	    #mainnav li.sixth_mn a:hover {
        /* Move the background up 25px and to the left 250px to reveal the red hover state for First. */
        background-position: -712px -121px;
    }