/* CSS Document */

/* Style sheet for katlubar.com */

/* -----Color Guide-------
#333333: black | use for .h1 & #navtopbar 
#141414: black | use for .h2, .h3, .sectionhead, .p, .picturedesc, .ref & .tablestyle
#444444: gray | use for #navbar & .navigation 
#737373: light gray | use for .quotation */

/* To jump to a specific section, search for the unique character pair at the front of each TOC section */

/* --------- Style Sheet TOC -----------
     =1 Global Constants
	 =2 Global Classes
	 =3 Divisions
	 =3a Header Divisions
	 =3b Footer Divisions
	 =3c Individual page Divisions
	 =4 Navigation and Side Divisions
	 =5 Picture Display Divisions


/* =1 Global constants */
body {
	background-color: #d8d9d9;
	margin:0px;
	padding:0px; }
	
h1 {
	color: #333333;
	float: right;	font-size: 36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 120%;
	margin: 10px 0 0 650px;
	text-align: left; }
	
h2 {
	color: #141414;
	text-align: left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em; 
	font-weight: bold; }
	
h3 {
	color: #141414;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold; }
	
image {
	border:0px; }
	
p {
	color: #141414;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 12px;
	font-weight: normal; }


/* =2 Global Classes */
.sectionhead {
	color: #141414;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;	
	font-weight: bold; }
	
.topic {
	font-family: Palatino, Georgia, Times New Roman, Times, serif;
	font-size: 2em;	
	font-weight: bold; }
	
.booktitle {
	font-family: Palatino, Georgia, Times New Roman, Times, serif;
	font-size: 1em;
	font-style: italic;
	font-weight: bold; }
	
.subtitle {
	font-family: Palatino, Georgia, Times New Roman, Times, serif;
	font-size: 1.2em;
	font-style: italic; 
	font-weight: normal; }
	
.ref {
	color: #141414;
	text-align: left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: normal; }

.tablestyle {
	color: #141414;
	text-align: justify; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal; }
	
.webinfo {
	color: #141414;
	text-align: justify; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal; }
	
.table_exhibition {
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin: 0px;
	padding: 10px 10px 0 10px; 
	width: 83%; }
	
.table_year {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 1.5em;
	margin-bottom:10px;
	text-align: center;
	vertical-align:top; }
	
.year {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
	font-weight: bold; }
	
.table_text {
	height: 1.5em;
	margin-bottom:10px;
	text-align: left;
	vertical-align:top; }
	
.quotation {
	color: #737373;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold; }
	
.note {
	font-family: Palatino, Georgia, Times New Roman, Times, serif;
	font-size: .9em;
	font-style: italic; }

/* =3 Divisions */
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 720px; }
	
#container {
	margin: 0 auto;
	padding: 0; 
	width: 960px; }
	
	
/* 3a Header Divisions */
#topPage {
	float: left; }
	
#topPage img {
	border: 0; }
	
.topofpage {
	font-family: Palatino, Georgia, Times New Roman, Times, serif;
	font-size: .8em;
	font-weight: bold; }
	
	
/*  =3b Footer Divisions */
.footnote {
	font-size: .75em; 
	font-weight: normal; }
	
.footnotereturn {
	font-size: .75em;
	font-style: italic; 
	font-weight: normal; }
		
.copyright {
	font-size: .8em; } 
	
	
/* =4 Navigation Divisions */
#links {
	margin: 0 0 0 675px; 
	width: 280px; }
	
a:link, a:visited{
	color: inherit;
	text-decoration: inherit; }	
	
#navtopbar {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	font-weight: normal;
	list-style: none;
	text-align: right; }
	
#navbar {
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: normal;
	list-style: none;
	text-align: right; }
	 
.navigation {
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: normal;
	list-style: none;
	text-align: right; }
	

/* =5 Picture Display Divisions */
#target {
	float: left;
	height: auto; 
	margin: 100px 0 0 0;
	padding: 10px 10px 20px 10px;
	width: auto; }
	
#targetindex {
	float: left;
	height: auto; 
	margin: 150px 0 0 0;
	padding: 10px 10px 20px 10px;
	width: auto; }
	
#targetsw {
	float: left;
	height: auto;
	margin: 100px 0 0 0;
	padding: 10px 10px 20px 94px;
	width: auto; }
	
#imgnav {
	margin: 70px 0	0 650px; 
	width: 305px; }
#imgnavprints {
	margin: 350px 0	0 650px; 
	width: 305px; }
#imgnavprison {
	margin: 345px 0	0 650px; 
	width: 305px; }
#imgnavlamp {
	margin: 245px 0	0 650px; 
	width: 305px; }
#imgnav1992 {
	margin: 300px 0	0 650px; 
	width: 305px; }
#imgnav2001 {
	margin: 280px 0	0 650px; 
	width: 305px; }
#imgnav2004 {
	margin: 320px 0	0 650px; 
	width: 305px; }
#imgnav2009 {
	margin: 245px 0	0 650px; 
	width: 305px; }
	
	
/* =pictures */
#bigPic {
	margin: 50px 500px 0 0; 
	width: 640px; }
	
#thumbs {
	margin: 0 0 0 0px; }
	
#thumbnails {
	margin: 0 0 0 675px; 
	width: 280px; }
	
.thumbnails {
	border: 1px solid;
	margin-left: auto;
	margin-right: auto;
	width: 200px; }
	
	
/* =Picture Title */
.picturetitle {
	font-family: Palatino, Georgia, Times New Roman, Times, serif;
	font-size: .9em; 
	font-weight: bold;
	text-align: center; }
	
.picturedesc {
	color: #141414;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: normal;
	text-align: left; }