ul#mainNav
{
	width:				800px;
    list-style:			none;
    height:				31px;
    margin:				0 0 10px 0;
    background:			url(../images/menu/menu_bg.gif) no-repeat 0 0;
    padding-left:		8px;
    z-index:			2;
}
ul#mainNav li
{
    float:          left;
    position:		relative;
    padding:		0;
    margin:			0;
    text-align:     center;
    border-right:	1px solid #3284a2;
    z-index:		2;
}

ul#mainNav li:hover
{
	background:		url(../images/darkmenugradient.gif) repeat-x 0 0;
}

#mainNav li.last
{
    border-right:		none;
}
#mainNav li a
{
    text-decoration:    none;
    text-align:			center;
    height:				31px;
    line-height:		31px;
    display:			block;
}

#mainNav li a
{
	padding:		0 8px 0 8px;
	overflow:		hidden;	
	_height:		31px;
	font-family:	Arial;
	font-weight: bold;
	font-size: 1.05em;
	color: white;	
}

#mainNav li a:hover,
#mainNav li.over a,
#mainNav li:hover a,
#mainNav li.current a:hover,
#mainNav li.current a,
#mainNav li.current:hover a,
#mainNav li.currentLast a:hover,
#mainNav li.currentLast a,
#mainNav li.currentLast:hover a
{
	background:     url(../images/menu/menu_over.gif) repeat 0 0;
}

/*
#mainNav li a.About
{
	width:			54px;	
}

#mainNav li a.Association
{
	width:	94px;	
}
#mainNav li a.Benefits
{
	width:	68px;	
}
#mainNav li a.Calendar
{
	width:	78px;
}
#mainNav li a.Contact
{
	width:			70px;	
}

#mainNav li a.Rights
{
	width:			137px;
}

#mainNav li a.Resources
{
	width:			84px;
}

#mainNav li a.News
{
	width:			48px;
}

#mainNav li a.OvertimeLawsuit
{
	width:			130px;	
}
*/
ul#mainNav li ul
{
	z-index:			2;
    position:			absolute;
    left:				-10px;
    top:				38;
    width:				210px;
    padding:			0 0 10px 10px;
    height:				auto;
    display:			none;   
    list-style:			none;
    background:			url(../images/menu/submenu_bg.png) no-repeat bottom left;
}


/* Fix IE.  Hide IE Mac \*/
* html ul#mainNav li { float: left; height: 1%; }
* html ul#mainNav li a { height: 1%; }
/* End */

/* this is the stylesheet for the javascript-labeled .over class list item */
ul#mainNav li:hover ul, 
ul#mainNav li.over ul
{ 
	display: block; 
}

ul#mainNav li:hover,
ul#mainNav li.over
{
	
}
ul#mainNav li ul li:hover,
ul#mainNav li ul li.over
{
	background:	none;
}

ul#mainNav li ul li
{	
	float:				left;
	display:			block;
	color:				#fff;
	font-weight:		bold;	
	text-align:			left;
	background:			none;
	border:				none;
	width:				188px;
	border-bottom:		1px solid #157698;
	height:				auto;
	
}
ul#mainNav li ul li.currentLast,
ul#mainNav li ul li.last
{	
	border:				none;
}

ul#mainNav li ul#About li a, 
ul#mainNav li ul#Association li a, 
ul#mainNav li ul#Benefits li a,
ul#mainNav li ul#News li a,
ul#mainNav li ul#Resources li a
{
	float:			left;
	display:		block;
	line-height:	31px;
	height:			auto;
	text-align:     left;
	padding:		0 15px;
	/*margin:			5px 0;*/
	_margin:		0;
	font-weight:	bold;
	color:			#fff;
	background:		none;
}
ul#mainNav li ul#About li a:hover, 
ul#mainNav li ul#Association li a:hover, 
ul#mainNav li ul#Benefits li a:hover,
ul#mainNav li ul#News li a:hover,
ul#mainNav li ul#Resources li a:hover
{
	font-weight:	bold;
	color:			#cbeaf6;	
	background:		url(../images/menu/menu_bullet.gif) no-repeat 3px 12px;
}

/* user nav */
ul#userNavOff
{
	display:	none;	
}
ul#userNavOn
{
	height:			25px;
	line-height:	25px;
	list-style:		none;
	width:			100%;
	margin:			0 0 10px 0;
	float:			left;
	background:		url(../images/usernav_bg.gif) no-repeat 0 0;
}
ul#userNavOn li, 
ul#userNavOn li.item
{
	padding:		0;
	margin:			0 15px 0 0;
	float:			right;
	width:			100px;
	text-align:		center;
}
ul#userNavOn li.item
{
	width: 120px;
}
ul#userNavOn li.welcome
{
	float:			left;
	margin:			0 20px 0 0;
	padding:		0;
	width:			auto;
	color:			#fff;
}
ul#userNavOn li a
{
	color:				#fff;
	text-decoration:	none;
	font-weight:		bold;
	padding:			0 0 0 10px;
}
/* user nav drop down lists */ 
ul#userNavOn li ul
{
	z-index:			1;
	position:			relative;
    left:				0;
    top:				-1px;
    display:			none;
    width:				170px;
    padding:			2px 5px 11px 10px;
    list-style:			none;
    height:				auto;
    background:			url(../images/menu/usermenu_submenu_bg.png) no-repeat bottom left;
    _background:			url(../images/menu/usermenu_submenu_bg.gif) no-repeat bottom left;
    
}

/* this is the stylesheet for the javascript-labeled .over class list item */
ul#userNavOn li:hover ul,
ul#userNavOn li.over ul
{ 
	display: block;
}

ul#userNavOn li ul li
{	
	float:				left;
	line-height:		25px;
	text-align:			left;
	border-bottom:		1px solid #515151;
}
ul#userNavOn li ul li.last
{	
	border:		none;
	padding:	0;
	margin:		0;
}
ul#userNavOn li ul#myAccount
{
	height:				80px;
}
ul#userNavOn li ul#myAccount li
{	
	width:				150px;
}
ul#userNavOn li ul#myUnion
{
	height:				80px;
}
ul#userNavOn li ul#myUnion li
{
	width:				150px;
}
ul#userNavOn li ul#myAccount li a, 
ul#userNavOn li ul#myUnion li a
{
	display:		inline;
	color:			#fff;
	line-height:	1.0em;
	padding-left:	10px;
	margin:			10px 0;
	_margin:		0;
	font-weight:	bold;
}
ul#userNavOn li ul#myAccount li a:hover,
ul#userNavOn li ul#myUnion li a:hover
{
	color:		#fff;
}



/* article media */
#primaryContent .newsArticle ul#articleMedia
{
	margin:				0 0 10px 0;
	padding:			0 0 0 10px;
	height:				30px;
	line-height:		30px;
	list-style:			none;
	background:			url(../images/articleMedia_bg.gif) repeat-x 0 0;
	z-index:			0;
}
#primaryContent .newsArticle ul#articleMedia li
{
	float:			left;	
	position:		relative;
	height:			30px;
	margin:			0;
	padding:		0 0 0 5px;
	line-height:	30px;
	font-weight:	bold;
	color:			#5e5e5e;
	width:			auto;
	display:		block;
	background:		none;
	z-index:		0;
}
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.xls
{
	padding:		0 0 0 12px;
	background:		url(../images/icon_excel.gif) no-repeat 0 6px;
}
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.xlsx
{
	padding:		0 0 0 12px;
	background:		url(../images/icon_excel2007.gif) no-repeat 0 6px;
}
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.pdf,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.PDF
{
	padding:		0 0 0 12px;
	background:		url(../images/icon_pdf.gif) no-repeat 0 6px;
}
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.doc
{
	padding:		0 0 0 12px;
	background:		url(../images/icon_msword.gif) no-repeat 0 6px;
}#contentWrapper #primaryContent .newsArticle ul#articleMedia li.docx
{
	padding:		0 0 0 12px;
	background:		url(../images/icon_msword2007.gif) no-repeat 0 6px;
}
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.ppt
{
	padding:		0 0 0 12px;
	background:		url(../images/icon_powerpoint.gif) no-repeat 0 6px;
}
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.pptx
{
	padding:		0 0 0 12px;
	background:		url(../images/icon_powerpoint2007.gif) no-repeat 0 6px;
}
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.txt
{
	padding:		0 0 0 12px;
	background:		url(../images/icon_plaintext.gif) no-repeat 0 6px;
}
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.rtf
{
	padding:		0 0 0 12px;
	background:		url(../images/icon_richtext.gif) no-repeat 0 6px;
}
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.bmp, 
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.gif,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.jpeg,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.png,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.JPG,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.jpg
{	
	padding:		0 0 0 14px;
	background:		url(../images/icon_image.gif) no-repeat 0 6px;
}

#primaryContent .newsArticle ul#articleMedia li a,
#primaryContent .newsArticle ul#articleMedia li.remainingItems ul li a
{
	font-weight:		normal;
	height:				25px;
	padding:			10px 10px 8px 8px;
	color:				#000;
	text-decoration:	none;
}
#primaryContent .newsArticle ul#articleMedia li a:hover,
#primaryContent .newsArticle ul#articleMedia li.remainingItems ul li a:hover
{
	color:					#000;
	text-decoration:		underline;
}
#primaryContent .newsArticle ul#articleMedia li.remainingItems ul
{
	position:			absolute;
	top:				24px;
	left:				-165px;
	list-style:			none;
	font-size:			1.0em;
	background:			none;
	border:				none;
	background:			url(../images/remainingItems_bg.png) no-repeat bottom left;
	width:				220px;
	height:				auto;
	padding:			0 0 10px 0;
	margin:				5px 0 0 0;
	display:			none;
}
#primaryContent .newsArticle ul#articleMedia li:hover ul
{ display: block; }

#primaryContent .newsArticle ul#articleMedia li.remainingItems
{
	float:				right;
	margin-right:		10px;
}	
#primaryContent .newsArticle ul#articleMedia li.remainingItems a,
#primaryContent .newsArticle ul#articleMedia li.remainingItems a:hover
{
	font-weight:		bold;
	color:				#007cda;
	text-decoration:	none;
	padding:			0;
	margin:				0;
}
	

#primaryContent .newsArticle ul#articleMedia li.remainingItems ul li
{
	float:				left;
	padding:			0 0 0 20px;
	margin:				0 0 0 10px;
	width:				182px;
	border-top:			1px solid #ccc;
	text-align:			left;
}
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.xls,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.xlsx,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.pdf,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.doc,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.docx,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.ppt,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.pptx,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.txt,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.rtf,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.bmp, 
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.gif,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.jpeg,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.png,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.JPG,
#contentWrapper #primaryContent .newsArticle ul#articleMedia li.remainingItems ul li.jpg
{	
	padding:				0 0 0 18px;
	background-position:	5px 6px;	
}



#primaryContent .newsArticle ul#articleMedia li.remainingItems ul li a,
#primaryContent .newsArticle ul#articleMedia li.remainingItems ul li a:hover
{
	font-weight:		normal;	
	padding:			0 0 0 8px;
	margin:				0;
}