/* NavBar Buttons */
/* All links in internal links nav ba are rounded buttons */
nav.internal {font-family:calibri, sans-serif;
    text-align:center; }
    
nav.internal a {
   background-color:moccasin;
	display: inline-block;
	outline: none;
	cursor: pointer;
	color: #343434;
	border: solid 1px #F5CC9C;
	text-align: center;
	text-decoration: none;
	padding: .12em .3em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
nav.internal a.image {padding:0;}
nav.internal  a:active {
	position: relative;
	top: 5px; left: 5px; /* Shift the button as the user clicks on it */
}
/* Add gradient color to the TOC links */
nav.internal  a:hover {
	background: #F8A9A6;  /* This takes effect in IE9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFDEAD), to(#F8a9A6));
	background: -moz-linear-gradient(top,  #FFDEAD,  #F8a9A6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDEAD', endColorstr='#F8a9A6');
	background: linear-gradient(#FFDEAD,#F8A9A6); /* This takes effect in FF16.0.2 and Chrome 26.0 */
}
nav.internal img:{border:none; }