/*
Author: Ben Maddox

This is the proper nesting on the web page for each main item.  
Expect several of these in a row.

<menu_item_wrapper_panel>
	<menu_item_wrapper>
		<menu_initial /> (or <menu_parent />)
		<menu_child_wrapper>
			<menu_child />
			<menu_child />
		</menu_child_wrapper>
	</menu_item_wrapper>
</menu_item_wrapper_panel>

menu_item_wrapper_panel controls visibility of the item and child objects.
menu_item_wrapper controls positioning of the item and children.
menu_initial is the first menu item, often the root and displayed to one side.
menu_parent items are the links that are always displayed.
menu_child_wrapper contains all of the children for positioning and formatting and has the 
visibility property changed.
menu_child items are the links that only are visible part of the time.

*/

.menu_child_wrapper
{
	display:none;
	position:absolute;
	right:0px;
	/* Top is below the previous object by default */
	z-index: 100;
	  font-size: 1.0em;
}

.menu_item_wrapper
{
	z-index: 1000;
	float:left;
	width:125px;
		  font-size: 1.0em;
	/*width:129px;*/
}

.menu_initial
{
	/* Float right within wrapper to make sure it is right aligned when the wrapper is larger than this item. */
	/*float:right; */
	
	/* Block level element so the height and width can be set */
	display:block;
	/*width: 129px;*/
	width: 125px;
	
	/* Height is image height minus top and bottom padding */
	height:24px;
	padding: 10px 0px 0px 0px;
	
	margin: 0px;
	background-image:url('../images/menu/homebutton.gif');
	text-align:center;
	color: #FFFFFF !important ;
	text-decoration:none;
	font-weight:bold;
}

.menu_initial:visited
{
	color: #FFFFFF !important ; 
	background-image:url('../images/menu/homebutton.gif');
}

.menu_initial:hover
{
	color: #FFFFFF !important ;
	background-image:url('../images/menu/home_roll.gif');
}

.menu_parent
{
	
	display:block;
	width: 125px;
	height:24px;
	padding: 10px 0px 0px 0px;
	margin:0px;
	background-image:url('../images/menu/button.gif');
	text-align:center;
	
	color: #FFFFFF !important;
	text-decoration:none;
	font-weight:bold;
}

.menu_parent:visited
{
	color: #FFFFFF !important ;
	background-image:url('../images/menu/button.gif');
}
.menu_parent:hover
{
	color: #FFFFFF !important ;
	background-image:url('../images/menu/button_roll.gif');
}

.menu_child
{
	position:relative;
	text-align:center;
	display:block;	
	width: 125px;
	height:20px;
	padding: 8px 0px 0px 0px;
	background-color:#90191D;
	color: #FFFFFF !important;
	text-decoration:none;
	font-weight:bold;	
	border-bottom: 1px solid #000000;
}

.menu_child:visited
{
	background-color:#90191D;
	color: #FFFFFF !important ;
}
.menu_child:hover
{
	background-color:#90191D;
	color: #B2B2B2 !important ;
}