#navbar { width: 237px; height:236px; padding: 0px; float:left; z-index: 1100; position:relative; border-top: solid 7px #d3d6db; border-bottom: solid 7px #234989; background-color: #fff; margin-right:2px; }

.menu-toggle { display:none; }

#menu-topmenu { background-color:#516a05; height:216px; padding:8px 0px; margin:0px; z-index: 1102; list-style-type:none; border-top: solid 2px #fff; border-bottom: solid 2px #fff; }

#menu-topmenu li { display: block; vertical-align:middle; padding: 7px 0px 7px 20px; margin:0px 20px; border-top: solid 1px #5f7731; line-height:1em; list-style-type:none; background-image: url(../images/nav_bullet.jpg); background-repeat:no-repeat; background-position: left center; } 
#menu-topmenu li { color:#ffffff; font-size: 12px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-decoration:none; text-transform: uppercase; text-shadow: 1px 1px 1px #000; }
#menu-topmenu li a { color:#ffffff; font-size: 12px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-decoration:none; text-transform: uppercase; text-shadow: 1px 1px 1px #000; }
#menu-topmenu li a:link { color:#ffffff; text-shadow:#000; }
#menu-topmenu li a:active {   color:#ffffff; text-shadow:#000; }
#menu-topmenu li a:visited {  color:#ffffff; text-shadow:#000; }
#menu-topmenu li a:hover {   color:#ff9; text-shadow:#000; }

#menu-topmenu li:first-child { border-top: 0px; }

#menu-topmenu { }

	#menu-topmenu li { }

	#menu-topmenu li.hover,
	#menu-topmenu li:hover { }


	/* -- level mark -- */

	#menu-topmenu ul {
	 margin: 0px;
	 padding: 0px; 
	 background-color:#516a05;
	 background-image:none;
	 list-style-type:none; 
	 border: solid 1px #566e0c;
	}

		
		#menu-topmenu ul li { display: block; vertical-align:middle; padding: 7px; border-top: solid 1px #63791e; 
		 height:auto; 
		 font-weight: normal;
		 font-size: 11px; line-height: 1em;
		 font-family: Tahoma,Arial,sans-serif; 
		 color: #fff;  
		 text-align:left;
		 background-image:none; 
		}
		
		#menu-topmenu ul li:first-child { border-top: 0px; }

		#menu-topmenu ul li.hover,
		#menu-topmenu ul li:hover {
		 color: #ff9;
		}
		
		#menu-topmenu ul li a { color:#fff; text-decoration:none; padding:0px; text-transform:none; font-family: Tahoma,Arial,sans-serif; font-size: 11px; line-height: 1em; font-weight: normal; }

		#menu-topmenu ul li a:link { color:#fff; }
		#menu-topmenu ul li a:active { color:#fff; }
		#menu-topmenu ul li a:visited { color:#fff; }
		#menu-topmenu ul li a:hover { color:#ff9; }


#menu-topmenu {
 position: relative;
 z-index: 1597;
 /*float: left;*/
}

#menu-topmenu li.hover,
#menu-topmenu li:hover {
 position: relative;
 z-index: 1599;
 cursor: default;
}

#menu-topmenu ul li.hover a:link,
#menu-topmenu ul li:hover a:link { color:#fff; }

#menu-topmenu ul li.hover a:active,
#menu-topmenu ul li:hover a:active { color:#fff; }

#menu-topmenu ul li.hover a:visited,
#menu-topmenu ul li:hover a:visited { color:#fff; }

#menu-topmenu ul li.hover a:hover,
#menu-topmenu ul li:hover a:hover { color:#ff9; }

#menu-topmenu ul {
 visibility: hidden;
 position: absolute;
 top: 0px;
 left: 190px;
 z-index: 1598;
}

#menu-topmenu ul li {
 float: none;
 width: 150px;
}

#menu-topmenu ul ul {
 top: -1px;
 left: 99%;
}

#menu-topmenu li:hover > ul {
 visibility: visible;
}

@media screen and (max-width: 944px) {
	
#navbar { height:auto;  background-color: #516a05; width:100%; margin:0; padding:0; }

#menu-topmenu { display:none; }

.menu-toggle { display:block; color: #fff; background-color: #516a05; width:100%;}

h1.menu-toggle { font-size: 1.5em; font-weight: normal; line-height: 1em; color: #fff; background-image: none; min-height: 0px; vertical-align:middle; background-color: #516a05; font-family:Tahoma, Geneva, sans-serif; width: auto;}


	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		margin: 0;
		padding: 5px 0 5px 10px;
	}

	.menu-toggle:after {
		content: url(../images/downarrow.png);
		padding-left: 8px;
		vertical-align: 0px;
	}
	.toggled-on .menu-toggle:after {
		content: url(../images/uparrow.png);
		vertical-align: 0px;
	}


	/* toggled on menu */
	
	.toggled-on #menu-topmenu { display:block; background-color:#516a05; height:auto; padding:8px 0px; margin:0px; z-index: 1102; list-style-type:none; border-top: solid 2px #fff; border-bottom: solid 2px #fff; }

	.toggled-on #menu-topmenu li { display: block; vertical-align:middle; padding: 3px 0px 3px 20px; margin:0px 0px 0 20px; border-top: solid 1px #5f7731; line-height:1em; list-style-type:none; background-image: url(../images/nav_bullet.jpg); background-repeat:no-repeat; background-position: left 7px; width:auto; } 
	.toggled-on #menu-topmenu li { color:#ffffff; font-size: 1em; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-decoration:none; text-transform: uppercase; text-shadow: 1px 1px 1px #000; }
	.toggled-on #menu-topmenu li a { color:#ffffff; font-size: 1em; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-decoration:none; text-transform: uppercase; text-shadow: 1px 1px 1px #000; }
	.toggled-on #menu-topmenu li a:link { color:#ffffff; text-shadow:#000; }
	.toggled-on #menu-topmenu li a:active {   color:#ffffff; text-shadow:#000; }
	.toggled-on #menu-topmenu li a:visited {  color:#ffffff; text-shadow:#000; }
	.toggled-on #menu-topmenu li a:hover {   color:#ff9; text-shadow:#000; }

	.toggled-on #menu-topmenu li:first-child { border-top: 0px; }
	

	/* -- level mark -- */

		.toggled-on #menu-topmenu ul {color:#fff; 
	 margin: 0px;
	 padding: 0px; 
	 background-color:#516a05;
	 border: none; 
	 background-image:none;
	}

		
			.toggled-on #menu-topmenu ul li {
			height:auto; 
		 margin:0px;
		 padding:5px 15px;		 
		 font-weight: normal;
		 border-bottom: none;
		 background-image: none;
		 font-size: 1em; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; 
		}

			.toggled-on #menu-topmenu ul li.hover,
			.toggled-on #menu-topmenu ul li:hover {background-color:#516a05;
		 color: #ff9;
		}
		
			.toggled-on #menu-topmenu ul li a { color:#ffffff; text-decoration:none; padding:0px; text-transform:none;font-size: 1em; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; }

			.toggled-on #menu-topmenu ul li a:link {color:#ffffff; text-shadow:#000; }
			.toggled-on #menu-topmenu ul li a:active { color:#ffffff; text-shadow:#000; }
			.toggled-on #menu-topmenu ul li a:visited {color:#ffffff; text-shadow:#000;  }
			.toggled-on #menu-topmenu ul li a:hover { color:#ff9; text-shadow:#000;}


	.toggled-on #menu-topmenu {
 position: relative;
 z-index: 597;
 /*float: left;*/
}

	.toggled-on #menu-topmenu li {
 /*float: left;
 line-height: 1.3em;*/
 vertical-align: middle;
}

	.toggled-on #menu-topmenu li.hover,
	.toggled-on #menu-topmenu li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

	.toggled-on #menu-topmenu ul li.hover a:link,
	.toggled-on #menu-topmenu ul li:hover a:link { color:#ff9; }

	.toggled-on #menu-topmenu ul li.hover a:active,
	.toggled-on #menu-topmenu ul li:hover a:active { color:#ff9; }

	.toggled-on #menu-topmenu ul li.hover a:visited,
	.toggled-on #menu-topmenu ul li:hover a:visited { color:#ff9; }

	.toggled-on #menu-topmenu ul li.hover a:hover,
	.toggled-on #menu-topmenu ul li:hover a:hover { color:#ff9; }

	.toggled-on #menu-topmenu ul {
 visibility: visible;
 position: relative;
 top: auto;
 left: auto;
 z-index: 598;
}

	.toggled-on #menu-topmenu ul li {
 float: none;
 width: 100%;
}

	.toggled-on #menu-topmenu ul ul {
 top: auto;
 left:auto;
}

	.toggled-on #menu-topmenu li:hover > ul {
 visibility: visible;
}

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px){

#navbar { height:auto;  background-color: #516a05; width:100%; margin:0; padding:0; }

#menu-topmenu { display:none; }

.menu-toggle { display:block; color: #fff; background-color: #516a05; width:100%;}

h1.menu-toggle { font-size: 1.5em; font-weight: normal; line-height: 1em; color: #fff; background-image: none; min-height: 0px; vertical-align:middle; background-color: #516a05; font-family:Tahoma, Geneva, sans-serif; width: auto;}


	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		margin: 0;
		padding: 5px 0 5px 10px;
	}

	.menu-toggle:after {
		content: url(../images/downarrow.png);
		padding-left: 8px;
		vertical-align: 0px;
	}
	.toggled-on .menu-toggle:after {
		content: url(../images/uparrow.png);
		vertical-align: 0px;
	}


	/* toggled on menu */
	
	.toggled-on #menu-topmenu { display:block; background-color:#516a05; height:auto; padding:8px 0px; margin:0px; z-index: 1102; list-style-type:none; border-top: solid 2px #fff; border-bottom: solid 2px #fff; }

	.toggled-on #menu-topmenu li { display: block; vertical-align:middle; padding: 3px 0px 3px 20px; margin:0px 0px 0 20px; border-top: solid 1px #5f7731; line-height:1em; list-style-type:none; background-image: url(../images/nav_bullet.jpg); background-repeat:no-repeat; background-position: left 7px; width:auto; } 
	.toggled-on #menu-topmenu li { color:#ffffff; font-size: 1em; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-decoration:none; text-transform: uppercase; text-shadow: 1px 1px 1px #000; }
	.toggled-on #menu-topmenu li a { color:#ffffff; font-size: 1em; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-decoration:none; text-transform: uppercase; text-shadow: 1px 1px 1px #000; }
	.toggled-on #menu-topmenu li a:link { color:#ffffff; text-shadow:#000; }
	.toggled-on #menu-topmenu li a:active {   color:#ffffff; text-shadow:#000; }
	.toggled-on #menu-topmenu li a:visited {  color:#ffffff; text-shadow:#000; }
	.toggled-on #menu-topmenu li a:hover {   color:#ff9; text-shadow:#000; }

	.toggled-on #menu-topmenu li:first-child { border-top: 0px; }
	

	/* -- level mark -- */

		.toggled-on #menu-topmenu ul {color:#fff; 
	 margin: 0px;
	 padding: 0px; 
	 background-color:#516a05;
	 border: none; 
	 background-image:none;
	}

		
			.toggled-on #menu-topmenu ul li {
			height:auto; 
		 margin:0px;
		 padding:5px 15px;		 
		 font-weight: normal;
		 border-bottom: none;
		 background-image: none;
		 font-size: 1em; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; 
		}

			.toggled-on #menu-topmenu ul li.hover,
			.toggled-on #menu-topmenu ul li:hover {background-color:#516a05;
		 color: #ff9;
		}
		
			.toggled-on #menu-topmenu ul li a { color:#ffffff; text-decoration:none; padding:0px; text-transform:none;font-size: 1em; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; }

			.toggled-on #menu-topmenu ul li a:link {color:#ffffff; text-shadow:#000; }
			.toggled-on #menu-topmenu ul li a:active { color:#ffffff; text-shadow:#000; }
			.toggled-on #menu-topmenu ul li a:visited {color:#ffffff; text-shadow:#000;  }
			.toggled-on #menu-topmenu ul li a:hover { color:#ff9; text-shadow:#000;}


	.toggled-on #menu-topmenu {
 position: relative;
 z-index: 597;
 /*float: left;*/
}

	.toggled-on #menu-topmenu li {
 /*float: left;
 line-height: 1.3em;*/
 vertical-align: middle;
}

	.toggled-on #menu-topmenu li.hover,
	.toggled-on #menu-topmenu li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

	.toggled-on #menu-topmenu ul li.hover a:link,
	.toggled-on #menu-topmenu ul li:hover a:link { color:#ff9; }

	.toggled-on #menu-topmenu ul li.hover a:active,
	.toggled-on #menu-topmenu ul li:hover a:active { color:#ff9; }

	.toggled-on #menu-topmenu ul li.hover a:visited,
	.toggled-on #menu-topmenu ul li:hover a:visited { color:#ff9; }

	.toggled-on #menu-topmenu ul li.hover a:hover,
	.toggled-on #menu-topmenu ul li:hover a:hover { color:#ff9; }

	.toggled-on #menu-topmenu ul {
 visibility: visible;
 position: relative;
 top: auto;
 left: auto;
 z-index: 598;
}

	.toggled-on #menu-topmenu ul li {
 float: none;
 width: 100%;
}

	.toggled-on #menu-topmenu ul ul {
 top: auto;
 left:auto;
}

	.toggled-on #menu-topmenu li:hover > ul {
 visibility: visible;
}

}