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

#navbar { height:auto; background-image:none; background-color: #22229c; width:100%; margin:0; padding:0; z-index:30; display: block; position: relative; top: 0; left: 0; }

#menu-sidemenu { display:none; width: 100%; padding:0px; margin:0px; list-style-type:none; border-bottom: solid 1px #000; }

.menu-toggle { display:block; color: #fff; background-color: #22229c; font-size: 1.2em; font-weight:bold;  }

	/* 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-sidemenu { display:block; background-color: class="normal"; height:auto; padding:8px 0px; margin:0px; z-index: 1102; list-style-type:none; border-top: solid 2px #fff; }

	.toggled-on #menu-sidemenu li { width:auto; display: block; vertical-align:middle; padding: 3px 0px 3px 0px; margin:0px 0px 0 0px; border-top: none; line-height:1.2em; list-style-type:none; background-image: url(../images/nav_bullet.jpg); background-repeat:no-repeat; background-position: left 7px; width:auto; } 
	.toggled-on #menu-sidemenu 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-sidemenu li a { width:auto; 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-sidemenu li a:link { color:#ffffff; text-shadow:#000; }
	.toggled-on #menu-sidemenu li a:active {   color:#ffffff; text-shadow:#000; }
	.toggled-on #menu-sidemenu li a:visited {  color:#ffffff; text-shadow:#000; }
	.toggled-on #menu-sidemenu li a:hover {   color:#9CF; text-shadow:#000; }

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

	/* -- level mark -- */

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

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

			.toggled-on #menu-sidemenu ul li.hover,
			.toggled-on #menu-sidemenu ul li:hover {background-color:#22229c;
		 color: #9CF;
		}
		
			.toggled-on #menu-sidemenu 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-sidemenu ul li a:link {color:#ffffff; text-shadow:#000; }
			.toggled-on #menu-sidemenu ul li a:active { color:#ffffff; text-shadow:#000; }
			.toggled-on #menu-sidemenu ul li a:visited {color:#ffffff; text-shadow:#000;  }
			.toggled-on #menu-sidemenu ul li a:hover { color:#9CF; text-shadow:#000;}


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

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

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


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

	.toggled-on #menu-sidemenu ul li {
 float: none;
 width: auto;
}

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

	.toggled-on #menu-sidemenu ul { display:block; }
	.toggled-on #menu-sidemenu ul.normal { display:none; }
	.toggled-on #menu-sidemenu ul.mobile { display:block; }


}

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

}