/* This is all the CSS for the various navigations on the site */
/* It's here just to keep it all together, since it can get quite tangled */

/* TOPNAV = the home/contactus/sitemap/help menu next to the help box
   NAVCONTAINER = the horizontal navigtation with pictures in it
   NAV3 = the vertical menu on the right (above the control panel
*/

#topnav {
	text-align: right;
	width: 258px;
	margin-right:10px;
}
#topnav ul {
	list-style: none;
	display: inline;
	margin: 0;
	border: 0;
	}

#topnav li {
	margin: 0;
	padding: 0.2em;
	border: 0;
	display: inline;
	line-height: 1.4em;
	}
#topnav li a ,
#topnav li a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}



/* New Horizontal Nav */

#navcontainer{
padding:0 0 0 10px; /*trbl*/
margin-bottom:0;
margin-top:8px;
}

#navcontainer ul
{
	height:60px;
	list-style:none;
	overflow:hidden;
	margin-right:2px;
padding:0;
text-align: center;
font-family: arial;
font-size: 14px;

}

#navcontainer li { float:left; margin:0px; display:inline;}

#navcontainer li a
{
	background-position:center bottom;
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	float:left;
	margin-right:-2px;
	width:60px;
	height:18px;
	background-color:#333333;
	text-align:center;
	font-family:verdana, sans-serif;
	color:#CCCCCC;
	font-size:10px;
	text-decoration:none;
	border:3px solid #AAA;
border-top:4px  solid #AAA;
border-bottom:4px  solid #AAA;
	padding-top: 32px;
	line-height:8px;

}

#navcontainer li#electionnav a{
width:120px;
}

#navcontainer li a:hover
{
	background-position:top;
	background-color:#97FF38;
	color:#333333;
}


/* HORIZONTAL ROLLOVER IMAGES */

#navhome { background-image:url('http://www.staffsunion.com/pageassets/NavHome.jpg'); }
#navunion { background-image:url('http://www.staffsunion.com/pageassets/NavUnion.jpg');  }
#navactivities {  background-image:url('http://www.staffsunion.com/pageassets/NavActivities.jpg'); }
#navadvice {  background-image:url('http://www.staffsunion.com/pageassets/NavAdvice.jpg'); }
#navents {  background-image:url('http://www.staffsunion.com/pageassets/NavEnts.jpg'); }
#navshop { background-image:url('http://www.staffsunion.com/pageassets/NavShop.jpg'); }
#navjobs { background-image:url('http://www.staffsunion.com/pageassets/NavJobs.jpg');  }
#navforums {  background-image:url('http://www.staffsunion.com/pageassets/NavForums.jpg'); }
#navmedia {  background-image:url('http://www.staffsunion.com/pageassets/NavMedia.jpg'); }
#navelections { background-image:url('http://www.staffsunion.com/pageassets/nav_elections.jpg');  }











#nav2 li a { color:#333; display:none;}
#nav2 .level_1 li a{display:inline; color:#FFF; text-decoration:none; border:1px solid #FFF; padding:2px; margin:5px;}
#nav2 .level_1 li a:hover{color:#97FF38; border:1px solid #97FF38; padding:2px;}




/* This is the vertical side navigation, above the control panel etc.  */

/* url('/pageassets/roll_light.jpg') */ /* url('/pageassets/roll_dark.jpg') */

#nav3 {padding:0;}
#nav3 h3 {margin:0;}
#nav3 li { width: 100%; margin: 0 0 0 0; padding:0;} 
#nav3 li a { color:#DDD; font-weight:bold; text-decoration: none; background:  #333; display:block; padding:2px; border-bottom:1px solid #555;} 
#nav3 li a:hover { color:#97FF38; background: #111; } 
#nav3 li a.current {display:block; color:#000; background: #97FF38; }
/*url('/pageassets/roll_light.jpg')*/

#nav3 .level_1 li a{display:block; color:#FFF; font-size:12px; font-weight:bold; margin-left:4px; background:none;}
#nav3 .level_1 li a.current {color:#97FF38;}
#nav3 .level_1 li a:hover{color:#97FF38; }
#nav3 .level_2 li a{display:block; color:#FFF; font-size:11px; padding-left:10px; background:none;} 
#nav3 .level_3 li a{display:block; color:#FFF; font-size:9px; font-weight:normal; margin-left:15px; background:none;}


/* portal boxes */

a.hoverbox, a:link.hoverbox{  display:block; text-decoration:none; text-indent: -2000em; overflow:hidden; padding:5px; margin:5px;}
a:hover.hoverbox, a:focus.hoverbox{ background:none; display:block;  text-decoration:none; color: #FFF; padding:5px; font-size:18px; text-indent:0; font-weight:bold; overflow:hidden; }

.hoverbox1 a, a:link.hoverbox1 {background: #A00; color: #FFF; border:1px solid white; width:140px; height:140px; font-size:18px; text-indent:0; font-weight:bold; overflow:hidden;}
a:hover.hoverbox1, a:focus.hoverbox1 {background: #555; color: #FFF; width:140px; height:140px;}

.hoverboxtall a, a:link.hoverboxtall {background: #A00; color: #FFF; border:1px solid white; width:140px; height:305px; font-size:18px; text-indent:0; font-weight:bold; overflow:hidden;}
a:hover.hoverboxtall , a:focus.hoverboxtall {background: #555; color: #FFF; width:140px; height:305px;}

.hoverboxwide a, a:link.hoverboxwide {background: #A00; color: #FFF; border:1px solid white; width:305px; height:140px; font-size:18px; text-indent:0; font-weight:bold; overflow:hidden;}
a:hover.hoverboxwide , a:focus.hoverboxwide {background: #555; color: #FFF; width:305px; height:140px;}


#topnav, #topnav li,#topnav a,#topnav a:link,#topnav a:visited,#topnav a:active, .current a:link, #topnav li a:visited {
color:#FFF;
}

#topnav a:hover, #topnav li a:hover{
color:#97FF38;
text-decoration:underline;
}