/* 
content light tan: F5F0E9
red link color 990000
link hover 6d6149
headline brown ad8431
*/

html, body {
margin:0;
padding:0;
height:100%;
}

body {
background: #fff5c8;
height:100%;
}

body, table, td, pre {
font-size: 15px;
font-family: Verdana, Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif;
}

img {
margin:0;
padding:0;
border:0;
}
a img {
border:0;
text-decoration:none;	
}
table {
border:0;
padding:0;
border-collapse:collapse;
}

td {
padding:0;
vertical-align:top;
}

#wrapper {
height: 100%;
width: 100%;
margin: 0 auto 0 0;
/*border-right: 1px solid #AE8635;*/
float: left;
}
#wrapper #logorow td {
border-bottom: 1px solid #665742;
background-color: #EDE2D5;
}
#wrapper #logo {
height: 60px;
background: #EDE2D5;
width: 283px;
max-width:283px;
}
#logo img {
display:block;
margin:0;
padding:0;
float:left;
margin-right:8px;
}
#montagetd {
/*vertical-align:bottom !important;*/
vertical-align:middle !important;
background: url(/image/template/montage1.jpg) no-repeat top right;
margin:0;
padding:0;	
min-width:460px;
/*height:60px;*/
}
#montagetd img {
float:right;
display:block;	
}
#montagetd table, #montagetd td {
background:none !important;
border-width:0 !important;
}

#montagetd a, #montagetd a img {
color: #990000;
text-decoration:none;
display:block !important;
float:none !important;	
font-size:10px;
margin:2px 4px 0 4px;
padding:2px 8px;
text-align:center;
margin-right:400px;
}
#montagetd a img {
margin-top:0 !important;	
}

#montagetd a:hover {
text-decoration:underline;
color: #665742;
}
#montagetd a img {
float:left;
padding:2px;
}

/* show montage if not small leaderboard */
.themontage {
/*background: url(/image/template/montage1.jpg) no-repeat right;*/
}

#leaderboard728row td {
background-color: #fff5c8;
height:94px;
vertical-align: middle;
/*border-top: 2px solid #665742; */
}


/* top links on search results page */
div#headernav {
margin: 4px auto 3px auto;
/*border: 1px solid green;*/
text-align:center;	
line-height: 1.5; 
}
div#headernav a {
color: #0000cc;	
white-space:nowrap;
}

/* end top links */



#leaderboardrownoad {
height:2px;
background: #665742;
border-top: 1px solid #665742;
}
#footer {
border-top: 2px solid #990000;
background: #fff5c8;
}
#footertable {
width: 98%;
}
#footertable td {
padding: 6px;
vertical-align:middle;
color: #665742;
}
#footertable #footer1 {
text-align: center;
color: #990000;
line-height:1.6;
}
#footernav {
margin-top:8px;	
}
#footer1 a:link, #footer1 a:visited {
color: #990000;
text-decoration:underline;
}
#footer1 a:hover, #footer1 a:active {
color: #665742;
}

#footertable #footer2 {
font-size: 12px !important;
font-style: oblique;
text-align: center;
padding: 12px;
line-height:1.2;
}
#footertable #footer2 a:link, #footertable #footer2 a:visited {
color: #665742;
text-decoration:none;
}
#footertable #footer2 a:hover, #footertable #footer2 a:active {
color: #990000;
text-decoration:underline;
}

tr#contentrow {
height:100%;
}
tr#contentrow td#contentrowtd {
background: #FFF4C7 url(/image/backgrounds/yellow.jpg) repeat right;
height:100%;
border-top: 1px solid #665742;
}
#contenttable {
width:96%;
height: 100%;
border-right: 1px solid #AE8635;
}

tr#contentrow td#navtd {
width: 186px;
border-right: 1px solid #AE8635;
background: #FFF4C7 url(/image/backgrounds/yellow.jpg) repeat;
height: 100%;
padding:0 0 36px 0;
}
#navtd #navdiv {
/*margin-bottom: 482px;*/
background-color: #F6EFE5;
margin-bottom: 18px;
margin: 0 0 18px 0;
}

/* fix skyscraper line-height */
#contentrow #navtd table, #contentrow #navtd table td, #contentrow #navtd table td div {
line-height:1.1 !important;	
}

#searchform {
margin: 2px auto 0 auto;
padding:4px 4px 8px 4px;
border-bottom: 1px solid #665742;
background: none;
/*border: 1px solid red;*/
}
#searchform form {
margin: 0;
padding:0;
}
#searchform table {
width:100%;
background: none;
/*border: 1px solid green;*/
}
#searchform table td {
/*background-color: #F6EFE5 !important;*/
background:none !important;
/*border: 1px solid purple;*/
}
#searchform table td input {
background: #ffffff;
/*border: 1px solid orange;*/
}
#searchform table td input[type=text] {
width:130px;	
}

tr#contentrow td#contenttd {
padding: 6px 30px 24px 30px;
line-height: 1.6;
height: 100%;
background: #F5F0E9;
}

#contenttd a:link, #contenttd a:visited, #contentalt a:link, #contentalt a:visited  {
color: #990000;	
}
#contenttd a:hover, #contenttd a:active, #contentalt a:hover, #contentalt a:active  {
color: #6d6149;	
}

#contenttd h1, #contenttd h2, #contenttd h3, #contenttd h4,
#contentalt h1, #contentalt h2, #contentalt h3, #contentalt h4 {
color: #ad8431;
font-family: Tahoma, "Trebuchet MS", Verdana, sans-serif;
font-weight: normal;
line-height:1.2;
text-align:center;
/*margin-bottom:2px;*/
/*padding-bottom:2px;*/
}
#contenttd h1, #contentalt h1 {
font-size:28px;
/*letter-spacing: .05em;*/
/*margin-bottom:3px;*/
/*padding-bottom:1px;*/
}

#contentalt h1, #contentalt h1.firsth1 {
text-align:center !important;
}


#contenttd h1.firsth1, #contentalt h1.firsth1 {
margin-top:4px; 
padding-top:0; 
padding-bottom:1px; 
margin-bottom:1px;
}

#contenttd h2, #contentalt h2 {
font-size:20px;
}
#contenttd  div.leftit h2, #contentalt div.leftit h2 {
text-align:left;
font-size:18px;	
}
#contenttd h1 + h2, #contentalt h1 + h2 {
margin-top:0;
padding-top:0;
}
#contenttd h3, #contentalt h3 {
font-size:18px;
}
#contenttd h4, #contentalt h4 {
font-size:16px;
}
#contenttd h5, #contentalt h5 {
font-size:14px;
}
#contenttd h6, #contentalt h6 {
font-size:13px;
}

#contenttd li, #contentalt li {
line-height: 1.3;
margin-bottom: 10px;	
}
#contenttd ul li, #contentalt ul li {
list-style: url(/image/graphics/redtri.gif);
}

/* Scroller styles - used */
#Scroller {
float:none;
margin: 2px auto;
padding: 2px;
border: 1px solid #665742;
}
#EndScroller {
clear:both;
display:block;
height:8px;
margin: 0;	
}



#mostpop {
float:left; 
/*clear:left; */
/*width: 200px; */
border: 1px solid #990000; 
padding: 6px 6px;
margin: 0 18px 12px 0;
font-size: 12px;	
}
#mostpop h3 {
font-size:13px;
font-weight:bold;
margin-top:0;
padding-top:0;	
}
#mostpop ul {
margin:0 0 12px 4px; 
padding-left:4px;
}
#mostpop ul li {
line-height:1.2;
margin-bottom:8px;
}
#mostpop ol {
text-align:left;	
}

/* used on /lives/ */
.tablewithpics {
width: 100%;
margin: 6px auto;	
}
.tablewithpics td {
/*text-align:center;	*/
padding: 8px 3px;
line-height:1.6;
border-bottom: 1px solid #990000;
}
.tablewithpics td img {
display:block;
float:right;
margin: 0 0 8px auto;
padding: 1px;	
border: 1px solid #ad8431;
}
.tablewithpics td a {
display:block;
/*float:left;*/
/*margin: 0 auto;*/
text-align:center;
}
.tablewithpics td table td {
border:0;	
}

.tablewithpics2 {
margin: 2px auto;
float:none;
clear:both;
}
.tablewithpics2 td {
text-align:center;	
}
.tablewithpics2 td img {
margin: 2px auto;
float:none;
clear:both;	
}

/* full width center text center images no borders on images images and links display block */
.tablewithpics3 {
width:100%;	
}
.tablewithpics3 td {
text-align:center;	
}
.tablewithpics3 td a {
text-align:center;
display:block;
margin: 2px auto;
}
.tablewithpics3 a img {
border:0;
display:block;
margin: 2px auto;
}

/* table centered with td padding and borders */
table.bdr {
border-top: 1px solid #990000;
border-right: 1px solid #990000;
margin: 8px auto;	
}
table.bdr td {
border-bottom: 1px solid #990000;
border-left: 1px solid #990000;
padding: 12px;
}


.tblctr {
margin: 4px auto;	
}

.imgleft {
float:left;
margin: 10px 18px 12px 0;	
clear:left;
}
.imgright {
float:right;
margin: 14px 0 12px 18px;
clear:right;	
}
.imgctr {
display:block;
margin: 8px auto;	
}
.imgleft img, .imgright img {
display:block;	
}
/* used on franklin autobiography page */
.readchapter {
	text-align: center;
	margin: 12px auto;
	font-weight: bold;
	border: 1px solid #990000;
	padding: 4px;
	clear: both;
}
.readchapter p {
	margin-top: 6px;
	margin-bottom: 4px;
}
.readchapter a:link, .readchapter a:visited  {
	margin: 2px;
	padding: 2px 5px;
}
.readchapter a:visited {
	
}
#contenttd .readchapter a:hover, #contenttd .readchapter a:active {
	color: #F5F0E9;
	background: #990000;
}


/* used on franklin autobiography page - for artist palette portrait link */
.portrait {
text-align: center;
margin: 0 0 12px 18px;
font-weight: bold;
border: 1px solid #990000;
padding: 4px;
float: right;
clear:right;
width: 90px;
line-height: 1.3;
}
.portraitleft {
float: left !important;
clear:none;
clear:left;
margin: 0 18px 12px 0 !important;
font-weight: bold;
line-height: 1.3;
}
.portraitright {
float: right !important;
clear:none;
clear:right;
margin: 0 0 12px 18px !important;
font-weight: bold;
line-height: 1.3;
}






.portrait img, .portraitleft img, .portraitright img {
display:block;
margin: 0 auto 2px auto;
}





.centerindent {
text-align:center;
margin: 18px 8%;
line-height:1.6;
}


.byline {
font-style:oblique;
font-size:12px;
font-weight:bold;
text-align:center;
margin-top:0;
padding-top:0;
}


div.hr {
width: 90%;
height: 2px;
line-height:2px;
font-size:2px;
background: #990000;
color: #990000;
margin: 2px auto;
}



/* for photo closeups */
div.bigpic {
margin: 10px auto;	
}
.bigpic img {
display:block;
margin: 0 auto;	
/*padding: 4px;*/
/*background-color: #ffffff;*/
}
div.divright {
float:right;
clear:right;
margin: 12px 0 12px 18px;
}
div.divleft {
float:left;
clear:left;
margin: 12px 18px 12px 0;
}
div.divright img, div.divleft img {
display:block;
margin-bottom:4px;
}
div.divright, div.divleft {
color: #990000;
font-weight:bold;
font-size:10px;
line-height:1.3;
}


.movietable {
width:auto;
margin: 12px auto;
border-top: 2px solid #990000;
clear:both;
}
.movietable td {
/*padding: 2px 6px;*/
padding-top:12px;
border-bottom: 2px solid #990000;
}
.movietable td img {
margin: 10px 12px 0 0;
}

#contenttd .movietable td h2 {
font-size: 14px;
font-weight:bold;
color: #990000;
text-align:left;
}



/* put extra space after something */
.spaceafter {
margin-bottom:24px !important;	
}


/* make a div for an image with a caption beneath */

.picdivleft  {
line-height:1.2;
font-weight:bold;
float:left;
clear:left;
margin: 6px 18px 12px 0;
}

.picdivleft  img {
display:block;
margin-bottom:6px;
}
.picdivright  {
line-height:1.2;
font-weight:bold;
float:right;
clear:right;
margin: 6px 0 12px 18px;
}

.picdivright  img {
display:block;
margin-bottom:6px;
}


/* review volume and date */
div.reviewvol {
width:40%;
float:left;
margin: 0 4px 2px 0;
font-size:11px;
}
div.reviewdate {
width:40%;
float:right;
margin: 0 0 2px 4px;	
font-size:11px;
text-align:right;
}

/* ul review list - make italic links grey */
ul.reviewlist li a.em:link, ul.reviewlist li a.em:visited {
font-style:oblique;
color: #999999 !important;	
}

ul.reviewlist li a.em:hover, ul.reviewlist li a.em:active {
color: #6d6149 !important;	
}



/* bottom notes for review articles */
.oblique {
font-style:oblique;	
}

div.breadcrumb {
float:right; 
margin:0; 
padding:0;white-space:
nowrap;
}


/* center and bold */
.ctrbld {
font-weight:bold;
text-align:center !important;	
}




/* washington farewell address table */
.farewell {
margin: 2px auto 10px auto;	
border: 1px solid #ad8431;
}
.farewell td {
border: 1px solid #ad8431;
}
.farewell td img {
display:block;
float:none;
margin: 2px auto;
}
.farewell td a {
display:block;
/*float:left;*/
/*margin: 0 auto;*/
text-align:center;
float:none;
}


ul.ctrit {
display:block;
margin: 2px auto;
padding:0;	
text-align:center;
}



/* pullquote */
div.pullquoteleft {
float:left;
clear:left;
width: 250px;
margin: 8px 18px 12px 0;
padding:12px;
border-top: 3px solid #990000;
border-bottom: 3px solid #990000;
font-size:14px;
font-weight:bold;
}
div.pullquoteright {
float:right;
clear:right;
width: 250px;
margin: 8px 0 12px 18px;
padding:12px;
border-top: 3px solid #990000;
border-bottom: 3px solid #990000;
font-size:14px;
font-weight:bold;
}

div.pullquotecenter {
float:none; 
clear:both;
width:94%;
margin: 6px auto; 
padding:12px;
border-top: 3px solid #990000;
border-bottom: 3px solid #990000;
font-size:14px;
font-weight:bold;
text-align:center; 
}


/* music page table */
.notes {
width:100%;	
}
.notes td {
padding-right:16px;
padding-bottom:12px;	
}
.notes td img {
float:left;	
}
.notes td a {
font-weight:bold;	
}




/* bill of rights icon table */

.bill {
width:100%;
margin: 4px auto;	
}
.bill td {
text-align:center;	
/*border:1px solid red;*/
}
.bill td img {
display:block;
margin: 2px auto;
padding: 2px 8px;	
}


/* table on main games page - large text */
.tablecentertd {
width:96%;
margin: 5px auto;	
}
.tablecentertd td  {
text-align:center;	
font-size:16px;
padding-left:6px;
padding-right:6px;
}
/* table on /earlyamerica/milestones/sedition/ page - regular size text */
.regsize td {
font-size: 100% !important;	
}
.regsize th {
font-size: 16px !important;	
}

/* on whiskey rebellion page */
div.lgtxt {
font-size:150%;
line-height:2.3;
font-weight:bold;
text-align:center;	
}

div.lgtxt img {
display:block;
margin: 8px auto 4px auto;
}



.incolor {
color: #990000;	
}


/* plain old table with padding on tds and img block */
table.mytable {
width:98%;
margin: 2px auto;
float:none;
}
table.mytable td {
padding: 8px;	
text-align:center;
}
table.mytable td img {
display:block;
margin: 2px auto;	
}
table.left td {
text-align:left;	
}
/* plain old table with padding on tds and img block, text left, border */
table.mytable2 {
width:98%;
margin: 2px auto;
float:none;
border-top: 1px solid #ad8431;
border-right: 1px solid #ad8431;
}
table.mytable2 td {
padding: 8px;	
text-align:left;
border-left: 1px solid #ad8431;
border-bottom: 1px solid #ad8431;
}
table.mytable2 td img {
display:block;
margin: 2px auto;	
}

/* plain old table with padding on tds, img block, and borders, and bold links */
table.mytablebdr {
border-top:1px solid #ad8431;
border-right:1px solid #ad8431;
width:98%;
margin: 2px auto;
float:none;
}
table.mytablebdr td {
border-bottom:1px solid #ad8431;
border-left:1px solid #ad8431;
padding: 8px;	
text-align:center;
}
table.mytablebdr td img {
display:block;
margin: 2px auto;	
}
table.mytablebdr td a {
font-weight:bold;	
}


table.left td {
text-align:left;	
}





/* img with cutline */

/* cutline text style */
.cut, table.cut td {
font-weight:bold;
color: #990000;
line-height:1.24;
}

.divimgleft {
float:left;
margin: 0 18px 12px 0;	
clear:left;
font-weight:bold;
color: #990000;
line-height:1.24;
}
.divimgright {
float:right;
margin: 0 0 12px 18px;
clear:right;	
font-weight:bold;
color: #990000;
line-height:1.24;
}

.divimgctr {
float:none;
margin: 2px auto;
clear:both;	
font-weight:bold;
color: #990000;
line-height:1.24;
text-align:center;
}

.divimgleft img, .divimgright img, .divimgctr  img {
display:block;	
margin-bottom:3px;
}
.divimgleft p, .divimgright p, .divimgctr  p {
margin: 2px 0;
padding: 0 0;
}

.boldctrblock {
margin-left:18px; 
margin-right:18px; 
line-height:2; 
font-weight:bold; 
font-style:oblique; 
text-align:center;
}


.left {
text-align:left !important;	
}
.right {
text-align:right !important;	
}



.ctrboxborder {
color: #990000;
font-weight:bold;
padding: 8px 12px;
text-align:center;
display:block;
border: 2px solid #990000;
margin: 2px auto;
}
.ctrboxborder:hover {
/*color: #F5F0E9 !important;
background-color: #6d6149;
background-color: #990000;
*/
}




.quoteboxleft, .quoteboxright {
width:170px;
padding: 12px;
background-color: #ffffff;
border: 1px solid #990000;
font-weight:bold;
text-align:center;	
}
.quoteboxleft {
margin: 0 18px 12px 0;
float:left;
clear:left;	
}
.quoteboxright {
margin: 0 0 12px 18px;
float:right;
clear:right;	
}



/* center a table */
.ctrit {
margin: 8px auto;	
}

.ctrit td {
padding-top:10px;
text-align:center;	
}



/************ STYLES FOR REVIEW INDEX PAGES ******************/
div.titlediv {
width:100%;	
text-align:center;
text-transform:uppercase;
background: url(/image/review/reviewline.jpg) repeat-x top; 
padding-top:4px;
white-space:nowrap;
}
div.titlediv img {
display:block;
margin: 0 auto;
}
div.titlediv table {
width:100%;	
background: url(/image/review/reviewline.jpg) repeat-x top; 
}
div.titlediv table td {
width:50%;	
text-align:left;
background: url(/image/review/reviewline.jpg) repeat-x bottom; 
padding: 2px 0;
}
div.titlediv table td.right {
text-align:right;	
}

div.reviewcontent {
padding-top:18px;
}
div.reviewcontent ul {
margin-top:4px;
padding-top:2px;
margin-left:0;
padding-left:0;
margin-bottom:0;
padding-bottom:0;
list-style-image:none;
}
div.reviewcontent ul li {
text-align:center;
list-style-type:none !important;
list-style-image:none !important;
font-size:18px;
line-height:2.8;
margin-top:16px;
padding-top:2px;
padding-bottom:2px;
margin-bottom:12px;
margin-left:0;
padding-left:0;
}





div.reviewcontent ul li:first-letter {
font-size:40px;
}
div.reviewcontent ul li a:first-letter, div.reviewcontent ul li a:link:first-letter, div.reviewcontent ul li a:visited:first-letter, div.reviewcontent ul li a:hover:first-letter, div.reviewcontent ul li a:active:first-letter {
font-size:40px;
}
div.reviewcontent ul li a {
text-decoration:none;
color: #8b480b !important;
/*display:block;*/
clear:both;
width:auto;
}
div.reviewcontent a:hover {
text-decoration:underline;
}
div.reviewcontent div.reviewline {
display:block;
width:200px;
background: url(/image/review/reviewline.jpg) repeat-x bottom;
clear:both;
height:12px;
text-align:center;
margin:0 auto;
}


div.reviewcontent table {
width:100%;	
background: url(/image/review/reviewline.jpg) repeat-x; 
}
div.reviewcontent table td {
width:50%;	
text-align:left;
background: url(/image/review/reviewline.jpg) repeat-x bottom; 
padding: 8px 0;
color: #8b480b !important;
}
div.reviewcontent table td.right {
text-align:right;	
}
div.reviewcontent table td a {
font-size:18px;	
color: #8b480b !important;
}

img.reviewpoint {
width:493px;
margin:8px auto -25px auto;
display:block;
padding:0;	
}



td.submitting {
text-align:center !important;
}
td.submitting a {
font-size:14px;
text-decoration:underline;	
display:block;
margin-top:15px;
margin-bottom:15px;
}
div.reviewcpy {
font-size:9px;
line-height:1 !important;
}

div.reviewcontent div.ban468 {
width:478px; 
height: 70px; 
padding:5px; 
border:2px solid #8b480b; 
margin: 10px auto 6px auto;
}

/************ END STYLES FOR REVIEW INDEX PAGES ******************/



table.ghenttable {
border:1px solid #8b480b;
margin:4px auto;	
}
table.ghenttable td, table.ghenttable th {
border:1px solid #8b480b;	
padding:5px;
text-align:center;
}
table.ghenttable td, table.ghenttable th {
vertical-align:bottom;
}



table.tabularchart {
margin:8px auto;
}
table.tabularchart td {
text-align:right;
padding:5px 2px;
border-bottom:1px solid #ad8431;
}
table.tabularchart th {
	padding-top:15px;
border-bottom:1px solid #ad8431;
}
table.tabularchart td.leftit {
text-align:left;
}





div.kudos p {
text-align:center;
font-size:14px;
line-height:2;	
}

div.kudos p {
text-align:center;
font-size:14px;
line-height:2;	
}



/*** review ad ****/
div.spon {
width:282px; 
/*height:250px;*/
float:right; 
margin: 0 0 18px 18px; 
display:block; 
clear:right; 
/*border:1px solid #990000; */
padding: 12px;
}

/*blockquote {
margin-left:50px;
margin-right:50px;	
}*/


.bold {
font-weight:bold;	
}



/* send to a friend form */
.rightit {
text-align:right;
padding-right:8px;	
}
.sendit td input[type=text], .sendit td textarea {
width:400px;	
}

/* plain old bordered box */
.bdritrt {
float:right;
clear:right;
width:276px;
min-width:276px;
max-width:276px;
margin: 24px 0 12px 18px;
border: 1px solid #990000;
padding:12px;
text-align:center;
}
.bdritlt {
float:left;
clear:left;
margin: 24px 18px 12px 0;
width:276px;
min-width:276px;
max-width:276px;
border: 1px solid #990000;
padding:12px;
text-align:center;
}

.bdritrt ul, .bdritrt ul li, .bdritlt ul, .bdritlt ul li {
text-align:left;
margin: 1px auto;
padding:1px;	
}
.bdritrt li, .bdritlt li {
line-height:1.8 !important;
}

table.plaintable {
width:auto;
display:block;	
}
table.plaintable td {
text-align:left;
padding:2px 5px;	
border-bottom:1px solid #8b480b;
}