/* ============================================================= */
/* =================== Main tab styling ======================== */
/* ============================================================= */

#navdttg {
    width: 100%;
}
.MenuWrapper, div.MenuWrapperMega {z-index:1000; display:block; margin:0px auto; padding:0px; position:relative; font-family:georgia,sans-serif;}

.MenuWrapper div.PfNav, div.MenuWrapperMega div.PfNav  {margin:auto; z-index:1000; display:block; padding:0px; background:#000000;}
/* ============================================================= */
/* =================== Main tab styling (level 0) ============== */
/* ============================================================= */

.MenuWrapper ul, ul#PfNavMega {margin:auto; position:static; list-style:none; font-weight:bold; margin:0px; padding:0px; vertical-align:top; display:inline-block;}

.MenuWrapper ul li, ul#PfNavMega li {display:inline-block; float:left; margin:0px; padding:0px; text-align:center; border-left:2px solid #666666; overflow:visible;}
.MenuWrapper ul li:first-child, ul#PfNavMega li:first-child {border:none;}
.MenuWrapper ul li:hover, ul#PfNavMega li:hover {z-index:1;}
.MenuWrapper ul li.HasChildren:hover, ul#PfNavMega li.HasChildren:hover {}

.MenuWrapper ul, ul#PfNavMega {position:static;}
.MenuWrapper ul a, ul#PfNavMega a {display:block; margin:0px; padding:8px 19px 7px 19px; line-height:125%; color:#ffffff; font-size:16px; font-weight:normal; text-decoration:none;}
.MenuWrapper ul li:first-child a, ul#PfNavMega li:first-child a {}
.MenuWrapper ul li a span.MenuText, ul#PfNavMega li a span.MenuText {display:block; padding:0px;}
.MenuWrapper ul li:first-child a span.MenuText, ul#PfNavMega li:first-child a span.MenuText {border:none;}
.MenuWrapper ul li.Active a, ul#PfNavMega li.Active a {background:#1c4868;}
.MenuWrapper ul li.Active a span.MenuText, ul#PfNavMega li.Active a span.MenuText {}
.MenuWrapper ul li:hover a, ul#PfNavMega li:hover a {color:#000000; background:#F4F4F4;}

/* ============================================================= */
/* =================== DropMenu Styling           ============== */
/* ============================================================= */

ul#PfNavMega div.shadow, ul#PfNavMega div.jShadow {overflow:hidden; z-index:9999; position:absolute; padding:0px 0px 6px 0px; margin:0px; width:100%; text-align:center; border:1px solid #666666; background:#ffffff; -moz-box-shadow:2px 2px 10px 0px #000000; -webkit-box-shadow:2px 2px 10px 0px #000000; box-shadow:2px 2px 10px 0px #000000;}
ul#PfNavMega div.shadow div.InnerMegaDiv, ul#PfNavMega div.jShadow div.InnerMegaDiv {z-index:1; margin:0px; width:100%; padding:0px; text-align:center;}

/******************************* Normal CSS begin *************************/
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*/}
ul#PfNavMega div.shadow div.InnerMegaDiv {}

/* show drop divs */
ul#PfNavMega li:hover div.shadow {left:0px; opacity:1;} /*neg margin is for shadow */
/******************************* Normal CSS end ***************************/


/******************************* jQuery CSS begin *************************/
ul#PfNavMega div.jShadow {display:none; left:0px; top:auto;}
ul#PfNavMega div.jShadow div.InnerMegaDiv {}

/* show drop divs */
ul#PfNavMega li:hover div.jShadow {} /*neg margin is for shadow */
/******************************* jQuery CSS end ***************************/

.IconImgBefore {padding:0px 5px; vertical-align:middle;}
.HtmlBeforeLevel0 {display:block; float:left; margin-right:20px;}

ul#PfNavMega li div.Column {display:table-cell; border:none; vertical-align:top;}
ul#PfNavMega li:hover div.Column {}

/* ============================================================= */
/* =================== Column Heading Styling (level 1) ======== */
/* ============================================================= */

ul#PfNavMega li.Active:hover ul li a, ul#PfNavMega li.HasChildren ul li a  ul#PfNavMega li.HasChildren ul li a span.MenuText, ul#PfNavMega li.HasChildren:hover ul li a span.MenuText {background:none;}

ul#PfNavMega ul {list-style:none; margin:0px; padding:0px;}
ul#PfNavMega ul li {background:none; border:none; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px; text-align:left; vertical-align:top;}
ul#PfNavMega ul li:hover {background:none; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px;} 

ul#PfNavMega ul li a {font-size:14px; font-weight:bold; color:#1c4868;}
ul#PfNavMega li div ul li a {background:none; border-bottom:2px solid #015079;}
ul#PfNavMega li:hover div ul li a {background:none; color:#1c4868;}
ul#PfNavMega li:hover div ul li a:hover {}

/* ============================================================= */
/* =================== Menu item styling (level 2) ============= */
/* ============================================================= */

ul#PfNavMega ul li ul li a {font-size:12px; font-weight:normal; color:#1c4868; font-family:Verdana, Geneva, sans-serif;}

ul#PfNavMega div ul {position:relative; display:inline-block; margin:10px 0px 20px 0px; vertical-align:top;}
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;}
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;}

ul#PfNavMega div ul li ul {margin:5px 0px 0px 0px;}
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; border-bottom: none;}
ul#PfNavMega div ul li ul li:first-child {border-bottom:1px solid #eaeaea;}
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; border-bottom:  none}
ul#PfNavMega li:hover div ul li ul li a {color:#1c4868; padding:5px 8px; margin:3px 0px; line-height:125%; border:none;}
ul#PfNavMega li:hover div ul li ul li a:hover, 
ul#PfNavMega li:hover div ul li ul li.Active a {color:#8a2131!important; border:none; text-decoration: none;}
ul#PfNavMega li:hover div ul li a:hover { text-decoration:underline;
}

/* ============================================================= */
/* =================== Menu item styling (level 3) ============= */
/* ============================================================= */

ul#PfNavMega div ul li ul li ul {margin:5px 0px 15px 15px;}
ul#PfNavMega div ul li ul li ul li {border:none; background:none;}
ul#PfNavMega div ul li ul li ul li:hover {border:none; background:none;}
ul#PfNavMega div ul li ul li ul li:hover a {}
ul#PfNavMega li:hover div ul li ul li ul li a {padding:3px 8px; margin:0px; line-height:125%;}
ul#PfNavMega li:hover div ul li ul li ul li a:hover, ul#PfNavMega li:hover div ul li ul li ul li.Active a {}

/* IE7 RULES */
ul#PfNavMega div.shadow div.InnerMegaDiv {!width:604px;}
ul#PfNavMega div.jShadow div.InnerMegaDiv {!width:604px;}
ul#PfNavMega li div.Column {!display:inline; /*!float:left;*/}
ul#PfNavMega div ul {!display:inline;}