.nav_box {
	width: 100%; max-width: 100%;
	border:none; border-spacing: 0px;
	background:#CCCCCC;	margin: 0px;
/*	display:none;*/
}


.navbar {
	font-size: 10px;
	color: #333333;
}

.nav_icon {
	width:25px; height:25px;
	margin-left: 1px; margin-right: 1px;
	border-width: 0;
}

.navhead { font-size: 12px;	font-weight: bold; color: #333333;
	padding-bottom: 4px;
}

.nav_text {
	font-size: 10px;
	color: #333333;
}

/* formatting for nav arrows to left and right */

.nav_arrow_cell { 
	width:11vw; }

.nav_arrow_box {
	border:none;
	padding:0px;
	width:10px;
}

.nav_arrow {
	min-width:10px; min-height:10px; max-height: 20px; max-width: 20px;
	vertical-align: middle; width:10px; height:10px; padding:5px;
	/* border: solid black 1px; */
}

.nav_arrow_text {
	visibility: visible;
}


/* formatting for center icon menu */

.nav_icon {
	width:25px;
	height:25px;
	margin-left: 1px;
	margin-right: 1px;
	border: solid;
	border-width: 1px;
	border-color: #bbb;
}

.nav_chapter {
	visibility: visible;
}


.nav_center {
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
}

.nav_contents {
	text-align: center;
	padding:5px;
	display: inline-block;
	vertical-align: middle;
}

.nav_book {
	text-align: center;
	padding:5px;
	display: inline-block;
	vertical-align: middle;
}

/* cut here for sanity */


@media screen and (min-width: 1500px) {
	.nav_arrow {
		width:.7vw;
		height:.7vw;
		padding:.05vw;
	}
	
	.nav_text {
		font-size: .7vw;
	}
	
	.nav_icon {
		width:1.6vw;
		height:1.6vw;
		margin-right: .2vw;
		margin-left: .2vw;
		
	}
	
}

@media screen and (min-width: 2000px) {
	.nav_arrow_cell { width:15vw; }
	
	.nav_text {
		font-size: 14px;
	}
	
	.nav_icon {
		width:32px;
		height:32px;
		margin-right: .2vw;
		margin-left: .2vw;
	}

}

@media screen and (max-width: 1250px) {
	
	.nav_arrow_cell { width:20vw; }	

	.nav_icon {
		display:none;
	}

}

@media screen and (max-width: 800px) {
	.nav_arrow_cell { width:20px; }
	
	.nav_center { display:block; }
	
	.nav_arrow {
		width:3vw;
		height:3vw;
	}
	
	.nav_arrow_text {
		display:none;
	}

	
	
}

@media screen and (max-width: 500px) {

.nav_arrow_cell { width:20px; }	
	
.nav_book {
		display:none;
	}
}