.graniteDropDownMenu {

	position:absolute;

	overflow:hidden;

	left:-1000px;

	top:-1000px;

	}





.graniteDropDownMenu .content {

	position:absolute;

	}





.graniteDropDownMenu .items {

	position:relative;

	left:0px; top:0px;

	border:1px solid #999;

	z-index:2;

	}



.graniteDropDownMenu.top .items {

	border-top:none;

	}



/* each TR.item is one menu item */

.graniteDropDownMenu .item {

    color:#4A4B4B;

    font-size:12px;

    font-family:Verdana, Arial, Helvetica, sans-serif;

    text-decoration:none;	

	border:none;

	cursor:pointer;

	cursor:hand;

	font-weight: bold;

	background:#ffffff;

		

	}



.graniteDropDownMenu .background {

	position:absolute;

	left:0px; top:0px;

	z-index:1;

	-moz-opacity:.9;

	filter:alpha(opacity=90);

	}



/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */

.graniteDropDownMenu .shadowRight {

	position:absolute;

	z-index:3;

	top:3px; width:2px;

	-moz-opacity:.4;

	filter:alpha(opacity=40);

	}



/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */

.graniteDropDownMenu .shadowBottom {

	position:absolute;

	z-index:1;

	left:3px; height:2px;

	-moz-opacity:.4;

	filter:alpha(opacity=40);

	}



/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */

.graniteDropDownMenu .item.hover {

	background:#c3f5b8;

	color:#000000;

		

	}



/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */

.graniteDropDownMenu .item img {

	margin-left:12px;

	

	

	}



.navSub {

    

	font-family: Verdana, Arial, sans-serif;

	font-size: 12px;

	color: #000000;

	line-height: 13px;

	font-weight: bold;

	

	



}



.linklevel1 {

	font : bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;

	margin: 0px;

	margin-top: 3px;

	margin-left: 12px;

	text-indent: -12px;

}



.linklevel2 {

	font : bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

	margin: 0px;

	margin-top: 3px;

	margin-left: 21px;

	text-indent: -9px;

}



.linklevel3 {

	font : bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

	margin: 0px;

	margin-top: 3px;

	margin-left: 30px;

	text-indent: -9px;

}



.linklevel4 {

	font : bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

	margin: 0px;

	margin-top: 3px;

	margin-left: 39px;

	text-indent: -9px;

}



.linklevel5 {

	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

	margin: 0px;

	margin-top: 2px;

	margin-left: 39px;

	text-indent: -9px;

}



.collapsedchild {

	display: none;

	

	

}



.expandedchild {

	display: block;

	

}



.currentlink, .currentlink a {

	text-decoration: underline;

}