/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */
#nav {
	background: url(../images/nav/government.gif) no-repeat left top;					
	width:173px;		/* Width of buttons, not entite image (or half of entire image) */
	height:180px;		/* Height of entire image */
	margin:0;
	padding:0;
	}

#nav li span { display: none; }

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

#nav li, #nav a { 
	height:30px;			/* Each button must have the same height, define it here */
	display:block;
	line-height:30px;
	margin:0px !important;
	}
	
.hide { display:none !important; }  .show { display:block !important; }

/* margin-top to set where the nav should begin */
#nav-01 { margin-top:0px; width:173px; }


/* margin-top if there is a spacing between each nav button */
#nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07, #nav-08, #nav-09, #nav-10 { margin-top:0px !important; width:173px;}

#nav-01 a:hover { background: url(../images/nav/government-o.gif) 0px  0px no-repeat; }
#nav-02 a:hover { background: url(../images/nav/government-o.gif) 0px  -30px no-repeat; }
#nav-03 a:hover { background: url(../images/nav/government-o.gif) 0px  -60px no-repeat; }
#nav-04 a:hover { background: url(../images/nav/government-o.gif) 0px  -90px no-repeat; }
#nav-05 a:hover { background: url(../images/nav/government-o.gif) 0px -120px no-repeat; }
#nav-06 a:hover { background: url(../images/nav/government-o.gif) 0px -150px no-repeat; }
#nav-07 a:hover { background: url(../images/nav/government-o.gif) 0px -180px no-repeat; }
#nav-08 a:hover { background: url(../images/nav/government-o.gif) 0px -210px no-repeat; }
#nav-09 a:hover { background: url(../images/nav/government-o.gif) 0px -240px no-repeat; }
#nav-10 a:hover { background: url(../images/nav/government-o.gif) 0px -270px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */
body#SPECIFY #nav-01 { background: url(../images/nav/government-o.gif) -100px  -15px no-repeat; }
body#SPECIFY #nav-02 { background: url(../images/nav/government-o.gif) -100px  -30px no-repeat; }
body#SPECIFY #nav-03 { background: url(../images/nav/government-o.gif) -100px  -60px no-repeat; }
body#SPECIFY #nav-04 { background: url(../images/nav/government-o.gif) -100px  -90px no-repeat; }
body#SPECIFY #nav-05 { background: url(../images/nav/government-o.gif) -100px -120px no-repeat; }
body#SPECIFY #nav-06 { background: url(../images/nav/government-o.gif) -100px -150px no-repeat; }

body#SPECIFY #nav-10 { background: url(../images/nav-o1.gif) -100px  -15px no-repeat; }
body#SPECIFY #nav-11 { background: url(../images/nav-o1.gif) -100px  -30px no-repeat; }
body#SPECIFY #nav-12 { background: url(../images/nav-o1.gif) -100px  -60px no-repeat; }
body#SPECIFY #nav-13 { background: url(../images/nav-o1.gif) -100px  -90px no-repeat; }

/* Son of Suckerfish: Vertical Sprite Nav
 * ------------------------------------------------------------------------- */
 
#nav li ul {
	position:absolute;
	left:-9999px;
	background-color: #333;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	margin-left:173px;			/* Set to same width as in #nav */
	margin-top:-30px;			/* Set to each button height, same as used above */
	padding-left:0px !important;
	font-family:Arial, Helvetica, sans-serif;
	z-index:50000;
	}
	
#nav li ul li {
	height:20px;				/* Height of each drop down nav item */
	border:1px solid #FFF;
	border-top:none;
	display:block;
	
	}

#nav 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 */
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}
	
/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
	}

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

/* Hover styles for drop down items */
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover, #nav-08 ul a:hover, #nav-09 ul a:hover { 
	background-image:none;
	background-color:#2c2f52;
	color:#FFFFFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width:200px; }		
#nav-02 ul, #nav-02 li { width:150px; }
#nav-03 ul, #nav-03 li { width:270px; }
#nav-04 ul, #nav-04 li { width:270px; }
#nav-05 ul, #nav-05 li { width:270px; }
#nav-06 ul, #nav-06 li { width:200px; }
#nav-07 ul, #nav-07 li { width:200px; }
#nav-08 ul, #nav-08 li { width:200px; }
#nav-09 ul, #nav-09 li { width:200px; }
#nav-10 ul, #nav-10 li { width:200px; }