/******************************************************************/
/* Above use styles from zaneben.  This is Booklet Site overrides */
/******************************************************************/

/* fix for #photo so it doesn't interfere with admin forms where there's a
   text input with id photo */
#photo {
	float: none;
	width: auto;
	height: auto;
}
#header #photo {
	float:right;
	margin-left: 1em;
	width: 86px;
	height: 116px;
}


#main {
	border-right: 2px solid #000000;
}
body.closeleft #main {
	border-left: 2px solid #000000;
}
#nav, body.closeleft #nav, #body, body.closeleft #body, #footer, body.closeleft #footer {
	border: none;
}
body.closeleft #footer {
	border-bottom: 2px solid #000000;
}
#nav .aboutme {
	float:right;
}
#nav #menu #materials {
	width: 20em;
}


#header {
	padding: 0px;
	margin: 0px;
	height: 125px;
	width: 100%;
}
#header #photo {
	float:right;
	margin: 3px;
	margin-right: 1px;
	width: 86px;
	height: 116px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #000;
	border-right: 1px solid #aaa;
}
#header .myinfo {
	height: 116px;
	text-align: left;
	float: right;
	width: 16em;
	color: white;
	font-size: .7em;
	margin: 0px;
	padding: 5px;
	padding-top: 8px;
	padding-right; 0px;
	padding-bottom: 0px;
}
#header .myinfo h2 {
	text-align: left;
	font-size: 1.4em;
	margin-bottom: 0px;
	margin-top: 3px;
}
#header .myinfo h3 {
	margin-top: 0px;
	font-size: 1.1em;
}
#header .myinfo p {
	text-align: left;
}
#header .myinfo a {
	color: white;
	text-decoration: none;
}
#header .myinfo a:hover {
	color: aaaaaa;
	text-decoration: none;
}
a, a:visited, #menu a, #menu a:visited, #article a, #article a:visited,
.cb.ad a, .cb.ad a:visited, .leftbar a, .leftbar a:visited, #footer a, #footer a:visited {
	color: #333333;
}
a:hover, a:active, #menu a:hover, #article a:hover,
.cb.ad a:hover, .leftbar a:hover, #footer a:hover {
	color: #000000;
}

body.brochure #article h2 {
	font-weight: normal;
	font-family: Arial Black;
	font-size: 1.3em;
}
/*body.brochure*/ .leftbar h1.title, /*body.brochure*/ #body.curhome .leftbar h1.hometitle {
	font-weight: normal;
	font-family: Arial Black;
	font-size: 1.3em;
	background: none;
	margin-top: /*-5*/ 0px;
}
h1.title a, h1.title a:hover, h1.title a:visited {
	text-decoration: none;
}
#body.curhome .leftbar h1.title {
	display: none;
}
#article .bookfloat {
	float: right;
	margin: 1em;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: .5em;
	xwidth: 128px;
	xheight: 192px;
	text-align: center;
}
#article .bookfloat div {
	float:center;
}
#article .bookfloat img {
	xwidth: 128px;
	xheight: 192px;
	background: white;
	padding: 2px;
	border: 2px solid #000000;
}
#article .bookfloat a {
	text-decoration: none;
	font-weight: bold;
	font-size: .8em;
}
#article .bookfloat.brochure img, #article .bookfloat.brochure {
	xwidth: 52px;
	xheight: 127px;
}
#article hr {
	clear: left;
	margin: 15px auto;
	height: 2px;
	width: 18em;
	border: 0;
}
#article hr.thin {
	height: 1px;
	margin: 0px auto;
}
#article .citation {
	text-align: center;
	float: none;
	border: none;
	font-size: .75em;
}
#article .citation a {
	text-decoration: none;
	font-style: italic;
}
#article p {
	margin-top: 1em;
	margin-bottom: 1em;
	/*line-height: 150%;*/
}
#article p.thin {
	margin-top: 0px;
	margin-bottom: 0px;
}
#article h2.thin {
	margin-bottom: 0px;
}
#article.singlecol {
	width: 49em;
	padding-left: 1em;
	margin: 0px;
}
#article.singlecol hr {
	width: 35em;
}
.hilite {
	font-weight: bold;
}
.hilite.ital {
	/*font-style: italic;*/
}
.hilite.large, .hilite.med {
	font-weight: normal;
}
#article .tip {
	font-weight: bold;
}
#article .tip ul {
	list-style-type: square;
	list-style-image: url(images/block.gif);
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
}
#article .tip ul li {
	color: black;
}
#article .tip.bold, #article .tip.bold ul {
	/*font-style: italic;*/
	font-weight: bold;
}
#article .tip.ital {
	/*font-style: italic;*/
}
#article .question {
	/*font-style: italic;*/
	font-weight: bold;
}
#article .aside {
	color: #555555;
	font-family: Verdana;
	font-size: 1.1em;
	font-weight: bold;
}
#article table {
	margin-top: .5em;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
/*#body.brochure*/ #article table td {
	padding: 1em;
	font-size: .8em;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	/*font-weight: bold;*/
}
#article table.noborder, #article table.noborder td {
	border: none;
	padding: .5em;
	/*note that this affects TD's inside normal tables that are inside noborder tables*/
}
#article table.tight td {
	padding: .1em;
	margin: 0px;
}
#article.singlecol table td {
	padding: 2px;
}
#article .footnote {
	font-size: .7em;
}
#article .orderform {
	background: white;
}
#article .orderform table {
	font-size: 1.3em;
	font-weight: bold;
}
#article .orderform table small {
	font-weight: normal;
}


/*
.leftbar h1:first-child {
	border: 3px solid red !important;
}
.leftbar p+h1 {
	border: 3px solid blue !important;
}
*/
}
body.brochure .leftbar h1 {
	/*margin-top: 1.5em;*/
}
body.brochure .leftbar h2 {
	border: none;
	text-align: center;
	margin-bottom: .7em;
	margin-top: 1.5em;
}
.leftbar h1.thin, body .leftbar h2.thin {
	margin-bottom: 0px;
}
.books {
	font-size: .8em;
	margin-top: .5em;
	margin-bottom: 1em;
}
.books a {
	text-decoration: none;
	font-weight: bold;
}
.books img {
	margin: .4em;
}
.book img {
	float: left;
	margin: 1em;
	margin-top: 0px;
	margin-bottom: .5em;
	padding: 0px;
}
.book, .newsarticle {
	clear: both;
	padding-right: .0em;
}
.book a, .newsarticle a {
	text-decoration: none;
}
.newsarticle {
	text-align: center;
}
.newsarticle img {
	margin-top: 1em;
}
.newsarticle p {
	margin-top: /*-3*/ 0px; /*neg margin can break cbb borders in IE */
	padding: 1px;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

.leftbar hr {
	clear: left;
	margin: 15px auto;
	height: 2px;
	width: 10em;
	border: 0;
}

h1.toc, h1.toc a, h1.toc a:visited {
	color: black;
	text-decoration: none;
	background: white;
}
h1.toc {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 1px;
	margin-bottom: 10px;
}
h1.toc a:hover {
	color: black;
	text-decoration: none;
}
ul.toc {
	list-style-type: none;
	list-style-position: outside;
	padding: 0px;
	border-top: 1px solid black;
	font-size: .8em;
	margin: 0px;
	font-weight: bold; /* make all bold, not just current/hover */
}
.cb ul.toc {
	margin: 0 -5px 0px -5px;
}
ul.toc li {
	margin: 0px;
	padding: 0px;
	display: block;
}
ul.toc li a {
	margin: 0px;
	border-bottom: 1px solid black;
	padding: .6em 0px .6em 1em;
	background: white;
	color: black;
	text-decoration: none;
	margin: 0px;
	height: 1em;
	display: block;
}
ul.toc li a:visited {
	color: black;
}
ul.toc li.current a {
	background: #dddddd;
	color: black;
	font-weight: bold;
}
ul.toc li ul {
	/* display: none; */
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style-position: outside;
	border-bottom: 2px solid black;
}
li.amcfaqtoc {
	margin-bottom: 0px;
	border-bottom: 1px solid white;
}
a.amcfaqtoc {
	height: auto !important;
	font-weight: normal;
	padding-right: 1em !important;
	xpadding-top: .2em !important;
	xpadding-bottom: .2em !important;
}
a.amcfaqtoc.hilite {
	xcolor: #25661F !important;
	font-weight: bold;
	padding-left: 1em !important;
	border-top: 2px solid black !important;
	background-color: #eeeeee !important;
}
a.amcfaqtoc.hilite:hover {
	background-color: #DBE5DA !important; /*grayish*/
}
#body ul.toc li ul li {
	padding: 0px;
	margin: 0px;
	/* font-weight: normal; /* make all bold, not just current/hover */
}
#body ul.toc li ul li a {
	display: block;
	padding: .6em 0em .6em 3em;
	background: white;
	color: black;
	margin: 0px;
	/* font-weight: normal; /* make all bold, not just current/hover */
}
#body.curbh1 ul.toc ul.tocsubbh li.tocbh1 a,
#body.cursave1 ul.toc ul.tocsubsave li.tocsave1 a,
#body.curhsas1 ul.toc ul.tocsubhsas li.tochsas1 a,
#body.curbh2 ul.toc ul.tocsubbh li.tocbh2 a,
#body.cursave2 ul.toc ul.tocsubsave li.tocsave2 a,
#body.curhsas2 ul.toc ul.tocsubhsas li.tochsas2 a,
#body.curbh3 ul.toc ul.tocsubbh li.tocbh3 a,
#body.cursave3 ul.toc ul.tocsubsave li.tocsave3 a,
#body.curhsas3 ul.toc ul.tocsubhsas li.tochsas3 a {
	background: #dddddd;
	font-weight: bold;
	color: black;
}
ul.toc li a:hover, 
#body ul.toc li ul li a:hover {
	background: #eeeeee;
	color: black;
}
ul.toc li.tocorder a {
	background: white;
	font-weight: normal;
	font-size: .85em;
	color: black;
	border-bottom: none;
}
ul.toc li.tocorder a:hover {
	text-decoration: underline;
	background: white;
}

#article .nextpage, #article .lastpage, #article .button {
	margin: 1em;
	padding: 0px;
	text-align: center;
}

#article .nextpage, #article .button.right {
	float: right;
	margin-right: 0px;
}
#article .lastpage {
	float: left;
	margin-left: 0px;
}
#article .nextpage a, #article .lastpage a, #article .button a {
	display: block;
	padding: .6em 1.29em .6em 1.29em;
	margin: 0px;
	border: 1px solid black;
}
#article .nextpage a {
	width: 8em;
}
#article .lastpage a {
	width: 10em;
}
#article .nextpage a, #article .nextpage a:visited,
#article .lastpage a, #article .lastpage a:visited,
#article .button a, #article .button a:visited {
	color: black;
	font-weight: bold;
	text-decoration: none;
	background: #dddddd;
}
#article .nextpage a:hover, #article .lastpage a:hover, #article .button a:hover {
	color: white;
	font-weight: bold;
}
#article .button a, #article .button a:visited, #article .button a:hover {
	font-weight: normal;
}


.ad a img, .books a img, .book a img, .newsarticle a img {
	border: 2px solid #fff;
	padding: 1px;
	margin-bottom: .2em;
}
.ad a:hover img, .books a:hover img, .book a:hover img, .newsarticle a:hover img {
	border: 2px solid #000000;
}

body.brochure .curhome .leftbar h1.toc {
	margin-bottom: 4px;
}
#article .homepage {
	font-family: Verdana;
	margin-left: 1em;
}
#article .homepage h1 {
	color: #555555;
	border: none;
	font-size: 1.4em;
	margin-top: 1em;
}
#article .homepage ol {
	font-size: 1.05em;
	font-weight: bold;
	margin-left: 1em;
	padding-left: 0em;
}


/* colors for brochure bits */

/* brochure headings */
body.brochure #article h2 {
	color: #25661F;
}
body.brochure .leftbar h1.title, body.brochure #body.curhome .leftbar h1.hometitle {
	color: #25661F;
}
h1.title a, h1.title a:hover, h1.title a:visited {
	color: #25661F;
}
#article .bookfloat img {
	border: 2px solid #dddddd;
}
#article .bookfloat a:hover img {
	border: 2px solid #25661F; /*darkcolor*/
}
#article hr, #article hr.thin {
	background-color: #25661F;
	color: #25661F;
}
#article .hilite {
	color: #25661F;
}
#article .tip {
	color: #25661F;
}
#article .tip ul {
	list-style-image: url(images/red_block.gif);
}
#article .aside {
	color: #555555;
}
/* large headings on frontpage (gray) */
#article .homepage h1 {
	color: #555555;
}
/* colored bold 1-2-3 on top of front page */
#article .homepage ol {
	color: #25661F;
}

/* make links green like amc by default */
a, a:visited, #menu a, #menu a:visited, #article a, #article a:visited,
.cb.ad a, .cb.ad a:visited, .leftbar a, .leftbar a:visited, #footer a, #footer a:visited {
	color: #333333;
}
a:hover, a:active, #menu a:hover, #article a:hover,
.cb.ad a:hover, .leftbar a:hover, #footer a:hover {
	color: #25661F;
}
.brochure #article .ad .bb div, .brochure #article .ad .bb, .brochure #article .ad .bt div, .brochure #article .ad .bt {
	background-image: url("images/red_adbox.gif");
}	
.brochure #article .ad .i2, .brochure #article .ad .i1 {
	background-image: url("images/red_adborders.gif");
}
/* border-hilite for hovered ad image links */
.brochure #article .ad a:hover img {
	border: 2px solid #25661F;
}
.brochure #article .ad a:hover {
	color: #25661F;
}
/* button / nextpage hovers */
#article .nextpage a:hover, #article .lastpage a:hover, #article .button a:hover {
	background: #25661F;
	color: white;
}


/* toc current (gray) */
ul.toc li.current, 
#body ul.toc ul li.current a {
	background: #dddddd; /*gray*/
	color: black;
}
/* toc hover (grayish) */
ul.toc li a:hover, 
#body ul.toc li ul li a:hover {
	background: #DBE5DA; /*grayish*/
	color: black;
}


/* amc-style buttons */


table.leftbtn {
	font-weight: bold;
	font-size: .9em;
}
#article table.leftbtn td {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-size: 1.2em;
	border: none;
}
#article table.leftbtn td td {
	font-size: 1em;
}
#article table.leftbtn td, #article table.leftbtn td table {
	padding: 0px;
	margin: 0px;
	border: none;
}
#article table.leftbtn td table td {
	padding: 2px;
}
.leftbtn a, #article .leftbtn a {
	text-decoration: none;
}
.leftbtn a:hover, #article .leftbtn a:hover {
	text-decoration: underline;
}
table.leftbtn td, #article table.leftbtn td {
	background-color: #C6E5C3;
}
table.leftbtn td table td, #article table.leftbtn td table td {
	border:1px solid white;
}