.selectedanchor { 	/*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/

}

/* ######### Default class for drop down menus ######### */

a {
	font-family: 		Arial, Helvetica, sans-serif;

	font-size: 		15px;
	line-height: 		24px;
	font-weight: 		bold;
	color:			#cccccc;
	text-decoration: 	none;
	margin:	 		0px;

	padding:		6px 0px 0px 10px;

}

a:hover {
	color:			#ffffff;
}


.anylinkmenu{
	position: 		absolute;
	left: 			0;
	top: 			0;
	visibility: 		hidden;
	border: 		0px;
	border-bottom-width: 	0;

	font-size: 		15px;
	line-height: 		20px;
	padding:		6px 0px 10px 0px;
	text-align: 		left; 

	z-index: 		100; 		/* zIndex should be greater than that of shadow's below */
	

	background-image: 	url(../images/submenu.png);
	background-position: 	bottom center;
	background-repeat: 	no-repeat;


	width: 			221px; 		/* default width for menu */

}

.anylinkmenu ul{

	margin: 		0;
	padding: 		0;
	list-style-type: 	none;
}

.anylinkmenu a { 		/*rollover link submenu*/
	font-size: 		13px;
	line-height: 		20px;
	color: 			#cccccc;
}
.anylinkmenu a:hover { 		/*rollover link submenu*/
	font-size: 		13px;
	line-height: 		20px;
	color: 			#ffffff;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/

visibility: hidden;
}