/* Horozontal Sprite Nav
 * ------------------------------------------------------------------------- */
#nav2 {
	background: url(../images/topnav.jpg) no-repeat;
	width:293px;
	height:26px;
	margin:0px;
	padding:0px;
	float:right;
	}
#nav2 ul{
	float: right;
}	

#nav2 span { display:none; }

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

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

#nav2-01 { width:63px;}
#nav2-02 { width:105px;}
#nav2-03 { width:125px;}

.hide { display:none !important; }  .show { display:block !important; }

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav2-01 a:hover { background:url("../images/topnav-o.jpg") 0px 0px no-repeat; }
#nav2-02 a:hover { background:url("../images/topnav-o.jpg") -63px 0px no-repeat; }
#nav2-03 a:hover { background:url("../images/topnav-o.jpg") -168px 0px no-repeat; }


/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */
body#SPECIFY #nav2-01 { background:url("../images/nav.gif") -79px -30px no-repeat; }
body#SPECIFY #nav2-02 { background:url("../images/nav.gif") -158px -30px no-repeat; }
body#SPECIFY #nav2-03 { background:url("../images/nav.gif") -247px -30px no-repeat; }
body#SPECIFY #nav2-04 { background:url("../images/nav.gif") -341px -30px no-repeat; }
body#SPECIFY #nav2-05 { background:url("../images/nav.gif") -428px -30px no-repeat; }



/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */
#nav2 li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;			/* Fixes one px spacing for border-right in FF */
	background-color:#16264b;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	padding-left:0px !important;
	}
	
.arrow{
	background: url(../images/nav_sub.gif) center right no-repeat;}

#nav2 li ul li {
	height:20px; 				/* Height of each drop down nav item */
	border:1px solid #000;
	border-top:none;
	}	
	
#nav2 ul li ul{
	margin-left:250px;
	margin-top:-20px;}
	
#nav2 li ul li a {
	width:100%;
	height:20px;				/* Height of each drop down nav item, should match above */
	line-height:20px;			/* Height of each drop down nav item again, should match above */
	}

#nav2 li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav2 a:link, #nav2 a:visited, #nav2 a:hover, #nav2 a:active {
	font-size:.75em;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;

	}

#nav2 li:hover ul, #nav2 li.sfHover ul { left:auto; }

/* Hover styles for drop down items */
#nav2-01 ul a:hover, #nav2-02 ul a:hover, #nav2-03 ul a:hover, #nav2-04 ul a:hover, #nav2-05 ul a:hover, #nav2-06 ul a:hover {
	background-image:none;
	background-color:#b32227;
	color:#FFFFFF;
	text-decoration:none;
}
#nav2-02-sub-01 {margin-left: 169px !important;}
#nav2-02-sub-02 {margin-left: 169px !important; margin-top:-20px !important;}
#nav2-02-sub-02 {margin-left: 169px !important;}
#nav2-02-sub-03 {margin-left: 169px !important; margin-top:-20px !important;}
#nav2-02-sub-04 {margin-left: 169px !important;}
#nav2-02-sub-05 {margin-left: 169px !important; margin-top:-20px !important;}
#nav2-02-sub-06 {margin-left: 169px !important; margin-top:-20px !important;}

#nav2-03-sub-01 {margin-left: 189px !important;}
#nav2-03-sub-02 {margin-left: 189px !important; margin-top:-20px !important;}

#nav2 li:hover ul, #nav2 li.sfHover ul { left: auto; }

/* width of drop down nav - choose width that allows items to display on one line */
#nav2-01 ul, #nav2-01 li { width:120px; }	
#nav2-02 ul, #nav2-02 li { width:120px; }
#nav2-03 ul, #nav2-03 li { width:120px; }		
#nav2-04 ul, #nav2-04 li { width:162px; }
#nav2-05 ul, #nav2-05 li { width:115px; }		
#nav2-06 ul, #nav2-06 li { width:120px; }