/*Menu with rounded Corners*/

#nav ul {
	margin:0px 0 0 10px; 
	padding:0;
	list-style:none;	
	text-align:center;
}

#nav ul li ul{
	margin:0;
	}

	#nav ul li {
		margin:0px 3px 0 3px;
		float:left;	
		padding:12px 15px 0px 15px;						/* width and height of the menu item */

		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#nav ul li ul li{
		margin:0 0 0 5px;
		padding:0;
		}

	#nav ul li ul li {
		height:auto;
		}

	#nav ul li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		position:relative;
		color:#777;
		padding:0px 0 0px 0;
		font-weight:normal;
		margin:0px 0 0 0;
	}


 	#nav ul li .hover {
		position:absolute;	/* must be postion absolute 	*/
		width:100%;			/*	width, height, left and top to fill the whole LI item	*/
		height:45px;
		left:0; 
		top:1px;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
		border-bottom:solid #939a99 0px;
		background:transparent url(../images/over.jpg) repeat-x top left;
	}

 	#nav ul li.current_page_item{
		background:transparent url(../images/over.jpg) repeat-x top left;
		height:33px;
		top:1px;
	}
	

	#nav ul li ul li .hover {
	background:none;
	border:none;
	}


#dropmenu, #dropmenu ul {margin:0px 0 0 0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; line-height:1.5em; z-index:300; font-weight:bold;}   
#dropmenu a {display:block; padding:0.25em 1em; color:#ffffff;  text-decoration:none; }   
#dropmenu a:hover { color:#ffffff;}   
#dropmenu li {float:left; position:relative;}   
#dropmenu ul {position:absolute; display:none; width:12em; top:35px; left:-2px;padding:15px 0 10px 0;font-size:14px;}   
#dropmenu ul li a {color:#ffffff;}  
#dropmenu li ul {width:14.1em;}   
#dropmenu li ul a {width:12em; height:20px; float:left;  background:none;}   
#dropmenu li ul li a {float:right; padding:12px 5px 5px 12px;background: #f0ecdc; text-align:left;width:12em; height:auto;  float:left;   margin:0px 0 0 -3px;border-bottom:1px solid #e9e6d6;border-top:1px solid #f5f3e9;}   
#dropmenu li ul li a:hover {  padding:12px 5px 5px 12px;background:#4e4e4e; text-align:left;width:12em; height:auto;  float:left;   margin:0px 0 0 -3px;color:#ffffff;border-bottom:1px solid #4e4e4e;border-top:1px solid #4e4e4e;}   

#dropmenu li ul li.current_page_item { height:auto;width:12em;background:none; }   

#dropmenu ul ul {top:auto;}   
#dropmenu li ul ul {left:12em; margin:-15px 0 0 12px;top:auto;}   
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}   
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}   

