/*
** Smooth Navigational Menu (v1.31)
** http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm
*/

/**************************************************
**
** HORIZONTAL MENU STUFF TO EDIT
**
**************************************************/
	/**************************************************
	** COLORS/BACKGROUND-COLORS/BORDERS
	**************************************************/
	.ddsmoothmenu{
		background-color:#414141; /*background of menu bar (default state)*/
	}
		/**************************************************
		** TOP LEVEL MENU LINKS
		**************************************************/
		.ddsmoothmenu ul li{
			border-right:1px solid #777788;
		}
			.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
				background-color:#414141; 
				color:#FFFFFF;
			}				
			.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
				background-color:#000000; 
				color:#FFFFFF;
			}		
			.ddsmoothmenu ul li a:hover{
				background-color:#000000; /*background of menu items during onmouseover (hover state)*/
				color:#FFFFFF;
			}				
		/**************************************************
		** SUB-LEVEL MENU LINKS
		**************************************************/
		.ddsmoothmenu ul li ul li{
			border:1px solid #666666;
			border-top-width:0;
		}	
			.ddsmoothmenu ul li ul li:first-child{
				border-top-width:1px;
			}
	/**************************************************
	** SIZE/SPACING
	**************************************************/
	.ddsmoothmenu{
		width:100%;
		height:25px;
	}
		.ddsmoothmenu ul{
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
			/**************************************************
			** TOP LEVEL MENU LINKS
			**************************************************/
			.ddsmoothmenu ul li a{
				padding:0 10px 0 10px;
			}		
			/**************************************************
			** SUB-LEVEL MENU LINKS
			**************************************************/
			.ddsmoothmenu ul li ul li a{
				width:160px; /*width of sub menus*/
				margin:0 0 0 0;
			}
			/**************************************************
			** 3RD LEVEL LEVEL AND BEYOND MENU LINKS
			**************************************************/
			.ddsmoothmenu ul li ul li ul{
				margin:12px 0 0 -25px;
			}	
	/**************************************************
	** TEXT
	**************************************************/
		/**************************************************
		** TOP LEVEL MENU LINKS
		**************************************************/
		.ddsmoothmenu ul li{
			font-size:12px;
			line-height:25px;
		}
			div#navigation .ddsmoothmenu ul li a{
				text-decoration:none;
			}
		
/**************************************************
**
** VERTICAL MENU STUFF TO EDIT
**
**************************************************/	
	/**************************************************
	** COLORS/BACKGROUND-COLORS/BORDERS
	**************************************************/
	.ddsmoothmenu-v ul{
		/*border-bottom:1px solid #CCCCCC;*/
	}
		/**************************************************
		** TOP LEVEL MENU LINKS
		**************************************************/
		.ddsmoothmenu-v ul li{
			border-bottom:1px solid #491A30;
			border-right:1px solid #491A30;
		}
			.ddsmoothmenu-v ul li:first-child{
				/*border-top:1px solid #491A30;*/
			}
			.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
				background-color:#D4B07C; /*background of menu items (default state)*/
				color:#FFFFFF;
			}	
			.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
				background-color:#EFBD77; 
				color:#491A30;
			}	
			.ddsmoothmenu-v ul li a:hover{
				background-color:#EFBD77; /*background of menu items during onmouseover (hover state)*/
				color:#491A30;
			}
		/**************************************************
		** SUB-LEVEL MENU LINKS
		**************************************************/
		.ddsmoothmenu-v ul li ul{
		}
			.ddsmoothmenu-v ul li ul li{
				border:1px solid #491A30;
				border-top-width:0;
			}
				.ddsmoothmenu-v ul li ul li:first-child{
					border-top-width:1px;
				}
	/**************************************************
	** SIZE/SPACING
	**************************************************/
	.ddsmoothmenu-v ul{
		margin:0 0 0 0;
		padding:0 0 0 0;
		width:200px; /* Main Menu Item widths */
	}
		/**************************************************
		** TOP LEVEL MENU LINKS
		**************************************************/
		.ddsmoothmenu-v ul li{
		}
		.ddsmoothmenu-v ul li a{
			padding:0 10px 0 10px;
		}
		/**************************************************
		** SUB-LEVEL MENU LINKS
		**************************************************/
		.ddsmoothmenu-v ul li ul{
			width:170px; /*Sub Menu Items width */
			margin:12px 0 0 -25px;
		}
	/**************************************************
	** TEXT
	**************************************************/
		/**************************************************
		** TOP LEVEL MENU LINKS
		**************************************************/
		.ddsmoothmenu-v ul li{
			font-size:14px;
			line-height:28px;
			letter-spacing:1px;
			/*font-weight:bold;*/
			text-transform:uppercase;
		}
			.ddsmoothmenu-v ul li a{
				text-decoration:none;
			}
		/**************************************************
		** SUB-LEVEL MENU LINKS
		**************************************************/
		.ddsmoothmenu-v ul li ul li{
			/*font-weight:bold;*/
			text-transform:uppercase;
		}
		
/**************************************************
**
** SHARED - ARROWS
**
**************************************************/
.downarrowclass{
	position:absolute;
	top:9px;
	right:7px;
}	
.rightarrowclass{
	position:absolute;
	top:9px;
	right:5px;
}

/**************************************************
**
** SHARED - SHADOWS
**
**************************************************/
.ddshadow{
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	background-color:silver;
}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
	opacity:0.8;
}
			
/**************************************************
**
** HORIZONTAL STUFF TO LEAVE ALONE
**
**************************************************/
.ddsmoothmenu ul{
	z-index:100;
	list-style-type:none;
}
	/**************************************************
	** TOP LEVEL MENU LINKS
	**************************************************/
	.ddsmoothmenu ul li{
		position:relative;
		display:inline;
		float:left;
	}
		.ddsmoothmenu ul li a{
			display:block;
			text-decoration:none;
		}
		* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
			display:inline-block;
		}
	/**************************************************
	** 1ST SUB-LEVEL MENU LINKS
	**************************************************/
	.ddsmoothmenu ul li ul{
		position:absolute;
		left:0;
		display:none; /*collapse all sub menus to begin with*/
		visibility:hidden;
	}
	/**************************************************
	** SUB-LEVEL MENU LINKS
	**************************************************/
	.ddsmoothmenu ul li ul li{
		display:list-item;
		float:none;
	}	
	.ddsmoothmenu ul li ul li ul{
		top:0;
	}
	/**************************************************
	** HOLLY HACK
	**************************************************/
	* html .ddsmoothmenu{height:1%;} /*Holly Hack for IE7 and below*/
		
/**************************************************
**
** VERTICAL MENU STUFF TO LEAVE ALONE
**
**************************************************/
.ddsmoothmenu-v ul{
	list-style-type:none;
} 
	.ddsmoothmenu-v ul li{
		position:relative;
	}
	/**************************************************
	** TOP LEVEL MENU LINKS
	**************************************************/
	.ddsmoothmenu-v ul li a{
		display:block;
		overflow:auto; /*force hasLayout in IE7 */
	}
	/**************************************************
	** SUB-LEVEL MENU LINKS
	**************************************************/
	.ddsmoothmenu-v ul li ul{
		position:absolute;
		top:0;
		visibility:hidden;
	}
	/**************************************************
	** HOLLY HACK
	**************************************************/
	* html .ddsmoothmenu-v ul li{float:left; height:1%; }
	* html .ddsmoothmenu-v ul li a{height:1%;}