/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  body { 
    background: rgb(220, 220, 220) url(http://hanks-place.com/images/bakgrnd.gif) no-repeat fixed center top;
    top: auto;
    text-align:center;
    bottom: auto;
    min-width: 750px;
    max-width: 750px;
    font-family: arial,tahoma,helvetica,sans-serif;
    font-size: normal;
    font-weight: normal;
    font-style: normal;
    color: black;
    line-height:125%
    }

  a:link { width: auto;
    color: blue
    position: relative;
    font-family: arial,tahoma,helvetica,sans-serif;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    }

  a:visited { color: green;
    font-family: arial,tahoma,helvetica,sans-serif;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    }

  a:hover { color: white;
    font-family: arial,tahoma,helvetica,sans-serif;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    background-color: navy;
    text-decoration: none;
    }

  div.center { margin: auto;
    text-align: center;
    }

  p { color: black;
    font-family: arial,tahoma,helvetica,sans-serif;
    font-size: 90%;
    text-decoration: none;
    font-style: normal;
    }

  h1 { color: rgb(128, 0, 0);
    font-family: "Times New Roman",arial,helvetica,sans-serif;
    font-size: 225%;

    }

  h2 { color: black;
    font-family: arial,tahoma,helvetica,sans-serif;
    font-size: 150%;
    font-weight: bold;
    font-style: normal;
    }

  h3 { color: black;
    font-family: arial,tahoma,helvetica,sans-serif;
    font-size: 125%;
    font-weight: normal;
    font-style: normal;
    }

  h4 { color: black;
    font-family: arial,tahoma,helvetica,sans-serif;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    }

  h5 { color: black;
    font-family: arial,tahoma,helvetica,sans-serif;
    font-size: 75%;
    font-weight: normal;
    font-style: normal;
    }

  h6 { 
    font-family: arial,tahoma,helvetica,sans-serif;
    font-style: normal ! important;
    color: black ! important;
    margin-top: 0pt ! important;
    margin-bottom: 0pt ! important;
    font-weight: bold ! important;
    font-size: 75% ! important;
    text-decoration: none;
    }
    
  div.container {
  	text-align:center;
  	margin-left:auto;
  	margin-right:auto;
  	width:750px;
  	width:50em;
  	}
  
  div.menu {position:reletive;
  float:left; 
  	left:50; 
  	width:175; 
  	height:auto;
  	background-color:transparent;
  	border-color: #ccf;
	border-width: 6px;
	border-style: ridge;
	text-align:center;
	font-size: 100%;
	
	}
  	#li {list-style-type: square;}
  	
  div.right {margin-left: 150px;
   text-align:left;
   	}

  div.center { margin: auto;
    text-align: center;
    }
    
  div.left { margin: auto;
    text-align: left;
    }
    
  #loading { width: 200px;
    height: 100px;
    background-color: rgb(192, 192, 192);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -100px;
    text-align: center;
    }
    
    #lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxCaption{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url("http://hanks-place.com/images/bakgrnd.gif"); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url("http://hanks-place.com/images/bakgrnd.gif");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
/* Thumbnail Index */
div#index {
	text-align: center;
}

div#index table {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div#index td.thumbcell {
	width: 100px;
	border-style: solid;
	border-color: #BFBFBF;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#index td.thumbcell img {
	border-style: none;
}

div#index div.pages {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	text-align: right;
}

/* Photo Navigation */
div#navigation {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
}

div#navigation table {
	text-align: center;
	margin: 0 auto 1em auto;
}

div#navigation td.previous {
	text-align: left;
	width: 100px;
}

div#navigation td.index {
	text-align: center;
}

div#navigation td.next {
	text-align: right;
	width: 100px;
}

div#navigation td.thumbcell {
	width: 100px;
}

div#navigation td.thumbcell img {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

div#navigation td.thumbcell img.selected {
	border-style: double;
	border-width: 5px;
}

div#navigation span.home {
	display: block;
	padding-bottom: 1em;
}

/* Photograph */
div#photograph {
	text-align: center;
}

div#photograph img {
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

/* Photograph Title */
h1.title {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px;
	
}

/* Photograph Caption */
p.caption {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
}

/* Footnote */
p.footnote {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.6em;
	text-align: right;
	padding: 0 2em 0 0;
}