/*	
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 ======================================================================= */
/* all lists */
.topnav * {max-width: none;}/* overide responsive reset in main stylesheet */
.topnav, .topnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
.topnav li {
	float: left;
}
.topnav a {
	/* to create valign: middle ===== */
	vertical-align: middle;
	height: 26px;
	line-height: 26px;
	/* /to create valign: middle ===== */
	display: block;
	padding: 0px 10px 0px 10px;
	text-decoration: none !important;
	white-space: nowrap;
	border-right: solid 1px #000000;
}
.topnav a:hover {
	background-color: #ebebeb;
}
.topnav li:nth-last-child(1) a {
	border-right-width: 0px;
}
.topnav li.current-menu-item > a,
.topnav li.current-menu-ancestor > a,
.topnav li.current-page-ancestor > 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;
}
.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;
	.width: 175px;
}
.topnav li ul a:hover {
	background-color: #d5d5d5 !important;
}
.topnav li ul li:nth-last-child(1) a {
	-webkit-border-radius: 0px 0px 5px 5px;
	   -moz-border-radius: 0px 0px 5px 5px;
	    -ms-border-radius: 0px 0px 5px 5px;
	     -o-border-radius: 0px 0px 5px 5px;
	        border-radius: 0px 0px 5px 5px;
}
.topnav li ul li.current-menu-item > a,
.topnav li ul li.current-menu-ancestor > a,
.topnav li ul li.current-page-ancestor > 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 li ul ul a {
	background-color: #bfbfbf !important;
	-webkit-border-radius: 0px !important;
	   -moz-border-radius: 0px !important;
	    -ms-border-radius: 0px !important;
	     -o-border-radius: 0px !important;
	        border-radius: 0px !important;
}
.topnav li ul ul a:hover {
	background-color: #b0b0b0 !important;
}
.topnav li ul ul li:nth-last-child(1) a {
	-webkit-border-radius: 0px 0px 5px 5px !important;
	   -moz-border-radius: 0px 0px 5px 5px !important;
	    -ms-border-radius: 0px 0px 5px 5px !important;
	     -o-border-radius: 0px 0px 5px 5px !important;
	        border-radius: 0px 0px 5px 5px !important;
}
.topnav li ul ul li.current-menu-item > a,
.topnav li ul ul li.current-menu-ancestor > a,
.topnav li ul ul li.current-page-ancestor > 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;
	-webkit-transition: opacity 200ms ease-in-out;
	   -moz-transition: opacity 200ms ease-in-out;
	    -ms-transition: opacity 200ms ease-in-out;
	     -o-transition: opacity 200ms ease-in-out;
	        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;
}

/* /header ======================================================================= */







/* footer ======================================================================= */
/* all lists */
.botnav, .botnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
.botnav li {
	float: left;
}
.botnav a {
	/* to create valign: middle ===== */
	vertical-align: middle;
	height: 26px;
	line-height: 26px;
	/* /to create valign: middle ===== */
	display: block;
	margin: 0px 10px 10px 0px;
	padding: 0px 10px 0px 0px;
	font-size: 85%;
	text-decoration: none !important;
	white-space: nowrap;
}
.botnav a:hover {
}
.botnav li:nth-last-child(1) a {
	padding-left: 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;
	.width: 175px;
}
.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 ======================================================================= */



.responsiveMenuSelect,
.responsiveMenuSelect option {
	color: #000 !important;
	-webkit-text-shadow: 1px 1px 0px rgba(255,255,255,0.50) !important;
	   -moz-text-shadow: 1px 1px 0px rgba(255,255,255,0.50) !important;
	    -ms-text-shadow: 1px 1px 0px rgba(255,255,255,0.50) !important;
	     -o-text-shadow: 1px 1px 0px rgba(255,255,255,0.50) !important;
	        text-shadow: 1px 1px 0px rgba(255,255,255,0.50) !important;
}
.responsiveMenuSelect option:hover,
.responsiveMenuSelect option:checked {
	color: #fff !important;
	-webkit-text-shadow: 1px 1px 0px rgba(0,0,0,0.50) !important;
	   -moz-text-shadow: 1px 1px 0px rgba(0,0,0,0.50) !important;
	    -ms-text-shadow: 1px 1px 0px rgba(0,0,0,0.50) !important;
	     -o-text-shadow: 1px 1px 0px rgba(0,0,0,0.50) !important;
	        text-shadow: 1px 1px 0px rgba(0,0,0,0.50) !important;
}