/* Accordion */
.menu-accordion h3 a {
	display:block;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:auto;
	color:white;
	background-color:#666666;
	text-decoration:none;
	padding:5px;
}
.menu-accordion h3 a:hover {
	text-decoration:underline;
}
.menu-accordion h3 {
	margin:1px 0px;
	padding:0px;
}
.menu-accordion ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.menu-accordion ul li {
	margin:0px;
	padding:0;
}
.menu-accordion ul li a {
	display:block;
	color:#145189;
	text-decoration:none;
	padding:3px 2px 3px 10px;
}
.menu-accordion ul li a:hover {
	background-color:#e7e7e7;
}
.menu-accordion .menuTitle {
	color: #444;
	font: normal normal bold 13px/normal Georgia, 'Times New Roman', Times, serif;
	height: 24px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: center;
	text-transform: uppercase;
}

/* Horizontal */
.menu-horizontal {
	overflow:hidden;
	background-color:transparent;
    margin: 16px 0;
}
.menu-horizontal ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
	display:inline;
	overflow:hidden;
}
.menu-horizontal ul li {
	display:block;
	float:left;
	margin:0px;
	list-style-type: none;
	padding:0px;
	
}
.menu-horizontal ul li a {
	display:block;
	padding:0px 8px 0px 15px;
	color:white;
	text-decoration:none;
	border-left: none;
}
.menu-horizontal ul li:first-child a {
	border-left:none;
}

.menu-horizontal ul li a:hover {
	text-decoration:underline;
}
.menu-horizontal .menuTitle {
	color: #444;
	font: normal normal bold 13px/normal Georgia, 'Times New Roman', Times, serif;
	height: 24px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: center;
	text-transform: uppercase;
}

/* vertical with headings */
.menu-advvert h3 a {
	display:block;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height:auto;
	color:white;
	background-color:transparent;
	text-decoration:none;
}
.menu-advvert h3 a:hover {
	text-decoration:underline;
}
.menu-advvert h3 {
	display:block;
	font-size:12px;
	line-height:auto;
	color:white;
	background-color:transparent;
	text-decoration:none;
	padding:5px;
	margin:0px;
}
.menu-advvert ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.menu-advvert ul li {
	margin:0px;
	padding:0;
}
.menu-advvert ul li a {
	display:block;
	color:#145189;
	text-decoration:none;
	padding:3px 2px 3px 10px;
}
.menu-advvert ul li a:hover {
	background-color:#e7e7e7;
}
.menu-advvert .menuTitle {
	color: #444;
	font: normal normal bold 13px/normal Georgia, 'Times New Roman', Times, serif;
	height: 24px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: center;
	text-transform: uppercase;
}

/* Pulldown Menus (with CSS) */
/*#navBarCont { width: 960px; clear: both; height: 48px; } */
.menu-pulldown { width: 100%; height: 40px; float: left; padding-left: 6px; background-color: none; }
.menu-pulldown ul { padding: 0; margin: 0; list-style: none; }
.menu-pulldown li { float: left; height: 30px; position: relative /* Needed for the ul ul, top and left property to work */; z-index: 990 /* Needed to overlay any absolute element */; }
.menu-pulldown li a { height: 20px; padding: 6px 10px 0 15px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #CCC; text-decoration: none; float: left; text-align: center;}
.menu-pulldown li a:hover { text-decoration: underline; }
.menu-pulldown li:first-child { background-image: none; }
.menu-pulldown ul ul { height: auto; position: absolute; z-index: 990 /* Needed to overlay any absolute element */; display: none; width: 190px;  top: 30px /* Set to the li height */; left: 0 /* Fixes IE7 & IE6 Positioning */;}

nav#mainNav ul.level2 { background: url('/img/bac_menu_arrow_trans.png') 4px 5px no-repeat transparent; padding: 0px; padding-top: 12px; display: none; max-width: 190px; width: 190px; }
nav#mainNav ul .ul_styles {/*Used for the styles the UL can't hold due to the arrow png*/ border: solid 1px #999;-moz-box-shadow: -1px 2px 6px 2px rgba(0, 0, 0, 0.6); box-shadow: -1px 2px 6px 2px rgba(0, 0, 0, 0.6); padding: 0px; float: left; width: 188px;}

.menu-pulldown li li { width: 190px; background-image: none; height: auto; border-top: solid 1px #999; }
.menu-pulldown li li a {background-color: #838383; text-align: left; color: #ffffff; width: 158px; text-transform: none; padding: 10px 15px; height: auto; }
.menu-pulldown li li a:hover { background-color: #e82134; color: #333; text-decoration: none; }
.menu-pulldown li li:first-child { border-top: none; }
.menu-pulldown ul ul ul { display: none; top: 0; position: absolute; z-index: 999; left: 100%; width: 300px; padding-left: 1px; }
.menu-pulldown li li li { float: left; z-index: 999; width: 300px; }
.menu-pulldown li li li a { float: left; height: 23px; width: 280px; padding: 10px 10px 0; }
.menu-pulldown ul li:hover ul { display: block; }
.menu-pulldown ul li:hover ul ul { display: none; }
.menu-pulldown ul ul li:hover ul { display: block !important; }
.menu-pulldown .hasSubmenu {
	/*background-image: url(/tsparkCMS/images/navbar-list-arrow.gif); background-position: 100% 0%; background-repeat: no-repeat no-repeat; */
}

.menu-pulldown li:hover ul { display: block; }

/* Flyout Menus (with CSS) */
/*
.menu-flyout { clear: both; }
.menu-flyout ul { padding: 0; margin: 0; list-style: none; float: left; }
.menu-flyout ul.level1 {width: 180px;}
.menu-flyout ul.level2 {border: 0px solid #999999; box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.3);}
.menu-flyout li { position: relative; height: auto;padding: 0; margin: 0; clear: both /; float: left /; zoom: 1; overflow: visible;}
.menu-flyout li:first-child { border-top: none; }
.menu-flyout li a { padding: 4px 0px 3px 0px; height: auto; display: block; text-decoration: none; color: #333; width: 165px;}

.menu-flyout li li {border-top: solid 1px #999999; }
.menu-flyout li li a {background-color: #838383; padding-left: 15px; color: #ffffff; }
.menu-flyout li li a:hover { background-color: #e82134; color: #FFF; }
.menu-flyout ul ul { display: none; position: absolute; z-index: 9999; top: -1px; left: 180px; }
.menu-flyout li:hover ul { display: block ; } 
.menu-flyout .menuTitle {
	color: #444;
	font: normal normal bold 13px/normal Georgia, 'Times New Roman', Times, serif;
	height: 24px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: center;
	text-transform: uppercase;
}
*/

/* Flyout Menus (with CSS) */
.menu-flyout { clear: both; }
.menu-flyout ul { padding: 0; margin: 0; list-style: none; border: 0px; width: auto; float: left; clear: both;/* Needed with li float left */ overflow: visible;}
.menu-flyout li { position: relative /* Needed for the ul ul top and right values to work */; height: auto; width: auto; border-top: 0px; padding: 0; margin: 0; float: none; clear: both /* Need with float left */; float: left; /* Needed for IE6 */ overflow: hidden; zoom: 1;}
.menu-flyout li:after {
	float: left;
	clear: both;
	display: table;
	content: " ";
}
html.lt-ie8 .menu-flyout li {float: none !important; display: block !important; content: normal; width: 100px !important; overflow: visible;}
.menu-flyout li:first-child { border-top: none; }
.menu-flyout li a { padding: 7px 10px 0 10px; height: 23px; display: block; float: none; text-decoration: none; color: #333; background-color: transparent; width: auto; }
.menu-flyout a.activeLink + ul {
	display: block !important;
	height: auto !important;
}
.menu-flyout li a:hover { background-color: #000; color: #FFF; }
.menu-flyout ul ul { width: auto; display: none; position: static; margin-left: 5px;}
/*.menu-flyout li:hover > ul { display: block; height: auto;/* Makes the hover effect work *//* } /* This hover effect works in IE6 with the csshover.htc script and requires javascript */
.menu-flyout .menuTitle {
	color: #444;
	font: normal normal bold 13px/normal Georgia, 'Times New Roman', Times, serif;
	height: 24px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: center;
	text-transform: uppercase;
}

/* twolayer Menus (with CSS) */
.menu-twolayer { width: 100%; height: 48px; float: left; padding-left: 6px; background-color:#555555; }
.menu-twolayer ul { padding: 0; margin: 0; list-style: none; }
.menu-twolayer li { float: left; height: 48px; position: relative /* Needed for the ul ul, top and left property to work */; z-index: 999 /* Needed to overlay any absolute element */; }
.menu-twolayer li a { height: 30px; padding: 18px 18px 0 19px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #CCC; text-decoration: none; float: left; }
.menu-twolayer li a:hover { text-decoration: underline; }
.menu-twolayer li:first-child { background-image: none; }
.menu-twolayer ul ul { background-color: #333; height: auto; position: absolute; z-index: 999 /* Needed to overlay any absolute element */; display: none; width: 250px; border: solid 1px #999; top: 48px /* Set to the li height */; left: 0 /* Fixes IE7 & IE6 Positioning */; -moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333; }
.menu-twolayer li li { width: 250px; background-image: none; height: auto; border-top: solid 1px #999; }
.menu-twolayer li li a { width: 220px; text-transform: none; padding: 10px 15px; height: auto; }
.menu-twolayer li li a:hover { background-color: #999; color: #333; text-decoration: none; }
.menu-twolayer li li:first-child { border-top: none; }
.menu-twolayer ul ul ul { display: none; top: 0; position: absolute; z-index: 999; left: 100%; width: 300px; padding-left: 1px; }
.menu-twolayer li li li { float: left; z-index: 999; width: 300px; }
.menu-twolayer li li li a { float: left; height: 23px; width: 280px; padding: 10px 10px 0; }
.menu-twolayer ul li:hover ul { display: block; }
.menu-twolayer ul li:hover ul ul { display: none; }
.menu-twolayer ul ul li:hover ul { display: block !important; }
.menu-twolayer .hasSubmenu {
	background-image: url(/tsparkCMS/images/navbar-list-arrow.gif); background-position: 100% 0%; background-repeat: no-repeat no-repeat; 
}
.menu-twolayer .menuhtmlcontent {float:right;width:250px;color:white; border-top: solid 1px #999; }
.menu-twolayer li:hover ul { display: block; }

/* threelayer Menus (with CSS) */
/* top level */
.menu-threelayer { width: 1000px; height: 48px; float: left; padding-left: 0px; background-color:#555555; }
.menu-threelayer ul { padding: 0; margin: 0; list-style: none; position:absolute;}
.menu-threelayer li { float: left; height: 48px;  /* Needed for the ul ul, top and left property to work */; z-index: 999 /* Needed to overlay any absolute element */; }
.menu-threelayer li a { height: 30px; padding: 18px 18px 0 19px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; color: #CCC; text-decoration: none; float: left; }
.menu-threelayer li a:hover { text-decoration: underline; }
.menu-threelayer li:first-child { background-image: none; }
.menu-threelayer li:hover ul { display: block; }
/* second level */
.menu-threelayer ul ul { background-color: #333; height: 28px; position: absolute; z-index: 999 /* Needed to overlay any absolute element */; display: none; width:998px; border: solid 1px #999; top: 48px /* Set to the li height */; left: 0 /* Fixes IE7 & IE6 Positioning */; /* -moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333; */ }
.menu-threelayer ul li ul li {display:block; padding: 0; background-image: none; height: auto; float:left; margin:0px; }
.menu-threelayer ul li ul li a { text-transform: none; height: 20px; float:left; padding:8px 10px 0; }
.menu-threelayer ul li ul li a:hover { background-color: #999; color: #333; text-decoration: none; }
/* third level */
.menu-threelayer ul li ul li .menuhtmlcontent {display:none;width:966px;padding:15px;border: solid 1px #999; background-color: #e9e9e9; position:absolute;left:0px;top:28px;clear:both;}
.menu-threelayer ul li ul li:hover .menuhtmlcontent { display: block; }
.menu-threelayer ul li ul li .menuhtmlcontent ul {margin-left:auto;padding-left: auto;float:none; background: none; list-style:disc; position: static; height:auto; background-color: none; border:none; display: block; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none;}
.menu-threelayer ul li ul li .menuhtmlcontent li {display:list-item;margin:0 0 0 15px;padding:auto;float:none; background: none; position: static; list-style:disc; }
.menu-threelayer ul li ul li .menuhtmlcontent li a {display: inline; float:none; border:none; margin:auto; padding:inherit; background-color:transparent; height:auto; color:#00AEEF;}