/*		------	Basic style	------		*/

#ddmenu { display: block; z-index: 100; }
#ddmenu ul { margin: 0; padding: 0; border: 0; list-style-type: none;}

#ddmenu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
}

#ddmenu a { display: block; }
#ddmenu li li { width: 100%; }

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#ddmenu li li ul { top: 0; left: 0; }
/* ...and then place it where it should be when shown */
#ddmenu li li:hover ul { left: 100%; }
/* initialy hide all sub menus */
#ddmenu li ul { display: none; position: absolute; z-index: 10; }
/* display them on hover */
#ddmenu li:hover>ul { display: block; }
#ddmenuList {left: 120px;}
/* this is needed if you want to style #ddmenu div - force containment of floated LIs inside of main UL */
#ddmenuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Fix for IE5/Mac \*//*/
#ddmenu a {
	float: left;
}

#ddmenuList {
	display: inline-block;
}
/*  */

/*		------   Make-up	--------			*/
#ddmenu {
  float: left;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  height: 24px;
  width: 100%;
  margin: 0;
 /* padding: 0 0 0 131px;*/
  background: #82D7FF;
}

#ddmenu li:hover { }
#ddmenu a {
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	padding: 4px 12px 3px 12px;
	border-right: 1px solid #FFFFFF;
}

#ddmenu ul li.first a {
margin-left:130px;
	border-left: 1px solid #FFFFFF;
}

#ddmenu a:hover { background: #670001; }
#ddmenu li:hover>a { color: #FFFFFF; }

#ddmenu li ul {
	background: #C6E2FF;
	border: 1px solid #003366;
	width: 150px;
}

#ddmenu li ul a {
	text-align: left;
	color: #003399;
	padding: 0.4em 10px 0.4em 10px;
	border-bottom: 1px solid #003366;
	border-right: 0;
	background: #FFFFFF;
}

#ddmenu li ul a:hover {
	background: #FFFFFF;
text-decoration: underline;
color: #003399;
}