/*** ESSENTIAL STYLES ***/
.topMenu, .topMenu * {
	margin:			0;
	padding:		0;
	list-style:		none; 

}
.topMenu {
	
}
.topMenu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.topMenu ul li {
	width:			100%; 
}
.topMenu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.topMenu li {
	float:			left;
	position:		relative;
        margin:1px;
background-image:url(../images/topbottomb20.png) ; background-position:top;
}
.topMenu a {
	display:		block;
	position:		relative;
}
.topMenu li:hover ul, .topMenu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
        padding:5px;
}
ul.topMenu li:hover li ul, ul.topMenu li.sfHover li ul {
	top:			-999em;
}
ul.topMenu li li:hover ul, ul.topMenu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.topMenu li li:hover li ul, ul.topMenu li li.sfHover li ul {
	top:			-999em;
}
ul.topMenu li li li:hover ul, ul.topMenu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/*** DEMO SKIN ***/
.topMenu {
	/*float:			left;*/   /* commented this out to make the menu center */
	margin-bottom:	1em;
	margin:0 auto;
}
.topMenu a {
	
	
	padding: .55em 0.4em;
	text-decoration:none;
}
.topMenu a, .topMenu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	padding-right: 	1.2em; padding-left: 	1.2em;
}
.topMenu li {
	
}
.topMenu li li {
	
}
.topMenu li li li {
	
}
.topMenu li:hover, .topMenu li.sfHover, .topMenu a:focus, .topMenu a:hover, .topMenu a:active {
	
	outline:		0;
}



.topMenu {
	display:table;
	margin: 0 auto;
}

@media (min-width: 420px) and (max-width: 1100px) {

/*** ESSENTIAL STYLES ***/
.topMenu, .topMenu * {
	margin: 0;
	padding: 0;
	list-style: none;

}
.topMenu li {
	position: relative;
margin:1px;


}
.topMenu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;

}
.topMenu > li {
	float: left;

}
.topMenu li:hover > ul,
.topMenu li.sfHover > ul {
	display: block;

padding:10px;
}

.topMenu a {
	display: block;
	position: relative;
}
.topMenu ul ul {
	top: 0;
	left: 100%;

}


/*** DEMO SKIN ***/
.topMenu {
	float: left;
	margin-bottom: 1em;
margin: auto;
}
.topMenu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.topMenu a {
	
	padding: .55em .9em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.topMenu a {
	
}
.topMenu li {
	
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.topMenu ul li {
	
}
.topMenu ul ul li {
	
}
.topMenu li:hover,
.topMenu li.sfHover {
	
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}






}