/*	
Based on code from:
Son of Suckerfish Dropdowns
http://htmldog.com/articles/suckerfish/dropdowns/
and http://htmldog.com/articles/suckerfish/dropdowns/example/bones3.html
*/

/* header ======================================================================= */
.topnav-container {
}
.topnav-container-2 {
}

/* all lists */
.topnav {}
.topnav * {max-width: none;}/* overide responsive reset in main stylesheet */

.topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}
.topnav ul {
}
.topnav li {
	position: relative;
	float: left;
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.topnav a {
	display: block;
	padding: 10px 10px 10px 10px;
	text-decoration: none !important;
	white-space: nowrap;
	border-right: solid 1px #000000;
}
.topnav a:hover {
	background-color: #ebebeb;
}
.topnav li:last-child a {
	border-right-width: 0px;
}
.topnav li.current-menu-item > span a,
.topnav li.current-menu-ancestor > span a,
.topnav li.current-page-ancestor > span a {
	background-color: #f2f2f2;
	color: green;
}

.topnav li.shortcodes a {
	background-color: rgb(255,255,153);
	background-color: rgba(255,255,153,0.5);
}
.topnav li.shortcodes a:hover {
	background-color: rgb(255,255,153);
	background-color: rgba(255,255,153,0.9);
}
.topnav li.shortcodes.current-menu-item > a,
.topnav li.shortcodes.current-menu-ancestor > a,
.topnav li.shortcodes.current-page-ancestor > a {
	background-color: rgb(255,255,153);
	background-color: rgba(255,255,153,0.9);
}


/* second-level lists */
.topnav li ul {
	position: absolute;
	top: auto;
	z-index: 2000;
	border-radius: 0px 0px 5px 5px !important;
}
.topnav > ul > li > ul {
	xright: 0px;/* anchor subnav to right */
}
.topnav li ul:hover {
}
.topnav li ul li {
	display: block;
	clear: both;
	width: 100%;
}
.topnav li ul a {
	background-color: #dfdfdf !important;
	border-width: 0px;
}
.topnav li ul a:hover {
	background-color: #d5d5d5 !important;
}
.topnav li ul li:last-child a {
	border-radius: 0px 0px 5px 5px;
}
.topnav li ul li.current-menu-item > span a,
.topnav li ul li.current-menu-ancestor > span a,
.topnav li ul li.current-page-ancestor > span a {
	background-color: #cccccc !important;
}

/* third-level lists */
.topnav li ul ul {
	margin: -22px 0 0 100%;
	border-width: 0px;
/* uncommmenting below places 3rd level lists directly under their parent li */ 
/*
	position: static !important;
	height: auto !important;
	margin: 0px !important;
	overflow: visible !important;
*/
}
.topnav > ul > li > ul > li > ul {
	xmargin-left: -100%;/* anchor subnav to left */
}
.topnav li ul ul a {
	background-color: #bfbfbf !important;
	border-radius: 0px !important;
}
.topnav li ul ul a:hover {
	background-color: #b0b0b0 !important;
}
.topnav li ul ul li:last-child a {
	border-radius: 0px 0px 5px 5px !important;
}
.topnav li ul ul li.current-menu-item > span a,
.topnav li ul ul li.current-menu-ancestor > span a,
.topnav li ul ul li.current-page-ancestor > span a {
	background-color: #a7a7a7 !important;
}

/* fourth-level lists */
.topnav li ul ul ul {
}


.topnav ul li ul,
.topnav ul li:hover ul ul,
.topnav ul li:hover ul ul ul {
	visibility: hidden;/* iPad will only accept visibility here and still run the transitions | display will also work, but will break the transitions */
	opacity: 0;
	transition: opacity 200ms ease-in-out;
}

.topnav ul li:hover ul,
.topnav ul li li:hover ul,
.topnav ul li li li:hover ul {
	visibility: visible;/* iPad will only accept visibility here and still run the transitions | display will also work, but will break the transitions */
	opacity: 1;
}

/* uncommmenting below places 3rd level lists directly under their parent li */ 
/*
.topnav ul li:hover ul ul {
	visibility: visible;
	opacity: 1;
}
*/
/* /header ======================================================================= */






/* footer ======================================================================= */
/* all lists */
.botnav * {max-width: none;}/* overide responsive reset in main stylesheet */
.botnav, .botnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}
.botnav li {
	float: left;
	display: inline;
}
.botnav a {
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 10px 10px 10px 0px;
	font-size: 0.85rem;
	text-decoration: none !important;
	white-space: nowrap;
}
.botnav a:hover {
}
.botnav li:last-child a {
	margin-right: 0px;
}
.botnav li.current-menu-item > a,
.botnav li.current-menu-ancestor > a,
.botnav li.current-page-ancestor > a {
	color: green;
}

/* second-level lists */
.botnav li ul {
	display: none;
}
.botnav li ul:hover {
}
.botnav li ul li {
	display: block;
	clear: both;
	width: 100%;
}
.botnav li ul a {
	border-width: 0px;
}
.botnav li ul a:hover {
}
.botnav li ul li.current-menu-item > a,
.botnav li ul li.current-menu-ancestor > a,
.botnav li ul li.current-page-ancestor > a {
}

/* third-level lists */
.botnav li ul ul {
	border-width: 0px;
}
.botnav li ul ul a {
}
.botnav li ul ul a:hover {
}
.botnav li ul ul li.current-menu-item > a,
.botnav li ul ul li.current-menu-ancestor > a,
.botnav li ul ul li.current-page-ancestor > a {
}
/* /footer ======================================================================= */

/* footer-2 ===================================================================== */
/* all lists */
.botnav-2, .botnav-2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}
.botnav-2 li {
	float: left;
}
.botnav-2 a {
	display: block;
	margin: 0px 10px 10px 0px;
	padding: 10px 10px 10px 0px;
	font-size: 0.85rem;
	text-decoration: none !important;
	white-space: nowrap;
}
.botnav-2 a:hover {
}
.botnav-2 li:last-child a {
	padding-left: 0px;
}
.botnav-2 li.current-menu-item > a,
.botnav-2 li.current-menu-ancestor > a,
.botnav-2 li.current-page-ancestor > a {
	color: green;
}
/* /footer-2 ===================================================================== */


/* page menus ======================================================================= */
.page-menu {
}
.page-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}
.page-menu li {
	display: inline;
}
.page-menu a {
	xheight: 50px;
	xline-height: 50px;
	xvertical-align: middle;
	display: block;
	width: 100%;
	padding: 0px 10px 0px 10px;
	text-decoration: none !important;
	xwhite-space: nowrap;
	background-color: red;
	border-top: solid 1px #000;
	xoverflow: hidden;
}
.page-menu a:hover {
	background-color: green;
}
.page-menu li:last-child a {
	border-bottom: solid 1px #000;
}
.page-menu li.current-menu-item > a {
	background-color: yellow;
}

/* second-level lists */
.page-menu li ul {
}
.page-menu li ul:hover {
}
.page-menu li ul li {
}
.page-menu li ul a {
}
.page-menu li ul a:hover {
}
.page-menu li ul li.current-menu-item > a,
.page-menu li ul li.current-menu-ancestor > a,
.page-menu li ul li.current-page-ancestor > a {
}

/* third-level lists */
.page-menu li ul ul {
}
.page-menu li ul ul a {
}
.page-menu li ul ul a:hover {
}
.page-menu li ul ul li.current-menu-item > a,
.page-menu li ul ul li.current-menu-ancestor > a,
.page-menu li ul ul li.current-page-ancestor > a {
}
/* page menus ======================================================================= */














