body {
	margin: 0;
	background-color: #F8F8FF;
	font-family: Georgia, Palatino, Times, "Times New Roman", serif;
/*	font-family: Verdana, Arial, sans-serif;
/*	background-image: url(../../images/wallpaper.gif);
	background-repeat: repeat; */
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
}

#pagecontainer {
	background-color: #F8F8FF;
}

#pagehead {
	padding: 0;
	width: 100%;
	height: 90px;
	/*max-width: 50em;*/
	margin-top: 0;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #AAAABB;
}

.noshrinkhead {
	min-width: 800px;
}

#pageheadcontainer {
	width: 75%;
	min-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#homelink {
	display: block;
	width: 252px;
	height: 63px;
	padding: 5px;
	position: relative;
	left: 0%;
	top: 10px;
	background-image: url("../images/chilogob7.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.chihuahuahead {
	font-family: Georgia, Palatino, Times, "Times New Roman", serif;
	font-weight: 900;
	font-style: italic;
	font-size: 1.6em;
	line-height: 0.8em;
	height: 0.9em;
	letter-spacing: 1px;
	color: rgb(255, 0, 109);
	background-color: rgb(253, 251, 184);
	margin: 0;
	margin-top: 10px;
	margin-left: 0.1em;
	float: left;
	padding-left: 0.1em;
	padding-right: 0.15em;
	padding-top: 4px;
	padding-bottom: 1px;
    border-radius: 4px;
}

#pageheadlittle {
	display: none;
}

.hidden {
	display: none;
}

.shown {
	display: block;
}

/*#navlist {
	display: none;
}*/

#headback {
	width: 750px;
	height: 130px;
	position: absolute;
	left: 0px;
	top: 0px;	
	z-index: 3;
}

#lexilogo {
	position: absolute;
	left: 495px;
	top: 0px;	
	z-index: 4;
}

#chibanner {
	position: relative;
	left: 0;
	top: 0;
	max-width: 35%;
	height: auto;
	z-index: 4;
}

#navbar {
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 60%;
	left: 42%;
	top: 50px;	
	z-index: 4;
	display: block;
}

#navbar ul, #navlist ul {
	padding: 0px;
	margin-top:  0px;
}

.menuitem {
	float: left;
	margin: 0px;
	margin-bottom: 3px;
	width: 10%;
	height: 24px;
	min-width: 4.0em;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline;
	text-align: center;
}

.menulink {
	display: block;
	padding: 3px 0px 5px 0px;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #0055BB;
	background-color: #FFFFFF;
	text-decoration: none;
	border: solid 1px #0055BB;
    border-radius: 5px;
}

#navbar p {
	display: block;
	padding: 2px 0px 4px 0px;
	margin: 0;
	font: bold 0.95em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	/*background-color: #AAAAEE;*/
}

#navbar a img, #navlist a img {
	border: 0px;
}

#navbar a:visited {
	color: #990099;
}

#navbar a:hover, #navlist a:hover {
	background-color: #EEEEFF;
}

#navbar a:focus, #navlist a:focus {
	background-color: #EEEEFF;
}

#navbar a:active, #navlist a:active {
	background-color: #EEEEFF;
}

#pagecontent {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	padding: 3%;
	padding-top: 10px;
	padding-bottom: 20px;
	max-height: 999999px;
	font-size: 24px;
}

.pagecontentcentred {
	width: 96%;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	padding: 3%;
	padding-top: 10px;
	padding-bottom: 20px;
	max-height: 999999px;
/*	font-size: 16px;
*/}

@media screen and (min-width: 320px), screen and (min-height: 320px) {
  #pagecontainer {
    font-size: calc(16px + 10 * ((100vmax - 320px) / 1633));
  }
/*  .pagecontentcentred {
    font-size: calc(16px + 10 * ((100vmax - 320px) / 1633));
  }
  .bookdetailarea {
    font-size: calc(16px + 10 * ((100vmax - 320px) / 1633));
  }
*/}

@media screen and (min-width: 1300px), screen and (min-height: 1300px) {
  #pagecontainer {
    font-size: 22px;
  }
/*  .pagecontentcentred {
    font-size: 22px;
  }
  .bookdetailarea {
    font-size: 22px;
  }
*/}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0;
}

#pagefoot {
	width: 92%;
	padding: 4%;
	clear: both;
	margin-top: 8px;
	border-top: medium solid #7B7B7B;
	/*font-size: 70%;*/
	text-align: right;
}

#textarea {
	position: relative;
	top: 20px;
	width: 710px;
	padding: 20px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #777799;
}

.gameimagediv {
	float: left;
	width: 350px;
	margin-top: 40px;
	clear: both;
}

.gameimage {
	padding: 15px;
}

.gamesummary {
	padding-left: 25px;
	height: 130px;
	overflow: auto;
	margin-top: 50px;
}

.gamesummary h3 {
	font-size: 140%;
	font-weight: bold;
}

.shortquote {
	margin: 20px;
	color: Maroon;
	text-align: right;
}

.sublink {
	padding-left: 20px;
}

#chisitesnote {
	width: 600px;
	background-color: #FFFFFF;
	margin-left: 40px;
	padding: 15px;
	border: medium solid black;
}

#chisitesnote p {
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.chisitelink {
	padding-left: 40px;
}

.extlinks {
	width: 240px;
	float: right;
	background-color: #E9E9FF;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 0;
	padding-left: 10px;
	padding-right: 10px;
	border-width: 1px;
	font-size: 11px;
	line-height: 160%;
}

.extlinkhead {
	font-size: 14px;
	margin-top: 0px;
	padding-top: 5px;
}

#contactpanel {
	position: relative;
	left: 30px;
	float: right;
	width: 330px;
	padding: 0;
	margin-left: 5px;
	margin-bottom: 15px;
	border: medium solid Gray;
	background-color: #DDDDDD;
}

#contactform {
	position: relative;
	left: 0px;
	top: 0px;	
	padding: 15px;
	margin: 0;
	font-size: 12px;
}

#contactresults {
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;	
	padding: 15px;
	margin: 0;
	font-style: italic;
	font-size: 12px;
}

#contactformhead {
	font-size: 16px;
	font-weight: bold;
	padding-top: 0px;
	margin-top: 0px;
}

.msgresultlabel {
	font-weight: bold;
	margin-top: 30px;
}

.msgresultcontent {
	margin-left: 30px;
	background-color: #FFFFEE;
}

#msgresulttext {
	overflow: auto;
	height: 130px;
}

.formnote {
	font-size: 90%;
}

.formbtn {
	font-weight: bold;
}

.question a {
	font-size: 90%;
	font-style: italic;
}

.answerhead {
	font-size: 120%;
	font-style: italic;
	color: #880000;
}

.rulebox {
	background-color: White;
	border-width: 2px;
	border-color: Gray;
	border-style: solid;
	padding-left: 15px;
	padding-right: 15px;
}

#puppypic {
	margin: 30px;
}

.featuredlink {
	font-size: 120%;
}

#updatediv {
	background-color: White;
	color: #0000CC;
	border: 3px ridge #0000CC;
	padding: 10px;
	font: 16px monospace;
	width: 240px;
	margin-top: 0px;
	float: right;
	margin-left: 10px;
	margin-right: 0px;
}

#updatediv a {
	color: #FF7F50;
}

.updatehead {
	margin-top: 0px;
	font-weight: bold;
	font-size: 110%;
	color: #DC143C;
}

.newshead {
	color: Maroon;
}

.newshead a:link {
	color: Maroon;
	text-decoration: none;
}

.newshead a:visited {
	text-decoration: none;
}

.dateline {
	font-style: italic;
	font-size: 90%;
	color: Maroon;
}

.activatedmsg {
	color: Maroon;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	padding-top: 30px;
	padding-left: 50px;
	padding-right: 50px;
}

.centredbox {
	background-color: White;
	color: Maroon;
	border: 3px ridge #0000CC;
	padding: 10px;
	font-size: 20px;
	width: 400px;
	margin-left: 145px;
	font-style: italic;
	font-family: serif;
}

.linkbox {
	background-color: #EEEEFF;
	color: Maroon;
	border: 3px ridge #0000CC;
	padding: 10px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 500px;
	font-size: 20px;
	font-style: italic;
	font-family: serif;
}

.spacedlist li {
	padding-top: 15px;
}
 
.shadow {
	background: #BFBCC3;
}
 
.container {
	position: relative;
	left: -5px;
	top: -5px;
}

.booktitle {
	color: #CC4444;
	font-family: Georgia, Palatino, Times, "Times New Roman", serif;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
}

#booklink {
	width: 550px;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#booklinkbox {
	padding: 10px;
	border: 1px solid #AAAAAA;
	background-color: #FCFCFC;
	font-family: Georgia, Palatino, Times, "Times New Roman", serif;
}

#booklinkbox p {
	margin: 12px;
}

.booklist {
	width: 550px;
	height: 180px;
	border: 3px ridge #CCCC00;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-style: italic;
	font-size: 14px;
	background-color: #FFFFFF;
}

.booktypepanel {
	display: block;
	float: left;  /*fallback for no flex box support*/
	clear: both;
	overflow: auto;
	width: 90%;
	max-width: 530px;
	border: 3px ridge #CCCC00;
	margin: 20px;
	padding: 10px;
	background-color: #DFE4FF;
	text-align: center;
}

.fixedheightpanel {
/*	height: 350px;	
*/}

.bookpic {
	float: left;
}

.booktext {
	width: 60%;
/*	min-width: 260px;*/
	margin-left: 30px;
	float: left;
}


@media screen and (max-width: 600px) {
	.booktypepanel {
		margin: 0px;
		margin-top: 20px;
	}
	
	.bookpic {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.booktext {
		float: none;
		clear: both;
		width: 90%;
		margin-left: 0px;
	}
}

.booktypehead {
	margin-bottom: 6px;
	text-align: center;
}

.booktypeheadlink {
	text-decoration: none;
	font-weight: bold;
	color: #aa0000;
}

.booktypelink {
	margin-top: 6px;
	font-size: 85%;
	font-style: italic;
}

.largeprintlink {
	font-size: 28px;
}

.booktypetext {
	width: 40%;
	float: left;
	margin-right: 20px;
}

.booktypetextlargeprint {
	height:auto;
	font-size:28px;
	font-style:normal;
	letter-spacing:1px;
	line-height:1.6;
}

.booktypetextlargeprint::before {
	 content: "";
	 width: 8em;
	 display: block;
	 overflow: hidden;
}

.booktypepix {
	width: 52%;
	float: left;
}

.booktypepixlargeprint {
	width: 35%;
	float: right;
	margin-left: 20px;
}

.bookdetailarea {
/*	display: -webkit-box;
*/	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.bookdetailbox {
	display: block;
	float: left;  /*fallback for no flex box support*/
	width: 90%;
	max-width: 460px;
	min-height: 180px;
	padding: 15px;
	margin: 15px;
	border: 1px solid #663300;
	text-align: center;
	background-color: #FFFFFF;
}

.bookgraphicbox {
	display: block;
	width: 90%;
	padding: 15px;
	margin-top:35px;
	margin-bottom:20px;
	margin-left: auto;
	margin-right: auto;
	border: medium solid #7B7B7B;
	text-align: center;
	background-color: #FFFFFF;
}

.bookheader {
	margin-left: 30px;
	font-style: italic;
	font-weight: bold;
	color: #990000;
	text-align: center;
}

.bookcaption {
	font-style: italic;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
}

.booksuppliers {
	font-weight: bold;
}

.bookcaptionlargeprint {
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

.chiname {
	color: #CC4444;
	font-weight: bold;
}

.leftpic {
	float: left;
	position: relative;
}

.rightpic {
	float: right;
	position: relative;
}

.bookdetails {
	background-color: rgb(180, 200, 255);
	border: 3px ridge rgb(0, 0, 99);
	width: 600px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	padding-left: 20px;
	padding-right: 0px;
	font-size: 12px;
}

.bookdetailhighlight {
	color: #660000;
	font-weight: bold;
}

.bookextract {
	width: 500px;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 10px;
	border: 1px solid #AAAAAA;
	background-color: #FCFCFC;
	font-family: Georgia, Palatino, Times, "Times New Roman", serif;
	text-align: justify;
}

#lastbook {
	margin-right: 25px;
}

.extractpar {
	text-indent: 25px;
}

.extracthead1 {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

.extracthead2 {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
}
 .buylink {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
 }
 
 .inset {
	padding: 50px;
	padding-top: 30px;
	padding-bottom: 20px;
}

#filterdiv {
	margin-bottom: 20px;
}

#filterdiv input {
	margin-left: 30px;
}

.suggtable {
	border-collapse: collapse;
	font-size: 100%;
	width: 105%;
	margin-left: -2%;
}

.suggtable th {
	background-color: #6677AA;
	color: #FFFFEE;
	border: solid 1px #000044;
	padding: 5px;
}

.suggtable td {
	background-color: #FFFFFF;
	padding: 5px;
	empty-cells: show;
}

.normalrow td {
	border: solid 1px #000077;
	border-top: solid 2px #000077;
}

.suggtable img {
	vertical-align: middle;
	border-style: none;
}

.extrarow {
	font-size: 80%;
	display: none;    
}

.extrarow td {
	background-color: #EEEEEE;
	border: solid 1px #000077;
}

.datecol {
	width: 4em;
}

.defn {
	max-width: 8em;
	word-wrap: break-word;
}

.actioncol {
	width: 6em;
	word-wrap: break-word;
}