/************************************************
        * SPRITE BASED NAVIGATION BAR TECHNIQUE         *
        * Donwloaded from: http://www.mattvarone.com    *
        ************************************************/
        
        
        /* TOP NAVIGATION BAR 
        /////////////////////////////*/
        
        ul#topnav {	
        		width:					520px;
        		list-style:				none;
        		height:					28px;
        		margin:					0 auto; /* center nav in this demo */
	       		margin-top:				10px;
	       		border:					0px dotted #ff0000;

        }

        ul#topnav li {
        		display:				inline;
        }

        ul#topnav li a {
        		height:					28px;
        		float:					left;
        		text-indent:			-9999px;
        		text-decoration:		none;
        }




        ul#topnav li#topnav-1 a {
        		width:						61px;
        		background:					url(navtoprow.gif) no-repeat 0 -28px;
        }

        ul#topnav  li#topnav-1 a:hover {
        		background-position:		0 0px;
        }

        ul#topnav  li#topnav-1 a.current {
        		background-position:		0 -56px;
        }
        


        ul#topnav li#topnav-2 a {
        		width:						99px;
        		background:					url(navtoprow.gif) no-repeat -61px -28px;
        }

        ul#topnav  li#topnav-2 a:hover {
        		background-position:		-61px 0px;
        }

        ul#topnav  li#topnav-2 a.current {
        		background-position:		-61px -56px;
        }
        


        ul#topnav li#topnav-3 a {
        		width:						157px;
        		background:					url(navtoprow.gif) no-repeat -160px -28px;
        }

        ul#topnav  li#topnav-3 a:hover {
        		background-position:		-160px 0px;
        }

        ul#topnav  li#topnav-3 a.current {
        		background-position:		-160px -56px;
        }
        


        ul#topnav li#topnav-4 a {
        		width:						193px;
        		background:					url(navtoprow.gif) no-repeat -317px -28px;
        }

        ul#topnav  li#topnav-4 a:hover {
        		background-position:		-317px 0px;
        }

        ul#topnav  li#topnav-4 a.current {
        		background-position:		-317px -56px;
        }











        ul#topnavB {	
        		width:					520px;
        		list-style:				none;
        		height:					28px;
        		margin:					0 auto; /* center nav in this demo */
        		margin-top:				2px;

        }

        ul#topnavB li {
        		display:				inline;
        }

        ul#topnavB li a {
        		height:					28px;
        		float:					left;
        		text-indent:			-9999px;
        		text-decoration:		none;
        }




        ul#topnavB li#topnav-1 a {
        		width:						164px;
        		background:					url(navtoprowtwo.gif) no-repeat 0 -28px;
        }

        ul#topnavB  li#topnav-1 a:hover {
        		background-position:		0 0px;
        }

        ul#topnavB  li#topnav-1 a.current {
        		background-position:		0 -56px;
        }
        


        ul#topnavB li#topnav-2 a {
        		width:						113px;
        		background:					url(navtoprowtwo.gif) no-repeat -164px -28px;
        }

        ul#topnavB  li#topnav-2 a:hover {
        		background-position:		-164px 0px;
        }

        ul#topnavB  li#topnav-2 a.current {
        		background-position:		-164px -56px;
        }
        


        ul#topnavB li#topnav-3 a {
        		width:						113px;
        		background:					url(navtoprowtwo.gif) no-repeat -277px -28px;
        }

        ul#topnavB  li#topnav-3 a:hover {
        		background-position:		-277px 0px;
        }

        ul#topnavB  li#topnav-3 a.current {
        		background-position:		-277px -56px;
        }
        


        ul#topnavB li#topnav-4 a {
        		width:						130px;
        		background:					url(navtoprowtwo.gif) no-repeat -390px -28px;
        }

        ul#topnavB  li#topnav-4 a:hover {
        		background-position:		-390px 0px;
        }

        ul#topnavB  li#topnav-4 a.current {
        		background-position:		-390px -56px;
        }