.ddmenu {
	margin: 0;
	padding: 0;
	z-index: 30;
}

/* li is the top menu item (that gets the dropdown menu) */
.ddmenu li {
	font-family: 'Quattrocento', serif;
	font-size:14px;
	font-weight:700;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

.ddmenu li a {
	font-family: 'Quattrocento', serif;
	font-size:14px;
	font-weight:700;
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	background: #343434;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	text-transform:uppercase;
    border:1px solid #343434;
}

.ddmenu li a:hover {
	font-family: 'Quattrocento', serif;
	font-size:14px;
	font-weight:700;
	background: #FFF;
	color: #343434;
    border-top:1px solid #DDDDDD;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #FFF;
}

.ddmenu li.active a  {
	font-family: 'Quattrocento', serif;
	font-size:14px;
	font-weight:700;
	background: #FFF;
	color: #343434;
    border-top:1px solid #DDDDDD;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #FFF;
}

/* div is the dropdown menu */
.ddmenu div {
	font-family: 'Quattrocento', serif;
	font-size:12px;
	font-weight:400;
	line-height:13px;
	-webkit-min-width:610px; /* Chrome, Safari, Opera */
	-moz-min-width:660px; /* Firefox */
	min-width:610px;
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding-top: 8px;
	padding-bottom: 1px;
	background: #FFF;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
    -webkit-column-width: 150px; /* Chrome, Safari, Opera */
    -moz-column-width: 150px; /* Firefox */
    column-width: 150px;
    border-radius:0 6px 6px 6px;
    box-shadow: 6px 6px 10px #DDDDDD;
    z-index:999999990;
}

.ddmenu div a, .ddmenu li.active div a {
	font-family: 'Quattrocento', serif;
	font-size:12px;
	font-weight:400;
	line-height:13px;
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 5px 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #333;
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	background: #FFF;
	border:none;
	text-transform:none;
}

.ddmenu div a:hover, .ddmenu li.active div a:hover {
	font-family: 'Quattrocento', serif;
	font-size:12px;
	font-weight:400;
	line-height:13px;
	color: #343434;
	border:none;
}

ddmenuFooter {
	margin: 0;
	padding: 0;
	z-index: 30;
	text-align:center;
}

/* li is the top menu item (that gets the dropdown menu) */
.ddmenuFooter li {
	font-family: 'Quattrocento', serif;
	font-size:14px;
	font-weight:700;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background: #FFF;
	color: #343434;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
    border:1px solid #FFF;
}

.ddmenuFooter li a {
	font-family: 'Quattrocento', serif;
	font-size:14px;
	font-weight:700;
	background: #FFF;
	color: #343434;
    border:1px solid #FFF;
	padding: 4px 10px;
}

.ddmenuFooter li a:hover {
	font-family: 'Quattrocento', serif;
	font-size:14px;
	font-weight:700;
	background: #FFF;
	color: #32332d;
    border:1px solid white;
}

.ddmenuFooter li.active a {
	font-family: 'Quattrocento', serif;
	font-size:14px;
	font-weight:700;
	background: #FFF;
	color: #32332d;
    border-top:1px solid #DDDDDD;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #FFF;
}

/* div is the dropdown menu */
.ddmenuFooter div {
	-webkit-min-width:240px; /* Chrome, Safari, Opera */
	-moz-min-width:240px; /* Firefox */
	min-width:240px;
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding-top: 8px;
	padding-bottom:6px;
	padding-right:4px;
	background: #FFF;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
    -webkit-column-count: 6; /* Chrome, Safari, Opera */
    -moz-column-count: 6; /* Firefox */
    column-count: 6;
    -webkit-column-gap: 4px; /* Chrome, Safari, Opera */
    -moz-column-gap: 4px; /* Firefox */
    column-gap: 4px;
    -webkit-column-width: 24px; /* Chrome, Safari, Opera */
    -moz-column-width: 24px; /* Firefox */
    column-width: 24px;
    border-radius:0 6px 6px 6px;
    box-shadow: 6px 6px 10px #DDDDDD;
    z-index:999999990;
}

.ddmenuFooter div a, .ddmenuFooter li.active div a {
	font-family: 'Quattrocento', serif;
	font-size:12px;
	font-weight:400;
	line-height:13px;
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	color: #333;
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	background: #FFF;
	border:none;
	text-transform:none;
}

.ddmenuFooter div a:hover, .ddmenuFooter li.active div a:hover {
	font-family: 'Quattrocento', serif;
	font-size:12px;
	font-weight:400;
	line-height:13px;
	color: #343434;
	border:none;
}

.columnBreak {
	break-after:column;
}