@charset "utf-8";
/* CSS Document */
#nav{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			13px;
	padding-top:		109px;
	width: 				100%;
}

#nav ul{
	margin: 			0px;
	padding: 			0px;
	list-style-type: 	none;
}

/*Top level list items*/
#nav ul li{
	position: 			relative;
	display: 			inline;
	float: 				left;
}

/*Top level menu link items style*/
#nav ul li a{
	display: 			block;
	color: 				white;
	padding: 			12px 10px;
	background:			url(../images/button_dash.gif) top right no-repeat;
	color: 				#2d2b2b;
	text-decoration: 	none;
	margin-left:		-3px;
}
#nav ul li ul li a{
	display: 			block;
	color: 				#fff;
	font-size:			12px;
	text-indent:		5px;	
	padding: 			12px 10px;
	background:			#5A5B5D;
	color: 				#2d2b2b;
	text-decoration: 	none;
	filter:				alpha(opacity=90);
	-moz-opacity:		0.9;
	opacity: 			0.9;

}

* html #nav ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: 			inline-block;
}

#nav ul li a:link, #nav ul li a:visited{
	color: 				#fff;
}

#nav ul li a:hover, #nav .headlineSelected{
	background: 		url(../images/headline_hover.gif) top left repeat-x;
	color: 				#fff;
}

/*1st sub level menu*/
#nav ul li ul{
	position: 			absolute;
	left: 				0;
	display:			block;
	visibility: 		hidden;
	margin-left:		-3px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#nav ul li ul li{
	display: 			list-item;
	float: 				none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#nav ul li ul li ul{
	top: 				0;
	margin:				0px !important;
	border-left:		1px dotted gray;
}

/* Sub level menu links style */
#nav ul li ul li a{
	font-size:			12px;
	width: 				200px; /*width of sub menus*/
	padding: 			5px;
	margin: 			0;
	border-bottom: 		1px dotted gray;
}

#nav ul li ul li a:hover, #nav .sublineSelected{ /*sub menus hover style*/
	background:			#7cc242;
	color: 				#fff;
	filter:				alpha(opacity=90);
	-moz-opacity:		0.9;
	opacity: 			0.9;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: 			absolute;
	top: 				12px;
	right: 				7px;
}

.rightarrowclass{
	position: 			absolute;
	top: 				6px;
	right: 				5px;
}