body {
	margin: 0px auto;
	padding: 7px 0px 0px 0px;
	background: #4f4c42;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #22292b;
}
p,h1,h2,h3 {
	margin: 0px 0px 1em 0px;
}
:focus { 
	-moz-outline-style: none; 
}
a:link, a:visited {
	color: #401c0d
}
img {
	border: none;
}
div.cleared {
	clear: both;
	height: 0px;
	font-size: 1px;
}

/* basic layout */

#wrapper {
	margin: 0px auto;
	width: 758px;
	background: url(../images/bg_sides.gif) repeat-y left;
}
#wrapper_bot {
	background: url(../images/bg_bottom.gif) no-repeat left bottom;
}
#wrapper_top {
	background: url(../images/bg_top.gif) no-repeat left top;
	padding: 4px;
}
#header {
	padding: 0px 0px 7px 0px;
	background: url(../images/bg_header.gif) repeat-y left;
}
#mainarea {
	background: url(../images/bg_main.gif) no-repeat left top;
	padding: 26px 10px 0px 11px;
}
#main_inside {
	clear: both;
	/*background: url(../images/bg_main_inside.gif) repeat-y left!important;*/
}
#col_left {
	float: left;
	width: 151px;
	text-align: center;
	padding: 20px 0px 0px 0px;
	background: #bbbb9f;
	height: 333px;
}
div.scroll-pane {
	background: #fff;
}
div.holder {
	float: left;
	width: 578px;
	height: 353px;
}
#copy {
	height: 353px;
}
#copy_in {
	padding: 17px;
	width: 529px;
}

/* nav area */

#topnav {
	background: #494949;
	padding-left: 18px;
}
#topnav a {
	display: block;
	text-decoration: none;
}
#topnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
#topnav li {
	margin: 0px;
	padding: 0px;
	float: left;
}
#nav_home {
	width: 55px;
	height: 16px;
	overflow: hidden;
	background: url(../images/nav/home.gif) no-repeat left top;
	cursor: pointer;
	cursor: hand;
}
#nav_author {
	width: 77px;
	height: 16px;
	overflow: hidden;
	background: url(../images/nav/author.gif) no-repeat left top;
}
#nav_visual {
	width: 136px;
	height: 16px;
	overflow: hidden;
	background: url(../images/nav/visual.gif) no-repeat left top;
}
#nav_womensren {
	width: 173px;
	height: 16px;
	overflow: hidden;
	background: url(../images/nav/womensren.gif) no-repeat left top;
}
#nav_civilwar {
	width: 136px;
	height: 16px;
	overflow: hidden;
	background: url(../images/nav/civilwar.gif) no-repeat left top;
}
#nav_praise {
	width: 71px;
	height: 16px;
	overflow: hidden;
	background: url(../images/nav/praise.gif) no-repeat left top;
}
#nav_contact {
	width: 64px;
	height: 16px;
	overflow: hidden;
	background: url(../images/nav/contact.gif) no-repeat left top;
}

/* left column */
div.lmod_book {
	margin: 0px 0px 36px 0px;
}
div.lmod_book a {
	text-decoration: none;
}
div.lmod_book img {
	margin: 0px 0px 8px 0px;
}
div.lmod_ordernow {
	background: #d0d0bc;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
}

/* footer */
#footer {
	background: url(../images/bg_footer.gif) repeat;
	font-size: 10px;
	color: #6a6d65;
	text-align: center;
	padding: 3px;
}
#footer a {
	color: #6a6d65;
}

/* content styles */

span.boldintro {
	font-weight: bold;
	color: #412116;
}
a.downloadable {
	font-weight: bold;
	color: #412116;
	text-decoration: underline;
}
span.publication {
	font-weight: bold;
	color: #412116;
}
div.hrule {
	border-top: 1px solid #555;
	margin: 0px auto;
	height: 1px;
	padding-bottom: 12px;
	width: 100px;
}

/* thumbnail styles */

div.pic {
	/*width: 165px;*/
	margin-bottom: 15px;
}
/*
div.thumb {
	background: url(../images/dropshad_sides.gif) repeat-y left;
	margin: 0px;
}
div.thumb_top {
	background: url(../images/dropshad_top.gif) no-repeat left top;
}
div.thumb_bot {
	background: url(../images/dropshad_bot.gif) no-repeat left bottom;
	padding: 5px 7px 8px 7px;
	text-align: center;
}
*/
div.pic span {
	clear: both;
	display: block;
	font-size: 9px;
	background: #fff;
	padding-top: 5px;
}
div.left {
	clear: both;
	float: left;
	margin-right: 20px;
}
div.right {
	float: right;
	margin-left: 20px;
}
div.visualhist div.pic {
	min-height: 320px;
	height: auto!important;
	height: 320px;
	float: left;
	margin: 0px 40px 10px 40px;
}
div.author {
	min-height: 900px;
	height: auto!important;
	height: 900px;
}
div.civilwar {
	min-height: 900px;
	height: auto!important;
	height: 900px;
}
div.praise {
	min-height: 1100px;
	height: auto!important;
	height: 1100px;
}
div.womensren {
	min-height: 900px;
	height: auto!important;
	height: 900px;
}
div.homepage {
	min-height: 600px;
	height: auto!important;
	height: 600px;
}

/* praise styles */

p.praise {
	clear: both;
	margin: 0px 0px 1em 0px;
	padding: 1em 0px 0px 0px;
	border-top: 1px solid #777;
}
div.praisepic {
	float: left;
	margin: 0px 0px 4px 0px!important;
	width: 125px!important;
}
span.praiser {
	clear: both;
	display: block;
	margin: 0px 0px 1em 0px;
	font-weight: bold;
	color: #412116;
	text-align: left;
}

/* visual history */
div.visualhist {
	position: relative;
	background: url(../images/bg_vishist.gif) repeat-y right #b1b191;
	text-align: left;
	margin: 0px!important;
	padding: 0px!important;
}
div.visualhist #copy, div.visualhist #copy_in {
	margin: 0px 0px 0px 0px!important;
	padding: 0px!important;
}
#prevnext {
	position: absolute;
	bottom: 10px;
	width: 187px;
}
#prevnext a {
	display: block;
	text-decoration: none;
}
#but_prev {
	float: left;
	width: 53px;
	height: 24px;
	overflow: hidden;
	margin-left: 8px;
	background: url(../images/arrow_prev.gif) no-repeat left top;
	cursor: pointer;
}
#but_prev img {
	width: 53px;
	height: 24px;
}
#but_next {
	float: right;
	width: 56px;
	height: 24px;
	overflow: hidden;
	background: url(../images/arrow_next.gif) no-repeat left top;
	cursor: pointer;
}
#but_next img {
	width: 56px;
	height: 24px;
}
div.visualhist div.pic {
	width: 578px;
	margin: 0px!important;
	padding: 0px!important;
}
div.visualhist div.pic span {
	float: left;
	width: 187px;
	margin: 17px 0px 0px 0px;
	padding: 22px 8px 22px 8px;
	font-size: 10px;
	color: #000;
	background: #d9d8c9;
	text-align: left;
}
div.visualhist div.pic div {
	float: right;
	width: 375px;
	text-align: center;
}
div.ls {
	margin: 17px 0px 0px 0px;
}
#vis_nav ul {
	margin: 0px 0px 0px 7px;
	padding: 0px;
	list-style-type: none!important;
}
#vis_nav ul li {
	float: left!important;
	margin: 0px 2px 2px 0px;
	padding: 0px;
	width: 32px;
	height: 32px;
}
#vis_nav li a {
	width: 32px;
	height: 32px;
	display: block;
	text-decoration: none;
	background-repeat:no-repeat;
	background-position: left bottom; 
}
#vis_nav li a.current {
	background-position: left top;
}

#visnav1 {
	background-image:url(../images/visual/thumbs/01_Asa_and_Lucy_Thurston.jpg);
}
#visnav2 {
	background-image:url(../images/visual/thumbs/02_Williams_College_hopkins_gate.jpg);
}
#visnav3 {
	background-image:url(../images/visual/thumbs/03_Plantation_Labor.jpg);
}
#visnav4 {
	background-image:url(../images/visual/thumbs/04_Dr._Thomas_Lafon_1860.jpg);
}
#visnav5 {
	background-image:url(../images/visual/thumbs/05_May_1912_Macon.jpg);
}
#visnav6 {
	background-image:url(../images/visual/thumbs/06_John_Tyler_Morgan.jpg);
}
#visnav7 {
	background-image:url(../images/visual/thumbs/07_OLIVER_WENDELL_HOLMES.jpg);
}
#visnav8 {
	background-image:url(../images/visual/thumbs/08_James_b_castle_home_waikiki.jpg);
}
#visnav10 {
	background-image:url(../images/visual/thumbs/10_Lorrin_Andrews_Thurston.jpg);
}
#visnav10a {
	background-image:url(../images/visual/thumbs/10A_Hwi_Prez_Sanford_Ballard_Dole.jpg);
}
#visnav10b {
	background-image:url(../images/visual/thumbs/10B_Navy_near_Honolulu_Harbor.jpg);
}
#visnav10c {
	background-image:url(../images/visual/thumbs/10C_US_troops_hawaii_revolution.jpg);
}
#visnav10d {
	background-image:url(../images/visual/thumbs/10D_Wormley_Hotel.jpg);
}
#visnav11 {
	background-image:url(../images/visual/thumbs/11_Emma_Aima_Nawahi.jpg);
}
#visnav12 {
	background-image:url(../images/visual/thumbs/12_Abigail_Kuaihelani_Campbell.jpg);
}
#visnav13 {
	background-image:url(../images/visual/thumbs/13_James_and_Eugenia_Wiley_Blount.jpg);
}
#visnav14 {
	background-image:url(../images/visual/thumbs/14_Paul_Neumann.jpg);
}
#visnav15 {
	background-image:url(../images/visual/thumbs/15_William_O_Smith.jpg);
}
#visnav16 {
	background-image:url(../images/visual/thumbs/16_Attorney_General_A_Mitchell_Palmer.jpg);
}
#visnav16a {
	background-image:url(../images/visual/thumbs/16A_Robert_Wilcox.jpg);
}
#visnav17 {
	background-image:url(../images/visual/thumbs/17_envelope_1898.jpg);
}
#visnav18 {
	background-image:url(../images/visual/thumbs/18_San_Francisco_1900.jpg);
}
#visnav18a {
	background-image:url(../images/visual/thumbs/18A-handwritten-letter-LO.jpg);
}
#visnav19 {
	background-image:url(../images/visual/thumbs/19_Queen_liliuokalani.jpg);
}
#visnav20 {
	background-image:url(../images/visual/thumbs/20_Boston_circa_1900.jpg);
}
#visnav21 {
	background-image:url(../images/visual/thumbs/21_George_Hoar.jpg);
}
#visnav22 {
	background-image:url(../images/visual/thumbs/22_Richard_Pettigrew.jpg);
}
#visnav23 {
	background-image:url(../images/visual/thumbs/23_Washington_DC_1900.jpg);
}
#visnav24 {
	background-image:url(../images/visual/thumbs/24_Executive_Office_Building.jpg);
}
#visnav24a {
	background-image:url(../images/visual/thumbs/24A_Letter_1905.jpg);
}
#visnav25 {
	background-image:url(../images/visual/thumbs/25_Jane_Lathrop_Stanford.jpg);
}
#visnav26 {
	background-image:url(../images/visual/thumbs/26_January_15_1909_Queen.jpg);
}
#visnav27 {
	background-image:url(../images/visual/thumbs/27_Liliuokalani.jpg);
}
#visnav28 {
	background-image:url(../images/visual/thumbs/28_In_the_Court_of_Claims.jpg);
}
#visnav29 {
	background-image:url(../images/visual/thumbs/29_In_Court_of_Claims_2.jpg);
}
#visnav30 {
	background-image:url(../images/visual/thumbs/30_Court_of_Claims.jpg);
}
#visnav31 {
	background-image:url(../images/visual/thumbs/31_Judge_Fenton_Booth.jpg);
}
#visnav32 {
	background-image:url(../images/visual/thumbs/32_liliuokalani_elder.jpg);
}
#visnav33 {
	background-image:url(../images/visual/thumbs/33_funeral_procession.jpg);
}