/*	
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_bn {display: none;}

/* all lists */
.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.static > a {
	background-color: #f2f2f2;
	color: green;
	}

/* second-level lists */
.topnav li ul {
	position: absolute;
	top: auto;
	z-index: 2000;
	left: -999em;/* needed for IE8*/
	}
.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.static > 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;
	}
.topnav li ul ul a:hover {
	background-color: #b0b0b0 !important;
	}
.topnav li ul ul li.static > a {
	background-color: #a7a7a7 !important;
	}

/* >= fourth-level lists turned off by default */
.topnav li ul ul ul {
	display: none;
	}


/* positions for everyone */
.topnav li:hover ul ul,
.topnav li:hover ul ul ul {
	left: -999em;
	}

.topnav li:hover ul,
.topnav li li:hover ul,
.topnav li li li:hover ul { /* lists nested under hovered list items */
	left: auto;
	}

/* transitions ===== */
/* NOTE: cannot use transitions to go from left: -999em to left: auto because "auto" is NaN :) */
/* level 1 */
.topnav ul ul {
	opacity: 0;
	}
.topnav li:hover ul {
	opacity: 100;
	-webkit-transition: all 200ms ease-in-out;
	   -moz-transition: all 200ms ease-in-out;
	    -ms-transition: all 200ms ease-in-out;
	     -o-transition: all 200ms ease-in-out;
	        transition: all 200ms ease-in-out;
	}

/* level 2 - ??? */
.topnav li:hover ul ul,
.topnav li:hover ul ul ul {
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
	   -moz-transition: all 200ms ease-in-out;
	    -ms-transition: all 200ms ease-in-out;
	     -o-transition: all 200ms ease-in-out;
	        transition: all 200ms ease-in-out;
	}
.topnav li li:hover ul,
.topnav li li li:hover ul {
	opacity: 100;
	}

/* /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;
	padding: 0px 10px 0px 10px;
	font-size: 85%;
	text-decoration: none !important;
	white-space: nowrap;
	}
.botnav a:hover {
	}
.botnav li:nth-child(1) a {
	padding-left: 0px;
	}

/* 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 {
	}

/* third-level lists */
.botnav li ul ul {
	border-width: 0px;
	}
.botnav li ul ul a {
	}
.botnav li ul ul a:hover {
	}
/* /footer ======================================================================= */