/* ============================================================= */
/* =================== Green Nav 1 ======================== */
/* ============================================================= */
/*@font-face {font-family: 'MuseoSans_300';src: url('webfonts/MuseoSans_300.otf');}*/

.MenuWrapper, div.MenuButteGlobal { display:block; margin:0px auto; padding:0px; font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 300; position:relative;}

.MenuWrapper div.PfNav, div.MenuButteGlobal div.PfNav  {margin:auto;  display:block; padding:0px;}
/* ============================================================= */
/* =================== Main tab styling (level 0) ============== */
/* ============================================================= */

.MenuButteGlobal .MenuWrapper ul, .MenuButteGlobal ul#PfNavMega {margin:auto; position:static; list-style:none; font-weight:bold; margin:0px; padding:0px; vertical-align:top; display:inline-block;}

.MenuButteGlobal .MenuWrapper ul li, .MenuButteGlobal ul#PfNavMega li {display:inline-block; position:relative; float:left; margin:0px; padding:0px; text-align:center; overflow:visible;}
.MenuButteGlobal .MenuWrapper ul li:first-child, .MenuButteGlobal ul#PfNavMega li:first-child {border:none;}
.MenuButteGlobal .MenuWrapper ul li:hover, .MenuButteGlobal ul#PfNavMega li:hover {z-index:1;}
.MenuButteGlobal li.HasChildren, .MenuButteGlobal li.HasChildren{background:url(arrow-d2.png) no-repeat right;}

.MenuButteGlobal li.HasChildren:hover, .MenuButteGlobal li.HasChildren:hover {background:url(arrow-d2hover.png) no-repeat right;}

.MenuButteGlobal .MenuWrapper ul, .MenuButteGlobal ul#PfNavMega {position:static;}
.MenuButteGlobal .MenuWrapper ul a, .MenuButteGlobal ul#PfNavMega a {display:block; margin:0px; padding:9px 30px 9px 19px; line-height:125%; color:#ffffff; font-size:18px; text-decoration:none; text-transform:uppercase;font-family: "museo-sans",sans-serif;font-style: normal;font-weight: 300; }
.MenuButteGlobal .MenuWrapper ul li:first-child a, .MenuButteGlobal ul#PfNavMega li:first-child a {}
.MenuButteGlobal .MenuWrapper ul li a span.MenuText, .MenuButteGlobal ul#PfNavMega li a span.MenuText {display:block; padding:0px;}
.MenuButteGlobal .MenuWrapper ul li:first-child a span.MenuText, .MenuButteGlobal ul#PfNavMega li:first-child a span.MenuText {border:none;}
.MenuButteGlobal .MenuWrapper ul li.Active a, .MenuButteGlobal ul#PfNavMega li.Active a {}
.MenuButteGlobal .MenuWrapper ul li.Active a span.MenuText, .MenuButteGlobal ul#PfNavMega li.Active a span.MenuText {}
.MenuButteGlobal .MenuWrapper ul li:hover a, .MenuButteGlobal ul#PfNavMega li:hover a {color:#d99f75;}

/* ============================================================= */
/* =================== DropMenu Styling           ============== */
/* ============================================================= */

.MenuButteGlobal ul#PfNavMega div.shadow, .MenuButteGlobal ul#PfNavMega div.jShadow {overflow:hidden; z-index:9999; position:absolute; padding:0px 0px 6px 0px; margin:0px; width:auto; text-align:center; background: url(bg_subm.png) repeat-x top #08501f; border:#132200 solid 1px; -moz-box-shadow: inset 0 0 10px #292929;  -webkit-box-shadow: inset 0 0 10px #292929;  box-shadow: inset 0 0 10px #292929;}
.MenuButteGlobal ul#PfNavMega div.shadow div.InnerMegaDiv, .MenuButteGlobal ul#PfNavMega div.jShadow div.InnerMegaDiv {z-index:1; margin:0px; width:auto; padding:0px; text-align:center;}

/******************************* Normal CSS begin *************************/
.MenuButteGlobal ul#PfNavMega div.shadow {display:block; left:-10000px; top:auto; /*CSS3 >>*/opacity:0.0; /* Firefox */ -moz-transition:opacity 0.25s ease 0.1s; /* WebKit */ -webkit-transition:opacity 0.25s ease 0.1s; /* Opera */ -o-transition:opacity 0.25s ease 0.1s; /* Standard */ transition:opacity 0.25s ease 0.1s; /*<< CSS3*/}
.MenuButteGlobal ul#PfNavMega div.shadow div.InnerMegaDiv {}

/* sub menu - show drop divs */
.MenuButteGlobal ul#PfNavMega li:hover div.shadow {left:0px; opacity:1;} /*neg margin is for shadow */

.MenuButteGlobal ul#PfNavMega #Menu1:hover div.shadow {  }

.MenuButteGlobal ul#PfNavMega #Menu2:hover div.shadow {  }

.MenuButteGlobal ul#PfNavMega #Menu3:hover div.shadow {  }

.MenuButteGlobal ul#PfNavMega #Menu4:hover div.shadow {  }

.MenuButteGlobal ul#PfNavMega #Menu5:hover div.shadow {  }

.MenuButteGlobal ul#PfNavMega #Menu6:hover div.shadow {  }

.MenuButteGlobal ul#PfNavMega #Menu7:hover div.shadow {  }

.MenuButteGlobal ul#PfNavMega #Menu8:hover div.shadow {  }

.MenuButteGlobal ul#PfNavMega #Menu9:hover div.shadow {  }
/******************************* Normal CSS end ***************************/


/******************************* jQuery CSS begin *************************/
.MenuButteGlobal ul#PfNavMega div.jShadow {display:none; left:0px; top:auto;}
.MenuButteGlobal ul#PfNavMega div.jShadow div.InnerMegaDiv {}

/* show drop divs */
.MenuButteGlobal ul#PfNavMega li:hover div.jShadow {} /*neg margin is for shadow */
/******************************* jQuery CSS end ***************************/

.MenuButteGlobal .IconImgBefore {padding:0px 5px; vertical-align:middle;}
.MenuButteGlobal .HtmlBeforeLevel0 {display:block; float:left; margin-right:20px;}

.MenuButteGlobal ul#PfNavMega li div.Column {display:table-cell; border:none; vertical-align:top;}
.MenuButteGlobal ul#PfNavMega li:hover div.Column {}

/* ============================================================= */
/* =================== Column Heading Styling (level 1) ======== */
/* ============================================================= */

.MenuButteGlobal ul#PfNavMega li.Active:hover ul li a, .MenuButteGlobal ul#PfNavMega li.HasChildren ul li a  ul#PfNavMega li.HasChildren ul li a span.MenuText, .MenuButteGlobal ul#PfNavMega li.HasChildren:hover ul li a span.MenuText {background:none;}

.MenuButteGlobal ul#PfNavMega ul {list-style:none; margin:0px; padding:0px;}
.MenuButteGlobal ul#PfNavMega ul li {background:none; border:none; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px; text-align:left; vertical-align:top;}
.MenuButteGlobal ul#PfNavMega ul li:hover {background:none; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px;} 

.MenuButteGlobal ul#PfNavMega ul li a {font-size:14px; font-weight: normal; color:#FFFFFF;}
.MenuButteGlobal ul#PfNavMega li div ul li a {background:none; }
.MenuButteGlobal ul#PfNavMega li:hover div ul li a {background:none; padding:0 0 0 8px; font-weight:bold; color:#d99f75;}
.MenuButteGlobal ul#PfNavMega li:hover div ul li a:hover {}

/* ============================================================= */
/* =================== Menu item styling (level 2) ============= */
/* ============================================================= */

.MenuButteGlobal ul#PfNavMega ul li ul li a {font-size:12px; font-weight:normal; color:#ffffff; font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 300;}

.MenuButteGlobal ul#PfNavMega div ul {position:relative; display:inline-block; margin:10px 0px 20px 0px; vertical-align:top;}
.MenuButteGlobal ul#PfNavMega div ul li {display:block; position:relative; background:none; border:none; padding:0px 10px 0px 10px; margin:5px 0px 0px 0px; text-align:left; vertical-align:top; width:140px;clear:both;}
.MenuButteGlobal ul#PfNavMega div ul li:hover {display:block; position:relative; background:none; border:none; padding:0px 10px 0px 10px; margin:5px 0px 0px 0px; text-align:left; vertical-align:top;}

.MenuButteGlobal ul#PfNavMega div ul li ul {margin:5px 0px 0px 0px;}
.MenuButteGlobal ul#PfNavMega div ul li ul li {display:block; position:relative; background:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:left; vertical-align:top; }
.MenuButteGlobal ul#PfNavMega div ul li ul li:first-child {}
.MenuButteGlobal ul#PfNavMega div ul li ul li:hover {display:block; position:relative; background:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:left; vertical-align:top; }
.MenuButteGlobal ul#PfNavMega li:hover div ul li ul li a {color:#FFFFFF; text-transform:none; padding:1px 8px; margin:3px 0px; line-height:125%; border:none;}
.MenuButteGlobal ul#PfNavMega li:hover div ul li ul li a:hover, .MenuButteGlobal ul#PfNavMega li:hover div ul li ul li.Active a {color:#d99f75; border:none;font-weight:normal;}

/* ============================================================= */
/* =================== Menu item styling (level 3) ============= */
/* ============================================================= */

.MenuButteGlobal ul#PfNavMega div ul li ul li ul {margin:5px 0px 15px 15px;}
.MenuButteGlobal ul#PfNavMega div ul li ul li ul li {border:none; background:none;}
.MenuButteGlobal ul#PfNavMega div ul li ul li ul li:hover {border:none; background:none;}
.MenuButteGlobal ul#PfNavMega div ul li ul li ul li:hover a {}
.MenuButteGlobal ul#PfNavMega li:hover div ul li ul li ul li a {padding:3px 8px; margin:0px; line-height:125%;}
.MenuButteGlobal ul#PfNavMega li:hover div ul li ul li ul li a:hover, .MenuButteGlobal ul#PfNavMega li:hover div ul li ul li ul li.Active a {}

/* IE7 RULES */
.MenuButteGlobal ul#PfNavMega div.shadow {!width:604px;}
.MenuButteGlobal ul#PfNavMega div.jShadow {!width:604px;}
.MenuButteGlobal ul#PfNavMega div.shadow div.InnerMegaDiv {!width:604px;}
.MenuButteGlobal ul#PfNavMega div.jShadow div.InnerMegaDiv {!width:604px;}
.MenuButteGlobal ul#PfNavMega li div.Column {!display:inline; /*!float:left;*/}
.MenuButteGlobal ul#PfNavMega div ul {!display:inline;}