/* Accordion */
.menu-accordion h3 a {
	display:block;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	line-height: normal;
	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: 0;
    border-bottom: 0px solid #514545;
    float: left;
}
.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: 0;
	
}
.menu-horizontal ul li a {
	display:block;
	padding: 8px 8px 8px 8px;
	color: #cccccc;
	border-left:1px #ccc solid;
	border-left: 1px rgba(255, 255, 255, 0.3) solid;
	height: 16px; 
	font-family: "Arial Narrow",sans-serif;
	text-transform: none;
	text-decoration:none;
	font-weight: normal;
	font-size: 12px;
}
.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:first-child {
	min-height: 210px;
}
.menu-advvert h3 a {
	display:block;
	font-family: 'PTSans-Bold', Verdana, sans-serif;
	text-transform: none;
	font-weight: normal;
	font-size:14px;
	line-height: normal;
	color: #ffffff;
	text-decoration:none;
}
.menu-advvert h3 a:hover {
	text-decoration:underline;
}
.menu-advvert h3 {
	display: block;
	font-family: 'PTSans-Bold', Verdana, sans-serif;
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
	line-height: normal;
	color: #ffffff;
	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;
	font-size: 14px;
	color: #999999;
	text-decoration: none;
	padding: 2px 2px 2px 0px;
}
.menu-advvert ul li a:hover {
	text-decoration: underline;
}
.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)    
****** CUSTOM STYLE, as in original PSD design
******/
/*#navBarCont { width: 960px; clear: both; height: 48px; } */
/*.menu-pulldown { width: auto; height: 36px; float: left; background-color: transparent; }
.menu-pulldown ul { padding: 0; margin: 0; list-style: none; }
.menu-pulldown li { float: left; height: 34px; position: relative; z-index: 990; }
.menu-pulldown li a { min-height: 18px; padding: 10px 25px 8px 20px; display: block; font-family: Arial, Verdana, sans-serif; font-weight: 100; font-size: 12px; text-transform: normal; color: #ffffff; text-decoration: none; float: left;}
.menu-pulldown li a:hover { text-decoration: underline; }
.menu-pulldown li:last-child a { background-image: none; }
.menu-pulldown ul ul { background-color: #333; height: auto; position: absolute; z-index: 990; display: none; width: 135px; border: 0px; top: 32px ; left: 0; }
.menu-pulldown li li { float: left; clear: both; height: auto; border-top: 0; }
.menu-pulldown li li a { width: 105px; background-image: none; text-transform: none; padding: 10px 10px 5px; height: 10px; }
.menu-pulldown li li a:hover { color: #ffffff; text-decoration: underline; text-shadow: 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: 135px; padding-left: 1px; }
.menu-pulldown li li li { float: left; z-index: 999; width: 100%; }
.menu-pulldown li li li a { float: left; height: 15px; width: 92px; text-align: center; border-bottom: 1px solid #525252; margin: 0 12px;}
.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; }
.menu-pulldown .hasSubmenu {background: url('/images/img_has_submenu.png') 94% 51% no-repeat;}
.menu-pulldown li:hover > ul { display: block; }
*/
#secondNav li {padding: 2px; height: 36px;}
#secondNav ul ul { background: #3b73b4; overflow: hidden; }
#secondNav li li { height: 32px; display: block; padding: 0;}
#secondNav li a { display: block; padding: 7px 0px; font-family: 'Arial Narrow', Arial, sans-serif; text-decoration: none; font-size: 12px; color: #ffffff;}
#secondNav li li a:hover { background: url('/images/bac-top-nav-repeat.png') repeat transparent;}
#secondNav li li a {padding: 8px 15px; height: 16px;}
#secondNav ul ul {top: 32px;}

/**** | 
    *** Pulldown Menus (with CSS) 
    *** OLD STYLE
******/
/*#navBarCont { width: 960px; clear: both; height: 48px; } */
.menu-pulldown { width: 100%; height: 36px; float: left; padding-left: 6px; background-color: transparent; }
.menu-pulldown ul { padding: 0; margin: 0; list-style: none; }
.menu-pulldown li { float: left; height: 40px; 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: 12px 15px 0 15px; margin: 0 2px; display: block; font-family: Georgia, serif; font-weight: 100; font-size: 12px; text-transform: uppercase; color: #ffffff; text-decoration: none; float: left; margin-bottom: 10px;}
.menu-pulldown li:last-child a { background-image: none; }
.menu-pulldown ul ul { background-color: #333; height: auto; position: absolute; z-index: 990 /* Needed to overlay any absolute element */; display: none; width: 250px; border: solid 1px #999; top: 36px /* 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-pulldown li li { width: 250px; height: auto; border-top: solid 1px #999; }
.menu-pulldown li li a { width: 220px; background-image: none; text-transform: none; padding: 10px 15px; margin: 0; height: auto; margin-bottom: 0; }
.menu-pulldown li li a:hover { background-color: #0128b9; color: #fff; text-decoration: none; text-shadow: 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 li a.activeLink, .menu-pulldown li.level1 > a:hover {text-decoration: underline;}
/*.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; }*/
.menu-pulldown li li:hover ul { display: block; }
.menu-pulldown .hasSubmenu {
	/*background-image: url(/tsparkCMS/images/navbar-list-arrow.gif); background-position: 100% 0%; background-repeat: no-repeat no-repeat; */
}


/* Flyout Menus (with CSS) */
.menu-flyout { clear: both; }
.menu-flyout ul { padding: 0; margin: 0; list-style: none; border: solid 1px #000; width: 200px; float: left /* Needed with li float left */; }
.menu-flyout li { position: relative /* Needed for the ul ul top and right values to work */; height: 30px; width: 200px; border-top: solid 1px #000; padding: 0; margin: 0; clear: both /* Need with float left */; float: left /* Needed for IE6 */; }
.menu-flyout li:first-child { border-top: none; }
.menu-flyout li a { padding: 7px 10px 0 10px; height: 23px; display: block; text-decoration: none; color: #333; background-color: #DDD; width: 180px; }
.menu-flyout li a:hover { background-color: #000; color: #FFF; }
.menu-flyout ul ul { display: none; position: absolute; z-index: 9999; top: 0; right: 0; margin-right: -202px /* Needs to be the - value of the width + border of the ul li */; margin-top: -1px /* Compensates for border */; }
.menu-flyout li:hover ul { display: block /* 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: 9999 /* 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: 9999 /* 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: 9999 /* 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: 9999 /* 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: 0;float:none; background: none; list-style:disc; position: static; height:auto; background-color: transparent; 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:0;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;}


.menu-simplevert ul {
	padding: 0px 0px 0px 15px;
	margin: 0px;
}
.menu-simplevert li {
	display: block;
	float: left;
	clear: both;
	list-style-type: none;
}
.menu-simplevert li a:link, 
.menu-simplevert li a:visited, 
.menu-simplevert li a:hover, 
.menu-simplevert li a:active, 
.menu-simplevert li a {
	display: block;
	padding: 2px 5px;
	
	font-family: 'Arial Narrow', Arial, sans-serif;
	text-decoration: none;
	font-size: 13px;
	color: #ffffff;
}
.menu-simplevert li a:hover {
	text-decoration: underline;
}