#menu {

width: 100%;

float: left;

background: #2f8e8e;

/*min-width: 740px;

	max-width: 1257px;*/

margin: 0 auto;

}

#menu ul {

list-style: none;

margin: 0;

padding: 0;

width: 14.28%;

float: left;

background: #9cc;

}

#menu a, #menu h2 {

font: 11px arial, helvetica, sans-serif;

display: block;

border-width: 1px;

border-style: solid;

background: #fff;

border-color: #9cc;

margin: 0;

padding: 2px 3px;


}



#menu h2 {

font-size: 12px;

color: #fff;

font-weight:bold;

background: #2f8e8e;

border-color: #2f8e8e;

border-right-color:#9cc;

text-align:center

}

#menu h2 a{

font-size: 12px;

color: #fff;

font-weight:bold;

background: #2f8e8e;

border-color: #2f8e8e;

text-align:center

}


#menu h2 a:hover{

background: #2f8e8e;
color:#fff
}


#menu h2.lastm {

border-right:none;

}



#menu h2.firstm {

border-left-color:#066

}



#menu a {

color: #333;

background: #f1f5ff;

text-decoration: none;

}







#menu a.main {

background: #f1f5ff  url(../images/icon-arrow-secondary-menu.gif) center right no-repeat;}







#menu a.main:hover {

background: #f1f5ff url(../images/icon-arrow-nav-primary-orange.gif) center right no-repeat;

}







#menu a:hover {

color: #cf5200;

background: #fff;

}





#menu li {position: relative;z-index:9999999}



#menu ul ul {

position: absolute;

z-index: 500;

width: 100%;

}



#menu ul ul ul {

top: 0;

left: 100%;

}



div#menu ul ul,

div#menu ul li:hover ul ul,

div#menu ul ul li:hover ul ul

{display: none;}



div#menu ul li:hover ul,

div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul

{display: block;}