/* Horozontal Sprite Nav
 * ------------------------------------------------------------------------- */
#nav {
	background: url(../images/nav_02.gif) no-repeat;
	width:950px;
	height:42px;
	margin:0px;
	padding:0px;
	}
#nav ul{
	float: right;
}	

#nav span { display:none; }

#nav li, #nav a { height:42px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:block; }

#nav-01 { width:78px;}
#nav-02 { width:203px;}
#nav-03 { width:86px;}
#nav-04 { width:177px;}
#nav-05 { width:134px;}
#nav-06 { width:112px;}
#nav-07 { width:160px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background: url(../images/nav-o_02.gif) 0px 0px no-repeat; }
#nav-02 a:hover { background: url(../images/nav-o_02.gif) -78px 0px no-repeat; }
#nav-03 a:hover { background: url(../images/nav-o_02.gif) -281px 0px no-repeat; }
#nav-04 a:hover { background: url(../images/nav-o_02.gif) -367px 0px no-repeat; }
#nav-05 a:hover { background: url(../images/nav-o_02.gif) -544px 0px no-repeat; }
#nav-06 a:hover { background: url(../images/nav-o_02.gif) -678px 0px no-repeat; }
#nav-07 a:hover { background: url(../images/nav-o_02.gif) -790px 0px no-repeat; }


/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */
body#SPECIFY #nav-01 { background: url(../images/nav-o_02.gif) 0px 0px no-repeat;  }
body#SPECIFY #nav-02 { background: url(../images/nav-o_02.gif) -78px 0px no-repeat; }
body#SPECIFY #nav-03 { background: url(../images/nav-o_02.gif) -281px 0px no-repeat; }
body#SPECIFY #nav-04 { background: url(../images/nav-o_02.gif) -367px 0px no-repeat }
body#SPECIFY #nav-05 { background: url(../images/nav-o_02.gif) -544px 0px no-repeat; }
body#SPECIFY #nav-06 { background: url(../images/nav-o_02.gif) -678px 0px no-repeat; }
body#SPECIFY #nav-07 { background: url(../images/nav-o_02.gif) -790px 0px no-repeat; }