/* ============================================================= */
/* =================== Main tab styling ======================== */
/* ============================================================= */

.MenuWrapper, div.MenuWrapperMega {
	z-index:auto;
	display:block;
	padding:0px;
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.MenuWrapper div.PfNav, div.MenuWrapperMega div.PfNav  {
	margin:auto;
	z-index:1000;
	display:block;
	padding:0px;
}
/* ============================================================= */
/* =================== 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 {float:left; margin:0px; padding-left:3px; padding-right:3px; padding-bottom:0px; padding-top:0px; text-align:center; border-left:1px solid #38648b; 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;
	line-height:125%;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-top: 8px;
	padding-right: 29px;
	padding-bottom: 7px;
	padding-left: 29px;
}
.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 {color:#ffffff; background:#012c57;}
.MenuWrapper ul li.Active a span.MenuText, ul#PfNavMega li.Active a span.MenuText {color:#ffffff; background:#012c57; padding-top:1px; border-top:0px solid #38648b;}
.MenuWrapper ul li:hover a, ul#PfNavMega li:hover a { color:#ffffff; background:#012c57; border-top:0px solid #38648b;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	moz-border-radius-topright: 4px;
	moz-border-radius-topleft: 4px;
	moz-border-radius-bottomright: 4px;
	moz-border-radius-bottomleft: 4px;}

.MenuWrapper ul li.Active a {color:#ffffff; padding: 0px 0px 0px 15px; background:#012c57 no-repeat left top;}
.MenuWrapper ul li.Active a span.MenuText {display:block; padding: 0px 15px 0px 0px; line-height:38px; background:#012c57 no-repeat right top;}
.MenuWrapper ul li:hover a {color:#000000; padding: 0px 0px 0px 15px; background:#012c57; z-index:1;}
.MenuWrapper ul li a span.MenuText {display:block; padding: 0px 15px 0px 0px; line-height:38px;}
.MenuWrapper ul li:hover a span.MenuText { background:#012c57; }
.MenuWrapper ul li:hover { background:#012c57; padding:0px 4px 0px 5px; margin:0px 0px 0px 0px; z-index:1;}




/* ============================================================= */
/* =================== DropMenu Styling           ============== */
/* ============================================================= */

ul#PfNavMega div.shadow, ul#PfNavMega div.jShadow {
	overflow:hidden;
	z-index:9000;
	position:absolute;
	width:1003px;
	text-align:center;
	background:#012c57;
	background: -moz-linear-gradient(top, #012c57, #1b5b9a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#012c57', endColorstr='#1b5b9a');
	background: -gradient(linear, 0% 0%, 0% 100%, from(#012c57), to(#1b5b9a));
	background: -webkit-gradient(linear, left top, left bottom, from(#012c57), to(#1b5b9a)); 

	-moz-box-shadow:0px 0px 10px 0px #000000;
	-webkit-box-shadow:0px 0px 10px 0px #000000;
	box-shadow:0px 0px 10px 0px #000000;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	/*border-top-style: solid;*/
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	/*border-top-color: #012c57;*/
	border-right-color: #38648b;
	border-bottom-color: #38648b;
	border-left-color: #38648b;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	moz-border-radius-bottomright: 8px;
	moz-border-radius-bottomleft: 8px;	
	-webkit-border-radius-bottomright: 8px;
	-webkit-border-radius-bottomleft: 8px;	
}
ul#PfNavMega div.shadow div.InnerMegaDiv, ul#PfNavMega div.jShadow div.InnerMegaDiv {z-index:9000; margin:0px; width:100%; padding:0px; top: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;
	vertical-align:top;
	width: 200px;
	border-right-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #003366;
}
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:#ffffff;}
ul#PfNavMega li div ul li a {background:none; border-bottom:2px solid #015079;}
ul#PfNavMega li:hover div ul li a {
	background:none;
	border-bottom:1px solid #015079;
	padding:8px;
	color:#99ccff;
}
ul#PfNavMega li:hover div ul li a:hover {color:#99ccff;}
ul#PfNavMega li:Active div ul li a:Active a {color:#ffffff;	background-image: url(/Portals/_default/Skins/tbw-skin/images/menu-over.png);}


/* ============================================================= */
/* =================== Menu item styling (level 2) ============= */
/* ============================================================= */

ul#PfNavMega ul li ul li a {font-size:12px; font-weight:normal; color:#ffffff; 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:180px;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:1px solid #3c678f;}
ul#PfNavMega div ul li ul li:first-child {border-bottom:1px solid #3c678f;}
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:1px solid #3c678f;}
ul#PfNavMega li:hover div ul li ul li a {color:#ffffff; 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:#ffffff; background:#0081c2;}
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 {color:#ffffff; background:#3c678f;}
ul#PfNavMega li:hover div ul li ul li ul li a:Active a {color:#ffffff; background-image: url(/Portals/_default/Skins/tbw-skin/images/menu-over.png);}

/* ============================================================= */
/* =================== 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;}

/*.SideMenuWrapper li  {
	font-size: 14px;
	color:#99cc33;
	line-height: 25px;
display: block;
list-style-type: none;
line-height: 34px;
padding: 0px;
margin: 0px 0px 0px -10px;
font-weight: normal;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
background: none;

}*/
/* ============================================================= */
/* =================== Left Menu styling======================== */
/* ============================================================= */

.SideMenuWrapper {background:#ffffff;}
.Root_SideMenuWrapper {background:#ffffff; padding:10px 0px 0px 0px; text-decoration:none; color:#cccccc; font-weight:bold; font-size:18px; font-family:Verdana, Geneva, sans-serif;}
.Root_SideMenuWrapper a:link,.Root_SideMenuWrapper a:visited {  color:#cccccc; font-weight:bold; font-size:18px; font-family:Verdana, Geneva, sans-serif;}

/* ============================================================= */
/* =================== Left Menu item styling (level 0)========= */
/* ============================================================= */

.SideMenuWrapper ul {padding:9px 19px 12px 9px; margin:0px; list-style-type:none;}
.SideMenuWrapper ul li {padding:4px 0px 5px 0px; margin:0px; display:block; list-style-type:none;}
.SideMenuWrapper ul li a, .SideMenuWrapper ul li a:link, .SideMenuWrapper ul li a:visited, .SideMenuWrapper ul li a:active, .SideMenuWrapper ul li a:hover {padding:10px 0px 3px 10px; font-size:15px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; text-decoration:none; display:block; border-top:1px solid #e1e1e1;}
.SideMenuWrapper ul li a:hover, .SideMenuWrapper ul li a.Active {color:#99cc33;}

/* ============================================================= */
/* =================== Left Menu item styling (level 1)========= */
/* ============================================================= */

.SideMenuWrapper ul li ul {padding:0px 0px 12px 0px; margin:0px 0px 0px 17px; list-style-type:none;}
.SideMenuWrapper ul li ul li {padding:0px; margin:0px; display:block; list-style-type:none; line-height:24px;}
.SideMenuWrapper ul li ul li a, .SideMenuWrapper ul li ul li a:link, .SideMenuWrapper ul li ul li a:visited, .SideMenuWrapper ul li ul li a:active, .SideMenuWrapper ul li ul li a:hover {padding:0px; margin:0px 0px 0px 17px; font-size:12px; font-weight:normal; font-family:Verdana, Geneva, sans-serif; text-decoration:none; background:none; display:block; border:#FFF;}
.SideMenuWrapper ul li ul li a:hover, .SideMenuWrapper ul li ul li.Active a.Active {color:#99cc33;}

/* ============================================================= */
/* =================== Left Menu item styling (level 2)========= */
/* ============================================================= */

.SideMenuWrapper ul li ul li ul {padding:0px 0px 0px 0px; margin:0px 0px 0px 17px; list-style-type:none;}
.SideMenuWrapper ul li ul li ul li {padding:2px 0px; margin:0px; display:block; list-style-type:none;}
.SideMenuWrapper ul li ul li ul li a, .SideMenuWrapper ul li ul li ul li a:link, .SideMenuWrapper ul li ul li ul li a:visited, .SideMenuWrapper ul li ul li ul li a:active, .SideMenuWrapper ul li ul li ul li a:hover {padding:0px; margin:0px 0px 0px 17px; font-size:12px; font-weight:normal; font-family:Verdana, Geneva, sans-serif; text-decoration:none; background:none; display:block; border:#FFF;}
.SideMenuWrapper ul li ul li ul li a:hover, .SideMenuWrapper ul li ul li ul li.Active a.Active {color:#99cc33;}

/* ============================================================= */
/* =================== custom Menu widths ============== */
/* ============================================================= */

ul#PfNavMega 

li#Menu3 div.shadow { width: 847px;}

li#Menu4 div.shadow { width: 608px;
margin-left: 237px; } 
