.move-to-bottom {display: table-footer-group;}

/* ##  Left Nav  ## */

.rail-nav-wrapper {background:#eee; border:1px solid #ddd; margin:0 0 15px;}

.rail-nav-heading { margin:0; padding:10px 10px; font-size:1.1em; font-weight:bold; background:#ddd; position:relative;}
.rail-nav-heading span.trigger {position:absolute; right:0; top:0; width:40px; height:100%; border-left:1px solid #aaa; background:#bbb; cursor:pointer;}
.rail-nav-heading span.trigger:before {position:absolute; content:''; left:50%; top:50%; margin:-4px 0 0 -5px; border-left:5px solid transparent; border-top:6px solid #fff; border-right:5px solid transparent;}
.rail-nav-heading a {color:#fff; text-decoration:none; font-weight:normal;}
.rail-nav-heading a:hover, 
.rail-nav-heading a:active {color:#fff; text-decoration:underline; font-weight:normal;}

.rail-nav {margin:0; padding:0; list-style-type:none; font-family:inherit; display:none;}
ul.rail-nav li {border-bottom:1px solid #ddd;}
ul.rail-nav li:last-child {border:0px;}
ul.rail-nav a {font-weight:normal; display:block; padding:8px 10px; text-decoration:none;font-family:inherit;}
ul.rail-nav a:hover, 
ul.rail-nav a:active {}
ul.rail-nav a.on {font-weight:bold;}

ul.rail-nav ul  {margin:0; padding:0; list-style-type:none;}
ul.rail-nav ul li {border:0px;}
ul.rail-nav ul a {padding:5px 10px 5px 20px; font-size:.875em;}
ul.rail-nav ul a:hover, 
ul.rail-nav ul a:active {text-decoration:underline;}

/* Mobile Active States */

.rail-nav-wrapper.active {}
.rail-nav-wrapper.active .rail-nav-heading span.trigger:before {border-top:0px; border-bottom:6px solid #fff;}
.rail-nav-wrapper.active .rail-nav  {display:block;}


@media only screen and (min-width:48em){
	.rail-nav-heading span.trigger  {display:none;}
	.rail-nav {display:block;}
}