body {background-color: #3A290F; background-image:  url("../_images/bg-body.gif"); background-repeat: repeat-y; background-position: center; text-align: center; margin: 0px;}
a {color: #967205; text-decoration: none; overflow: hidden;}
a:hover, a:active {color: #C0B07F; text-decoration: none;}
blockquote {padding: 0px; margin: 0px 0px 12px 450px;}
blockquote strong {color: #563A0A; font-size: 13px;}
h1 {background-image:  url("../_images/h-home.gif"); background-repeat: no-repeat; background-position: left top; height: 20px; text-indent: -9999px; line-height: 20px; margin: 0px 0px 14px; padding: 0px;}
h2 {font-family: "Times New Roman", Times, serif; font-size: 14px; color: #563A0A; margin-bottom: 10px; padding: 0px; margin-top: 24px; text-transform: uppercase;}
h2 a {color: #563A0A;}
h3 {color: #563A0A; font-size: 13px; margin: 10px 0px 6px 0px;}
h4 {color: #111111; font-size: 12px; margin: 14px 0px 6px 0px; text-decoration: underline;}
hr {color: #FFFFFF; background-color: #FFFFFF; border-top: 0px; border-right: 0px; border-bottom: 1px dashed #B3A271; border-left: 0px; margin: 0px; padding: 0px; clear: both;}
p {margin-top: 0px; margin-bottom: 14px;}
ul {margin-left: 0px; padding-left: 26px;}
li {}

.top {font-size: 10px; display: block; margin-bottom: 12px; width: 68px;}
.byline {font-size: 13px; font-style: italic; font-family: "Times New Roman", Times, serif;}
.error {font-weight: bold; color: #CC0033;}
.excerpt {font-family: "Times New Roman", Times, serif; font-size: 14px; margin-bottom: 4px;}
.footnote {font-family: "Times New Roman", Times, serif; font-size: 11px;}
.img-right-top {float: right; margin-bottom: 12px; margin-left: 18px; border: 1px solid #967205;}
.more {margin: 0px 0px 14px 0px; font-weight: bold; display:block; width:auto; clear: both;}
p.section {text-align: center; color: #967205;}
.secondary h1 {height: auto; text-indent: 0px; margin: 0px 0px 6px; padding: 45px 0px 0px 0px; font-family: "Times New Roman", Times, serif; color: #563A0A; text-transform: uppercase; font-size: 18px;}

ul#browse-section {float: right; margin: 0px 0px 16px 20px !important; border: 1px dashed #98750B;  background: #F7EFD7 url("../_images/bg-browse-section.gif") 10px 10px no-repeat; padding: 34px 10px 10px 26px; width: 150px;}
ul#browse-section li {margin: 2px !important; font-weight: bold;}

#container {width: 758px; margin: 0px auto 0px auto; position: relative; text-align: left;}
#content {margin: 61px 24px 0px 26px; padding: 0px 20px 0px 28px; background-color: #FFFFFF; width: 660px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
#header {background-color: #D4C597; background-image:  url("../_images/bg-header.gif"); height: 46px; width: 733px; padding-left: 25px; padding-top: 30px;}
#header a {width: 292px; height: 26px; display: block; text-indent: -9999px;}
#navigation {background-color: #F7EFD7; height: 29px; border-width: 1px; border-top-style: solid; border-bottom-style: solid; border-color: #967205; position: absolute; top: 0px; left: 0px; margin-top: 76px; width: 719px; padding-left: 39px;}

#menu {list-style-type: none; padding: 0px; margin: 0px; margin-top: 8px;}
#menu a {display: block; text-indent: -9999px; height: 15px; background-position: left top; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #563A0A;}
#menu a:hover, #menu a:active {color: #BFB081; background-position: left bottom;}
#menu a.home {background-image:  url("../_images/nav-home.gif"); width: 39px;}
#menu a.about {background-image:  url("../_images/nav-about.gif"); width: 46px;}
#menu a.books {background-image:  url("../_images/nav-books.gif"); width: 45px;}
#menu a.excerpts {background-image:  url("../_images/nav-excerpts.gif"); width: 66px;}
#menu a.commentary {background-image:  url("../_images/nav-commentary.gif"); width: 92px;}
#menu a.korea {background-image:  url("../_images/nav-korea.gif"); width: 45px;}
#menu a.china {background-image:  url("../_images/nav-china.gif"); width: 42px;}
#menu a.college {background-image:  url("../_images/nav-college.gif"); width: 60px;}
#menu a.photos {background-image:  url("../_images/nav-photos.gif"); width: 52px;}
#menu a.q-a {background-image:  url("../_images/nav-q-a.gif"); width: 34px;}
#menu li {display: block; float: left; margin-right: 23px;}
#menu li.parent {position: relative; height: 21px;}
#menu li ul {display: none; position: absolute; list-style-type: none; left: -12px; top: 21px; background-color: #F7EFD7; border-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #967205; margin: 0px; width: 172px; padding-top: 2px; padding-right: 11px; padding-bottom: 3px; padding-left: 11px; z-index: 600;}
#menu li:hover ul, #menu li.over ul {display: block;}
#menu li li {padding-top: 2px; padding-bottom: 5px; border-width: 1px; border-bottom-style: solid; border-color: #D4C597; margin: 0px; float: none; line-height: 11px;}
#menu li li.last {border-bottom-style: none;}
#menu li li a {height: auto; text-indent: 0px;}

#site-search {margin: 0px; padding: 0px; position: absolute; right: 19px; top: 7px; vertical-align: middle;}
#site-search input {width: 105px; font-size: 10px; line-height: 11px; margin: 0px; padding: 1px 0px 0px 2px;}
#site-search input.go {text-indent: -9999px; height: 13px; width: 22px; border: none; position: relative;}
*html #site-search input.go {top: -1px;}

#footer {margin-left: 54px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #AF9D6C; width: 704px; padding-top: 29px; padding-bottom: 14px; clear: both;}
#footer a {color: #AF9D6C; text-decoration: none;}

#about h1 {background-image:  url("../_images/h-bevin-alexander.gif");}
#about p.caption {margin: 32px 14px 12px 0px; font-size: 11px;}
#about img.left {float: left; margin: 10px 14px 12px 0px; border: 1px solid #967205;}
#about #content ul {margin-top: 0px; padding-top: 0px; margin-bottom: 12px; padding-bottom: 0px;}
#about #content ul li {margin-bottom: 9px;}
#site-map h1 {background-image:  url("../_images/h-site-map.gif");}
#site-map h2 {margin: 12px 0px 2px 0px; text-transform: none;}
#site-map h3 {margin: 0px 0px 0px 0px; text-transform: none; font-size: 11px;}
#site-map ul {margin: 6px 0px 6px 18px; padding: 0px 6px 0px 0px;}
#site-map ul p {margin-bottom: 10px;}
#site-map .column-left {width: 310px; float: left; margin-right: 30px;}
#site-map .column-right {width: 310px; float: left;}
#site-map .column-left p, #site-map .column-right p {font-size: 11px;}
#commentary h1 {background-image:  url("../_images/h-commentary.gif");}
.commentary h1 {height: auto; text-indent: 0px; margin: 0px 0px 6px; padding: 45px 0px 0px 0px; font-family: "Times New Roman", Times, serif; color: #563A0A; text-transform: uppercase; font-size: 18px;}
.commentary h1 span {display: block; font: bold 14px/18px "Times New Roman", Times, serif !important; color: #333333; text-transform: none; margin-bottom: 6px;}
#commentary h2 {margin-top: 12px;}
#commentary h2 span {display: block; font: block 13px/16px "Times New Roman", Times, serif !important; color: #333333; text-transform: none; margin-bottom: 4px;}
.commentary blockquote {margin: 0px 0px 12px 70px;}
#commentary .byline {color: #967205;}
#korea h1 {background-image:   url("../_images/h-korea.gif");}
#college h1 {background-image:   url("../_images/h-college.gif");}
#college h3 {margin-top: 16px;}
#college #content ul {margin: 0px;}
#college #content li {margin-bottom: 10px;}
#college #content p.question {font-weight: bold; margin-top: 26px;}

.photos-callout {background-color: #F7EFD7; float: right; width: 280px; clear: right; margin: 0px 0px 14px 14px; padding: 10px; border: 1px solid #967205; font-size: 11px;}
.photos-callout h2 {margin: 0px 0px 8px 0px;}
.photos-callout p {margin: 0px;}
.photos-callout img {margin-left: 12px; float: right; border: 1px solid #967205;}
.photo-gallery h1 {height: auto; text-indent: 0px; margin: 0px 0px 6px; padding: 45px 0px 0px 0px; font-family: "Times New Roman", Times, serif; color: #563A0A; text-transform: uppercase; font-size: 18px;}
.photo-gallery .column-left {text-align: center; font-size: 11px; width: 305px; padding-right: 10px; float: left; margin-right: 29px; border-right: 1px solid #967205;}
.photo-gallery .column-right {text-align: center; font-size: 11px; width: 305px; float: left;}
.photo-gallery #content a img {border: 1px solid #967205; margin: 16px 0px 8px 0px;}

#q-a h1 {background-image:  url("../_images/h-q-a.gif");}
#q-a blockquote {margin: 0px 0px 12px 200px;}
#q-a #q-a-form {width: 290px; float: right; margin: 0px 0px 8px 15px; background-color: #F7EFD7; padding: 12px; border: 1px solid #967205;}
#q-a #q-a-form h2 {margin: 10px 0px 10px 0px;}
#q-a #q-a-form th {width: 100px; font-size: 11px; text-align: left;}
#q-a #q-a-form input {width: 170px; font-size: 11px;}
#q-a #q-a-form textarea {font-family: Arial, Helvetica, sans-serif; width: 170px; font-size: 11px;}
#q-a #q-a-form .submit {width: 50px; margin: 4px 0px 0px 107px;}
#q-a hr {clear:none;}
.interview hr {margin-bottom: 10px;}

#search h1 {background-image:  url("../_images/h-search.gif");}
#search #content form {margin: 0px; padding: 0px;}
#search #content form input {width: 205px; font-size: 10px; line-height: 11px; margin: 0px; padding: 1px 0px 0px 2px;}
#search #content form input.go {background-image:  url("../_images/b-go.gif"); text-indent: -9999px; height: 13px; width: 22px; border: none; position: relative;}
*html #search #content form input.go {top: -3px;}
#search #content li {margin-bottom: 10px;}
#search .no-results {font-style: italic;}
#search .your-search {color: #563A0A;}
#search .your-search strong {color: #000000;}
#search .results {margin-left: 36px;}
#search .results div {margin-bottom: 14px;}
#search h2 {margin-top: 36px}

#excerpts h1 {background-image:  url("../_images/h-excerpts.gif");}
#excerpts h2 {margin: 16px 0px 4px 0px;}
#excerpt h1 {height: auto; text-indent: 0px; margin: 0px 0px 6px; padding: 45px 0px 0px 0px; font-family: "Times New Roman", Times, serif; color: #563A0A; text-transform: uppercase; font-size: 18px;}
#excerpt .excerpt {font-family: "Times New Roman", Times, serif; font-size: 14px; margin-bottom: 18px;}
#excerpt .book-callout  {margin-top: 48px;}
.rules-of-war h1 {background-image:  url("../_images/h-rules-of-war.gif")! important;}
.early-wars h1 {background-image:  url("../_images/h-early-wars.gif")! important;}
.napoleonic-wars h1 {background-image:  url("../_images/h-napoleonic-wars.gif")! important;}
.civil-war h1 {background-image:  url("../_images/h-civil-war.gif")! important;}
.world-war-i h1 {background-image:  url("../_images/h-world-war-i.gif")! important;}
.world-war-ii h1 {background-image:  url("../_images/h-world-war-ii.gif")! important;}
.korean-war h1 {background-image:  url("../_images/h-korean-war.gif")! important;}
.cold-war h1 {background-image:  url("../_images/h-cold-war.gif")! important;}
.terror-future-wars h1 {background-image:  url("../_images/h-terror-future-wars.gif")! important;}

#books h1 {background-image:  url("../_images/h-books.gif");}
#books h2 {margin-top: 12px; margin-bottom: 4px;}
#book .img-right-top {margin-top: -44px;} 
#book .book-callout  {margin-top: 0px;}
#book .top {line-height: 32px;}

.nazi-war-machine h1 {background-image:  url("../_images/h-nazi-war-machine.gif"); height: 62px;}
.nazi-war-machine .img-right-top {margin-top: -62px ! important;}
.how-america h1 {background-image:  url("../_images/h-how-america-got-it-right.gif"); height: 44px;}
*html .how-america .buy-it-now {padding: 33px 13px 14px 14px; width: 127px;}
.how-the-south-could-have-won h1 {background-image:  url("../_images/h-how-the-south-could-have-won.gif"); height: 44px;}
.how-wars-are-won h1 {background-image:  url("../_images/h-how-wars-are-won.gif"); height: 62px;}
.how-wars-are-won  #book-contents {padding-bottom: 14px;}
.how-wars-are-won .img-right-top {margin-top: -62px ! important;} 
.stonewall-jackson h1 {background-image:  url("../_images/h-stonewall-jackson.gif"); height: 44px;}
.robert-e-lees-civil-war h1 {background-image:  url("../_images/h-robert-e-lees-civil-war.gif"); height: 17px;}
.robert-e-lees-civil-war .img-right-top {margin-top: -17px ! important;}
.future-of-warfare h1 {background-image:  url("../_images/h-future-of-warfare.gif"); height: 17px;}
.future-of-warfare .img-right-top {margin-top: -17px ! important;}
.how-great-generals-win h1 {background-image:  url("../_images/h-how-great-henerals-win.gif"); height: 17px;}
.how-great-generals-win .img-right-top {margin-top: -17px ! important;}
.us-intervention-in-china h1 {background-image:  url("../_images/h-us-intervention-in-china.gif"); height: 44px;}
.hitler-world-war-ii h1 {background-image:  url("../_images/h-hitler-world-war-ii.gif"); height: 17px;}
.hitler-world-war-ii .img-right-top {margin-top: -17px ! important;}
.korea-first-war-we-lost h1 {background-image:   url("../_images/h-korea-first-war-we-lost.gif"); height: 44px;}

.buy-it-now {color:#563A0A; display: block; background-color: #EBE0BE; padding: 33px 14px 14px 14px; width: 126px; margin: 0px 0px 12px 12px; border: 1px solid #98750B; float: right; font-size: 12px; clear: right; background-image:  url("../_images/bg-buy-it-now.gif"); background-repeat: no-repeat; background-position: top left;}
.buy-it-now p {margin-bottom:8px;}
.buy-it-now img {border:0px;}
a:hover.buy-it-now {color:#98750B;}
a:active.buy-it-now {color:#98750B;}

.book-callout {color:#563A0A; display: block; background-color: #EBE0BE; padding: 10px; width: 112px; margin: -22px 0px 12px 12px; border: 1px solid #98750B; float: right; font-size: 11px; text-align: center; clear: right;}
a:hover.book-callout {color:#98750B;}
a:active.book-callout {color:#98750B;}
.book-callout img {border: 0px;}
.book-callout img.border {border: 1px solid #98750B;}
.book-callout p {margin-top: 8px; margin-bottom: 6px;}
#books .book-callout {padding: 8px; width: 176px; text-align: left; margin-top: 12px; height: auto;}
#books .book-callout p {padding-top: 8px; margin-top: 0px; margin-bottom: 6px;}
#books .book-callout img.border {border: 1px solid #98750B; float: left; margin-right: 12px;}
#books hr {margin-top: 6px;}

#book-contents h2 {margin-bottom: 2px; font-family: Arial, Helvetica, sans-serif; text-transform: none; font-size: 12px; margin-top: 16px;}
#book-contents {background-image:  url("../_images/bg-book-contents.gif"); background-repeat: no-repeat; padding-top: 14px; margin-top: 26px;}
#read-excerpts {background-image:  url("../_images/bg-read-excerpts.gif"); background-repeat: no-repeat; padding-top: 28px; margin-top: 26px; margin-left: 0px; padding-left: 26px;}

#index #content p { padding: 0px; margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
#index #content ul {margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 16px; list-style-type: none;}
#index #content hr {width: 160px; margin: 8px 0px 0px 0px;}
#index .column-left {width: 310px; float: left; margin-right: 30px;}
#index .column-right {width: 310px; float: left;}
#index .more {clear: both; padding-top: 20px;} 
#index .note {color: #563A0A; padding: 0px 0px 12px 0px !important;}

#home #container {background: transparent url("../_images/bg-container.jpg") 0px 107px no-repeat;} 
#home #content {border-top: 1px solid #967205; margin-top: 200px; padding-top: 24px;}
#home #content ul {padding: 4px 0px 0px 20px; margin: 0px 0px 20px; list-style-type: square;}
#home #content li {margin-bottom: 12px; text-indent: 0px;}

#book-feature {float: right; width: 186px; padding: 0px 5px 5px 0px; margin-top: -20px; margin-left: 14px; border: 1px solid #967205; background-color: #EBE0BE;}
*html #book-feature {width: 184px;}
#book-feature a img {border: 1px solid #967205; margin: 5px 0px 0px 5px; float: left; display:block; width: 55px;}

#home-feature {background: #EBE0BE url("../_images/h-featured-title.gif") 10px 258px no-repeat; padding: 11px 10px 11px 10px; border: 1px solid #967205; float: right; margin: 0px 0px 14px 14px; display: block; width: 156px; color:#563A0A; font: 13px/15px "Times New Roman", Times, serif;}
#home-feature img {border: 1px solid #967205; margin: 0px 0px 32px 0px; display: block;}
a:hover#home-feature {color:#98750B;}
a:active#home-feature {color:#98750B;}
.anchor {display: block; margin-top: -14px; height: 14px;}

#china h1 {background-image:  url("../_images/h-china.gif"); height: 78px;}
.chapter h1 {height: auto !important; text-indent: 0px; margin: 0px 0px 14px 0px; padding: 104px 0px 0px 0px; font-family: "Times New Roman", Times, serif; color: #563A0A; text-transform: uppercase; font-size: 18px;}
#china #content p {margin-top: 0px; margin-bottom: 14px; font-size: 13px; line-height: 18px;}
#china blockquote strong {color: #000000;}
#china #contents {background-color: #F7EFD7; float: right; width: 290px; clear: right; margin: 0px 0px 14px 14px; padding: 34px 10px 10px 10px; border: 1px dashed #98750B; font-size: 11px; background: #F7EFD7 url("../_images/bg-contents.gif") 10px 10px no-repeat;}
#china #contents h2 {margin: 0px 0px 8px 0px;}
#china #contents ol {position: relative; padding: 0px; margin: 0px;}
#china #contents ol h3 {position: relative; padding: 0px !important; margin: 8px 0px 8px 0px;}
#china #contents ol li {padding-left: 2px; margin-left: 26px;}
#china #contents ol li a {font-weight: bold;}
#china #quick-links {background-color: #F7EFD7; float: right; width: 180px; clear: right; margin: 0px 0px 14px 14px; padding: 10px; border: 1px solid #967205; font-size: 11px;}
#china #quick-links li {font-family: "Times New Roman", Times, serif; text-transform: uppercase; color: #563A0A; font-size: 13px; margin: 0px 0px 6px 0px; list-style-type: none; font-weight: bold;}
#china #quick-links li a {text-transform: none; font-family: Arial, Helvetica, sans-serif; }
#china #endnotes {border-top: 1px dashed #B3A271; margin-top: 12px; padding-top: 12px; clear: both;}
#china #endnotes p {font-size: 11px; margin-bottom: 9px; line-height: 14px;}
#china blockquote {margin-left: 20px;}
#china a.endnote {font-size: 11px;}