nav										{ position:relative; z-index:1000}
.mmstyle, .mmstyle * 					{ margin:0;padding:0;list-style:none;}
.mmstyle > li 							{ position:relative;float:left; margin:0 2px 0 0}
.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active { display:block; color:#fff; padding:0px 10px;margin-top:55px;text-decoration:none; font-size:16px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.mmstyle li a.mmArrow:link,.mmstyle li a.mmArrow:active,.mmstyle li a.mmArrow:visited,.mmstyle li a.mmArrow:hover					{ position:absolute; right:0px; top:33px;display:block; line-height:1em; padding:0px;}
.mmstyle li .mmIcon						{ float:left; padding-right:5px;max-height:16px}
.mmstyle li ul li span.sf-sub-indicator	{ display:block; background:url(images/right.png) center center no-repeat; padding:5px; width:10px; position:absolute; right:0px; top:12px;}
.mmstyle li.sfHover a,.mmstyle li a:hover,
.mmstyle li.current a,.mmstyle li.Breadcrumb a				{ background:transparent;color:#000}
	
/***submenu***/

.mmstyle ul 				{ position:absolute;top:-999em;z-index:99;width:220px; display:none;padding:0px;background:#fff; border:1px #fff solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow: #333 0px 1px 2px;-moz-box-shadow: #333 0px 1px 2px;box-shadow: #333 0px 1px 2px;}
.mmstyle li li				{ width:100%;position:relative;	text-align:left; border-top:1px #ddd solid}
.mmstyle li li.first		{ border-top:0px #fff dashed}
.mmstyle li li a,
.mmstyle li li a:link,
.mmstyle li li a:active,
.mmstyle li li a:visited	{ font-weight:normal; color:#333; padding:10px 0 10px 20px;text-transform:none; font-size:14px; background:#fff; line-height:1em;}
.mmstyle li li > a:hover,
.mmstyle li li.sfHover > a	{ text-decoration:none; background:url(images/menuover.gif) 0 0 repeat-x}
.mmstyle li:hover ul,
.mmstyle li.sfHover ul 		{ left:-1px;top:60px;}
ul.mmstyle li:hover li ul,
ul.mmstyle li.sfHover li ul { top:-999em;}

/***subsubmenu***/

.mmstyle ul ul			 	{ width:220px;}
ul.mmstyle li li:hover ul, ul.mmstyle li li.sfHover ul { left:220px; top:0px;}
ul.mmstyle li li:hover li ul, ul.mmstyle li li.sfHover li ul { top:-999em;}

/***subsubsubmenu***/

.mmstyle ul ul ul			{ width:220px;}
ul.mmstyle li ul li li:hover ul, ul.mmstyle li ul li li.sfHover ul { left:220px; top:0px;}
ul.mmstyle li ul li li:hover li ul, ul.mmstyle li ul li li.sfHover li ul { top:-999em;}





/* Mobile */
@media handheld, only screen and (max-width: 980px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 15px;}}
@media handheld, only screen and (max-width: 950px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 16px}}
@media handheld, only screen and (max-width: 920px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 14px;}}
@media handheld, only screen and (max-width: 890px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 12px;}}
@media handheld, only screen and (max-width: 860px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 10px;}}
@media handheld, only screen and (max-width: 830px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 10px;font-size:16px}}
@media handheld, only screen and (max-width: 800px){.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active{ padding:0px 10px;font-size:16px; font-weight:normal; }}
@media handheld, only screen and (max-width: 767px) {
.mmstyle > li				{ width:100%; float:none; margin-bottom:0px; text-align:left; border-top:1px #f5f5f5 solid; border-bottom:1px #ddd solid;}

.mmstyle > li.sfHover > a 	{ margin-bottom:0px;}
.mmstyle ul 				{ position:static; width:auto; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-top:0px; padding:0px}
.mmstyle li li				{ text-align:left;}

ul.mmstyle ul ul 			{ position: relative;top:-999em;z-index:99;width: auto; display:none;padding:0px;background:#fff; border:0px #d5d5d5 solid;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow: #000 0px 0px 0px;-moz-box-shadow: #000 0px 0px 0px;box-shadow: #000 0px 0px 0px;left:0px}
ul.mmstyle li li:hover ul, ul.mmstyle li li.sfHover ul { left:0px; top:0px;}
ul.mmstyle li ul li li:hover ul, ul.mmstyle li ul li li.sfHover ul { left:0px; top:0px;}

.mmstyle ul ul li{background:none; padding-bottom:0; font-style:italic; margin-bottom:6px;}
.mmstyle li a.mmArrow:link,.mmstyle li a.mmArrow:active,.mmstyle li a.mmArrow:visited,.mmstyle li a.mmArrow:hover					{  right:10px; top:14px;}
.mmstyle li.current a,
.mmstyle li.Breadcrumb a				{ text-decoration:none; background:#fff}
.mmstyle ul ul ul			{ width:auto; border:none}

.mmstyle li a,.mmstyle li a:link,.mmstyle li a:active {display:block; color:#333; padding:12px 20px;text-decoration:none; line-height:1em; font-size:18px}


}

