/* CSS Document */

/* JOEY GREEN CSS - January 4, 2013 */

body {
	background-image: url(../images/blue_background.jpg);
	background-repeat: repeat;
}

/* All standard divs on site */
#wrap {
	width:1100px;
	margin-left:auto;
	margin-right:auto;
}

#navigationbar {
	background-color:#000066;
	width: 1100px;
	list-style-type: none;
	margin: 0;
    padding: 0;
    overflow: hidden;
}

nav {
    float: left;
	font: bold 13px/150% Arial, Helvetica, sans-serif;
	text-align: center;
	border-right: 1px solid #bbb;
}

nav:last-child {
    border-right: none;
}

nav a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

nav a:hover:not(.active) {
    background-color:#06C;
}

.active {
    background-color: #4CAF50;
}

.titlephoto {
	margin: 0px;
	border:none;
}
		

#ordernow {
	background-color:#EF3C09;
	width: 1100px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	margin-bottom: 0px;
}

.norbert-container {
	display: -webkit-flex; /* Safari */
    display: flex;
	flex-wrap: nowrap;
	background-color:#FFCC00;
	box-orient: horizontal;
	width: 1060px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
}
	
.norbert-container > div {
	background-color:#FFCC00;
	width: 320px;
	margin: 10px;	
}

#subhead {
	background-color:#000000;
	width: 320px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	margin-bottom: 0px;
}

#containerbooks {
	background-color:#FFCC00;
	width: 1060px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#bookbox {
	display: table;
	display: box;
	padding-left:10px;
	padding-right:10px;
	box-orient: horizontal;
	background-color:#FC0;
	float: left;
	width: 450px;
}

#bookcover {
	display: table-cell;
	display: box;
	box-orient: vertical;
	box-flex: 1;
	float: middle;
	width: 124px;
}

#bookstorelist {
	display: table-cell;
	box-flex 1;
	float: right;
	width: 300px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}


table {
    border-collapse: collapse;
	table-layout:auto;
    width: 350px;
}

table.norbert {
	border: 0.5px solid black;
	column-rule: 0.5px solid black;
	grid-rows: 0.5px solid black;
	table-layout:auto;
    width: 320px;
	margin:auto;	
}

/* center logos */
img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Create two equal columns that floats next to each other */
.column {
    float: left;
    width: 530px;
	height: 300px;
    padding: 10px;
}

/* Create left insert column that floats next to each other */
.column-insert-left {
    float: left;
    width: 140px;
    padding: 10px;
}

/* Create right insert columns that floats next to each other */
.column-insert-right {
    float: left;
    width: 370px;
    padding: 0px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

td {
    text-align: left;
    padding: 6px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
    background-color: #4CAF50;
    color: white;
}

.floating-box {
    display: inline-block;
    height: 144px;
	width: 600px;
    margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 20px;
}

figure {
    display: block;
    margin-top: 0em;
    margin-bottom: 1em;
	margin-left: 0px;
	margin-right: 0px;
}

figcaption {
	font: 14px/120% Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
}

#copyright {
	background-color:#000066;
	width: 1100px;
	clear:both;
	margin-top: 0px;
}

/* All standard text on site */
p {
	font: 12px/150% Arial, Helvetica, sans-serif;
	color: #000000;
	}
	
p4 {
	font: 16px/150% Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:center;
}

.center {
	text-align:center;
}

/* Headline */
h1 {
	font: bold 18px/110% Verdana, Geneva, sans-serif;
	text-align: center;
	color:#FFFFFF;
	font-size: 18px;
	margin-top: 2px;
	margin-bottom: 2px;
	}
	
/* Headline 2 red */
h2 {
	font: bold 24px/100% Verdana, Geneva, sans-serif;
	text-align: center;
	color:#000000;
	font-size: 24px;
	margin-bottom: 0px;
	}
	
/* Headline 3 */
h3 {
	font: bold 18px/100% Verdana, Geneva, sans-serif;
	text-align: center;
	color:#000000;
	font-size: 18px;
	margin-bottom: 0px;
	}
		
	/* Headline 4 */
h4 {
	font: bold 48px/100% Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FC6;
	font-size: 48px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	

		/* Headline 5 */
h5 {
	font: bold 32px/100% Arial Black, Helvetica, sans-serif;
	text-align: center;
	color:#333;
	font-size: 32px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
		
/* No underline on links except for hovering */
a:link, a:active, a:visited {
	text-decoration: none;
	}
		
a:hover {
	text-decoration: underline;
	}
	
/* Reversed white navigation text */
.nav_txt {
	font: bold 13px/150% Arial, Helvetica, sans-serif;
	text-align: center;
	color:#0099CC;
	}
	
/* Footer small text reversed */
.footer {
	font: 9px/150% Arial, Helvetica, sans-serif;
	text-align: center;
	color:#FFFFFF;
	}


/* On smaller