#navbar { max-width: 961px; height: 29px; margin:0 auto; border-right: solid 2px #3b3b3b; border-left: solid 2px #3b3b3b; border-top: solid 3px #696969; border-bottom: solid 3px #4f3a42; 
	background-image: url(../images/navbar_bg.gif); background-repeat: repeat-x; }
#nav_inner { }

.menu-toggle { display:none; }

#menu-topmenu li a { font-size: .816em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; text-decoration:none; text-transform: uppercase; }
#menu-topmenu li a:link { color:#ffffff; }
#menu-topmenu li a:active {   color:#000000; }
#menu-topmenu li a:visited {  color:#ffffff; }
#menu-topmenu li a:hover {   color:#000000; }

#menu-topmenu { margin:3px 0 0 0; padding:0; list-style-type:none; float:right; width:100%;  }

#menu-topmenu li{ display: inline; float:none; vertical-align:middle; height: 14px; padding: 9px 18px 6px 18px; 
margin:0; list-style-type:none;  background-image: url(../images/menu_divider.gif); background-position:left 5px; background-repeat:no-repeat; } 


#menu-topmenu li:first-child { background-image:none; }
#menu-topmenu li:last-child {padding-right:0px; }

#menu-topmenu li.lihome { }

	/* -- level mark -- */

	#menu-topmenu ul {
	 margin: 0px;
	 padding: 0px; 
	 background-color:#4f3a42;
	 border: solid 1px black; 
	 background-image:none;
	}

		
		#menu-topmenu ul li {
			display:block;
			height:auto; 
		 margin:0px;
		 padding:4px;		 
		 font-weight: normal;
		 border-bottom: solid 1px black;
		 background-image: none;
		 font-size: 0.8em; line-height: 1.3em;
		 color: #000;  
		}

				#menu-topmenu ul li:last-child {padding-right:4px; }

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

		#menu-topmenu ul li a:link { color:#ffffff; }
		#menu-topmenu ul li a:active { color:#550d0e; }
		#menu-topmenu ul li a:visited { color:#ffffff; }
		#menu-topmenu ul li a:hover { color:#550d0e; }


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

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

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

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

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

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

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

#menu-topmenu ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0px;
 z-index: 598;
}

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

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

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


/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */

@media screen and (max-width: 965px) {

#menu-topmenu { float:none;  }

}

@media screen and (max-width: 890px) {
	
#navbar { height:auto; min-height: 29px;}

#menu-topmenu { display:none; width:auto; }

.menu-toggle { display:block; color: #fff; }

	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 5px 0 5px 10px;
	}

	.menu-toggle:after {
		content: url(../images/downarrow.png);
		font-size: 12px;
		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; height:auto; z-index: 1102; position: relative; top:auto; left:auto; font-size: 1em; background-color: #666; color:#fff; }
	.toggled-on #menu-topmenu { padding:10px 10px 10px 30px; margin:0px; list-style-type:disc; }
	
	.toggled-on #menu-topmenu li{ display: list-item; list-style-type:disc;  float:none; vertical-align:middle; height: auto; padding: auto; margin:auto; background-image: none; text-transform: none; } 
	.toggled-on #menu-topmenu li a { font-size: 1em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; text-decoration:none; text-transform: none; }
	.toggled-on #menu-topmenu li a:link { color:#ffffff; }
	.toggled-on #menu-topmenu li a:active {   color:#ff9; }
	.toggled-on #menu-topmenu li a:visited {  color:#ffffff; }
	.toggled-on #menu-topmenu li a:hover {   color:#ff9; }


	.toggled-on #menu-topmenu li:first-child { background-image:none; }


	.toggled-on #menu-topmenu { }

		.toggled-on #menu-topmenu li { }

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


	/* -- level mark -- */

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

		
			.toggled-on #menu-topmenu ul li {
			height:auto; 
		 margin:0px;
		 padding:5px;		 
		 font-weight: normal;
		 border-bottom: none;
		 background-image: none;
		 font-size: 0.8em; line-height: 1.3em;
		 color: #fff;  
		}

			.toggled-on #menu-topmenu ul li.hover,
			.toggled-on #menu-topmenu ul li:hover {background-color:#666;
		 color: #ff9;
		}
		
			.toggled-on #menu-topmenu ul li a { color:#ffffff; text-decoration:none; padding:0px; text-transform:none;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; font-size: 1em; }

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


	.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; min-height: 29px;}

#menu-topmenu { float:none; width:auto;  }
#menu-topmenu { display:none; }

.menu-toggle { display:block; color: #fff; }

	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 5px 0 5px 10px;
	}

	.menu-toggle:after {
		content: url(../images/downarrow.png);
		font-size: 12px;
		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; height:auto; z-index: 1102; position: relative; top:auto; left:auto; font-size: 1em; background-color: #666; color:#fff; }
	.toggled-on #menu-topmenu { padding:10px 10px 10px 30px; margin:0px; list-style-type:disc; }
	
	.toggled-on #menu-topmenu li{ display: list-item; list-style-type:disc;  float:none; vertical-align:middle; height: auto; padding: auto; margin:auto; background-image: none; text-transform: none; } 
	.toggled-on #menu-topmenu li a { font-size: 1em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; text-decoration:none; text-transform: none; }
	.toggled-on #menu-topmenu li a:link { color:#ffffff; }
	.toggled-on #menu-topmenu li a:active {   color:#ff9; }
	.toggled-on #menu-topmenu li a:visited {  color:#ffffff; }
	.toggled-on #menu-topmenu li a:hover {   color:#ff9; }


	.toggled-on #menu-topmenu li:first-child { background-image:none; }


	.toggled-on #menu-topmenu { }

		.toggled-on #menu-topmenu li { }

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


	/* -- level mark -- */

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

		
			.toggled-on #menu-topmenu ul li {
			height:auto; 
		 margin:0px;
		 padding:5px;		 
		 font-weight: normal;
		 border-bottom: none;
		 background-image: none;
		 font-size: 0.8em; line-height: 1.3em;
		 color: #fff;  
		}

			.toggled-on #menu-topmenu ul li.hover,
			.toggled-on #menu-topmenu ul li:hover {background-color:#666;
		 color: #ff9;
		}
		
			.toggled-on #menu-topmenu ul li a { color:#ffffff; text-decoration:none; padding:0px; text-transform:none;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; font-size: 1em; }

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


	.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;
}
}