/* 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: 2px 0;
    border-bottom: 1px solid #514545;
}
.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:5px;
	
}
.menu-horizontal ul li a {
	display:block;
	padding:0px 8px 0px 15px;
	color:white;
	border-left:1px white solid;
	
	font-family: Cambria,serif;
	text-transform: uppercase;
	text-decoration:none;
	font-weight: bold;
	font-size: 14px;
}
.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:auto;
	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:auto;
	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) */
/*#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: 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: 10px 15px 0 5px; display: block; font-family: Arial, sans-serif; font-weight: 100; font-size: 12px; text-transform: none; 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 /* Needed to overlay any absolute element */; display: none; width: 250px; border: solid 1px #999; top: 38px /* 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; height: auto; }
.menu-pulldown li li a:hover { background-color: #999; color: #333; 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 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-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; 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: 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;}


.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: 10px 5px;
	
	font-family: 'PTSans', Verdana, sans-serif;
	text-decoration: none;
	font-size: 14px;
	color: #ffffff;
}