/* Horizontal Navigation: 5 Levels Predefined */

/* background of the whole menu */
ul.horizontal_menu_l1 {
	width: 600px;
	height: 25px;
	float: left;
	list-style: none;
	margin: 0px;
	border: none;
	padding: 5px;
	background: silver;
}

/* styles for items */
a.horizontal_menu_l1, a.horizontal_menu_l2, a.horizontal_menu_l3, a.horizontal_menu_l4, a.horizontal_menu_l5, a.horizontal_menu_l1_superitem, a.horizontal_menu_l2_superitem, a.horizontal_menu_l3_superitem, a.horizontal_menu_l4_superitem, a.horizontal_menu_l5_superitem {
	width: 100px;
	height: 15px;
	background: gray;
	display: block;
	float: left;
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}

/* optional special styling for items with subitems */
a.horizontal_menu_l1_superitem, a.horizontal_menu_l2_superitem, a.horizontal_menu_l3_superitem, a.horizontal_menu_l4_superitem, a.horizontal_menu_l5_superitem {

}

/* change styling of items on mouse over */
li.horizontal_menu_l1:hover a.horizontal_menu_l1, li.horizontal_menu_l2:hover a.horizontal_menu_l2, li.horizontal_menu_l3:hover a.horizontal_menu_l3, li.horizontal_menu_l4:hover a.horizontal_menu_l4, li.horizontal_menu_l5:hover a.horizontal_menu_l5, li.horizontal_menu_l1:hover a.horizontal_menu_l1_superitem, li.horizontal_menu_l2:hover a.horizontal_menu_l2_superitem, li.horizontal_menu_l3:hover a.horizontal_menu_l3_superitem, li.horizontal_menu_l4:hover a.horizontal_menu_l4_superitem, li.horizontal_menu_l5:hover a.horizontal_menu_l5_superitem {
	background: black;
	color: white;
}

/* optional special styling for items with subitems on mouse over */
li.horizontal_menu_l1:hover a.horizontal_menu_l1_superitem, li.horizontal_menu_l2:hover a.horizontal_menu_l2_superitem, li.horizontal_menu_l3:hover a.horizontal_menu_l3_superitem, li.horizontal_menu_l4:hover a.horizontal_menu_l4_superitem, li.horizontal_menu_l5:hover a.horizontal_menu_l5_superitem {

}

/* clearing float for subitems (levels 2 to 5) */
li.horizontal_menu_l2, li.horizontal_menu_l3, li.horizontal_menu_l4, li.horizontal_menu_l5 {
	clear: both;
}

/* hiding subitems by default */
ul.horizontal_menu_l2, ul.horizontal_menu_l3, ul.horizontal_menu_l4, ul.horizontal_menu_l5 {
	display: none;
}

/* making subitems visible on mouse over on parent and on own list container */
li.horizontal_menu_l1:hover ul.horizontal_menu_l2, li.horizontal_menu_l2:hover ul.horizontal_menu_l3, li.horizontal_menu_l3:hover ul.horizontal_menu_l4, li.horizontal_menu_l4:hover ul.horizontal_menu_l5, ul.horizontal_menu_l2:hover ul.horizontal_menu_l2, ul.horizontal_menu_l3:hover ul.horizontal_menu_l3, ul.horizontal_menu_l4:hover ul.horizontal_menu_l4, ul.horizontal_menu_l5:hover ul.horizontal_menu_l5  {
	display: block;
}

/* limit width of parent so that submenu will show up below (and apply format styles) */
li.horizontal_menu_l1  {
	width: 100px; /* set to same value as a.horizontal_menu_l1 */
	float: left;
	margin-right: 20px;
}

/* level 2 */
ul.horizontal_menu_l2 {
	width: 100px;
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.horizontal_menu_l2, li.horizontal_menu_l2_superitem {
	width: 100px;
	height: 23px; /* set to same value as a.horizontal_menu_l2 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	top: 10px;
	margin-bottom: 5px;
}

/* level 3 */
ul.horizontal_menu_l3 {
	position: relative;
	left: 100px;
	top: -23px; /* set to negative value of li.horizontal_menu_l2 */
	width: 110px;
	height: 200px;  /* set to big enough to cover all subitems, otherwise they will disappear too fast on mouse-out of parent */
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.horizontal_menu_l3 {
	width: 100px;
	height: 23px; /* set to same value as a.horizontal_menu_l3 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	left: 13px;
	margin-bottom: 5px;
}

/* level 4 */
ul.horizontal_menu_l4 {
	position: relative;
	left: 100px;
	top: -23px; /* set to negative value of li.horizontal_menu_l3 */
	width: 110px;
	height: 200px;  /* set to big enough to cover all subitems, otherwise they will disappear too fast on mouse-out of parent */
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.horizontal_menu_l4 {
	width: 100px;
	height: 23px; /* set to same value as a.horizontal_menu_l4 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	left: 13px;
	margin-bottom: 5px;
}

/* level 5 */
ul.horizontal_menu_l5 {
	position: relative;
	left: 100px;
	top: -23px; /* set to negative value of li.horizontal_menu_l4 */
	width: 110px;
	height: 200px;  /* set to big enough to cover all subitems, otherwise they will disappear too fast on mouse-out of parent */
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.horizontal_menu_l5 {
	width: 100px;
	height: 23px; /* set to same value as a.horizontal_menu_l5 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	left: 13px;
	margin-bottom: 5px;
}




/* Vertical Navigation: 5 Levels Predefined */

/* background of the whole menu */
ul.vertical_menu_l1 {
	width: 110px;
	float: left;
	list-style: none;
	margin: 0px;
	border: none;
	padding: 5px;
	background: silver;
}

/* styles for items */
a.vertical_menu_l1, a.vertical_menu_l2, a.vertical_menu_l3, a.vertical_menu_l4, a.vertical_menu_l5, a.vertical_menu_l1_superitem, a.vertical_menu_l2_superitem, a.vertical_menu_l3_superitem, a.vertical_menu_l4_superitem, a.vertical_menu_l5_superitem {
	width: 100px;
	height: 15px;
	background: gray;
	display: block;
	float: left;
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}

/* optional special styling for items with subitems */
a.vertical_menu_l1_superitem, a.vertical_menu_l2_superitem, a.vertical_menu_l3_superitem, a.vertical_menu_l4_superitem, a.vertical_menu_l5_superitem {

}

/* change styling of items on mouse over */
li.vertical_menu_l1:hover a.vertical_menu_l1, li.vertical_menu_l2:hover a.vertical_menu_l2, li.vertical_menu_l3:hover a.vertical_menu_l3, li.vertical_menu_l4:hover a.vertical_menu_l4, li.vertical_menu_l5:hover a.vertical_menu_l5, li.vertical_menu_l1:hover a.vertical_menu_l1_superitem, li.vertical_menu_l2:hover a.vertical_menu_l2_superitem, li.vertical_menu_l3:hover a.vertical_menu_l3_superitem, li.vertical_menu_l4:hover a.vertical_menu_l4_superitem, li.vertical_menu_l5:hover a.vertical_menu_l5_superitem {
	background: black;
	color: white;
}

/* optional special styling for items with subitems on mouse over */
li.vertical_menu_l1:hover a.vertical_menu_l1_superitem, li.vertical_menu_l2:hover a.vertical_menu_l2_superitem, li.vertical_menu_l3:hover a.vertical_menu_l3_superitem, li.vertical_menu_l4:hover a.vertical_menu_l4_superitem, li.vertical_menu_l5:hover a.vertical_menu_l5_superitem {

}

/* clearing float for subitems  (levels 2 to 5) */
li.vertical_menu_l2, li.vertical_menu_l3, li.vertical_menu_l4, li.vertical_menu_l5 {
	clear: both;
}

/* hiding subitems by default */
ul.vertical_menu_l2, ul.vertical_menu_l3, ul.vertical_menu_l4, ul.vertical_menu_l5 {
	display: none;
}

/* making subitems visible on mouse over on parent and on own list container */
li.vertical_menu_l1:hover ul.vertical_menu_l2, li.vertical_menu_l2:hover ul.vertical_menu_l3, li.vertical_menu_l3:hover ul.vertical_menu_l4, li.vertical_menu_l4:hover ul.vertical_menu_l5, ul.vertical_menu_l2:hover ul.vertical_menu_l2, ul.vertical_menu_l3:hover ul.vertical_menu_l3, ul.vertical_menu_l4:hover ul.vertical_menu_l4, ul.vertical_menu_l5:hover ul.vertical_menu_l5
  {
	display: block;
}

/* limit height of parent so that submenu will show up right (and apply format styles) */
li.vertical_menu_l1 {
	width: 100px; /* set to same value as a.vertical_menu_l1 */
	float: left;
	height: 27px;  /* set to same value as a.vertical_menu_l1 + (3x) padding  */
	margin-right: 20px;
}

/* level 2 */
ul.vertical_menu_l2 {
	width: 120px;
	list-style: none;
	float: left;
	background: transparent;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 100px;
	top: -33px;
}

li.vertical_menu_l2 {
	width: 100px;
	height: 23px; /* set to same value as a.vertical_menu_l2 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	top: 10px;
	left: 20px;
	margin-bottom: 5px;
}

/* level 3 */
ul.vertical_menu_l3 {
	position: relative;
	left: 100px;
	top: -23px; /* set to negative value of li.vertical_menu_l2 */
	width: 110px;
	height: 200px;  /* set to big enough to cover all subitems, otherwise they will disappear too fast on mouse-out of parent */
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.vertical_menu_l3 {
	width: 100px;
	height: 23px; /* set to same value as a.vertical_menu_l3 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	left: 13px;
	margin-bottom: 5px;
}

/* level 4 */
ul.vertical_menu_l4 {
	position: relative;
	left: 100px;
	top: -23px; /* set to negative value of li.vertical_menu_l3 */
	width: 110px;
	height: 200px;  /* set to big enough to cover all subitems, otherwise they will disappear too fast on mouse-out of parent */
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.vertical_menu_l4 {
	width: 100px;
	height: 23px; /* set to same value as a.vertical_menu_l4 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	left: 13px;
	margin-bottom: 5px;
}

/* level 5 */
ul.vertical_menu_l5 {
	position: relative;
	left: 100px;
	top: -23px; /* set to negative value of li.vertical_menu_l4 */
	width: 110px;
	height: 200px;  /* set to big enough to cover all subitems, otherwise they will disappear too fast on mouse-out of parent */
	list-style: none;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

li.vertical_menu_l5 {
	width: 100px;
	height: 23px; /* set to same value as a.vertical_menu_l5 + (2x) padding */
	float: left;
	background: transparent;
	position: relative;
	left: 13px;
	margin-bottom: 5px;
}




/* jQuery DHTML Drop-Down Menu */

.jquerycssmenu{
	font: bold 11px Verdana;
	border-bottom: 1px solid black;
	padding-left: 0px; /*offset of tabs relative to browser left edge*/
}

.jquerycssmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
	display: block;
	background: gray; /*background of tabs (default state)*/
	background-image: none;  /*background of tabs (default state)*/
	padding: 5px 7px 4px 7px;
	margin-right: 10px; /*spacing between tabs*/
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.jquerycssmenu ul li a:hover {
	background: gray; /*tab link background during hover state*/
	background-image: none /*tab link background during hover state*/
}

/*1st sub level menu*/
.jquerycssmenu ul li ul {
	position: absolute;
	left: 0px;
	display: block;
	visibility: hidden;
	border-bottom: 1px solid black;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li {
	display: list-item;
	float: none;
	left: 1px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul {
	top: 0px;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a {
	font: normal 11px Verdana;
	width: 160px; /*width of sub menus*/
	background: silver;
	color: white;
	padding: 4px 5px;
	margin: 0;
	border: none;
	border-top: 1px solid black; /* should be same as value in 1st sub level menu border-bottom (the border of the last element */
}

.jquerycssmenu ul li ul li a:hover { /*sub menus hover style*/
	background: gray;
	color: white;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	top: 7px;
	right: 15px;
	visibility: hidden;
}

.rightarrowclass {
	position: absolute;
	top: 5px;
	right: 5px;
}




/* jQuery Nested Accordion */

.js #main .accordion {
	visibility: hidden
}

.js #side .accordion {
	display: none
}

.accordion {
	margin: 0px;
	padding: 0px 10px;
}

.accordion li {
	list-style-type: none
}

.accordion li.last-child {  /* item with no subitems */
	margin-left: 0px;
	list-style-type:none
}

#side ul.accordion ul {
	margin: 0px;
	padding: 0px 0px 0px 20px
}

.accordion .outer {
	border: 1px solid #dadada;
	border-width: 0px 1px 1px;
	background: #fff
}

.accordion .inner {
	margin-bottom: 0px;
	padding: .5em 20px 1em;
	position: relative;
	overflow: hidden
}

.accordion .inner .inner {
	padding-bottom: 0px
}

.accordion .h {
	padding-top: .3em /* vertical padding instead of vertical margin (ie8) */
}

.accordion p {
	margin: .5em 1px 1em
}

/* add styles for all links in the accordion */
.accordion a {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid white;
	text-decoration: none;
	color: #007088;
	padding: 5px;
	text-align: left;
}

.accordion a:hover {
	background: #007088;
	color: white;
	font-weight: bold;
}

a.trigger {
	padding-left: 20px;
	background-image: url(arrow-right.png);
	background-repeat: no-repeat;
	background-position: 1px 50%;
}

a.trigger.open {
	padding-left: 20px;
	background-image: url(arrow-down.png);
	background-repeat: no-repeat;
	background-position: 1px 50%;
}

.last-child a.trigger {
	padding-left: 1px;
	background-image: none;
	font-weight: bold;
}

#main a.trigger {
	background-color: #f0f0f0
}

#main a.trigger.open {
	border-color: #dadada;
	background-color: #e7e7e7
}

#main a:hover.trigger.open, #main a:focus.trigger.open, #main a:active.trigger.open {
	border-color: white;
}

#side a.active {
	color: #f72;
	text-decoration: none
}

/* from here on it is specific to the opcodeCMS MenuModule */

div.accordion_container{
	width: 332px;
}

ul.accordion {
    background: transparent;
	padding: 0px;
	list-style-image: none;
}

ul.accordion_l2 {
	list-style-image: none
}

ul.accordion_l3 {

}

ul.accordion_l4 {

}

ul.accordion_l5 {

}

a.accordion_l1, a.accordion_l1_superitem {
 font-weight: bold;
 text-align: left;
}

a.accordion_l2, a.accordion_l2_superitem {
	color: #52A3B3;
}

a.accordion_l3, a.accordion_l3_superitem {

}

a.accordion_l4, a.accordion_l4_superitem {

}

a.accordion_l5, a.accordion_l5_superitem {

}

a.accordion_l1:hover, a.accordion_l1_superitem:hover {
	background: #007088;
	color: white;
}

a.accordion_l2:hover, a.accordion_l2_superitem:hover {
	background: #92C1CB;
	color: #52A3B3;
}

a.accordion_l3:hover, a.accordion_l3_superitem:hover {

}

a.accordion_l4:hover, a.accordion_l4_superitem:hover {

}

a.accordion_l5:hover, a.accordion_l5_superitem:hover {

}



/* Sitemap: 5 Levels Predefined */

ul.sitemap_l1 {
	list-style-type: square;
}

ul.sitemap_l2 {
	list-style-type: disc;
}

ul.sitemap_l3, ul.sitemap_l4, ul.sitemap_l5 {
	list-style-type: circle;
}