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


body  {

top:auto;
bottom:auto;
font-family: Arial;
font-size:12pt;
font-weight:400;
font-style:normal;
color:#000;
background:#dcdcdc url("http://www.hanks-place.com/css/bakgrnd.gif") no-repeat fixed center top;

}

.container {
position:relative;
text-align:left;
margin-right:auto;
margin-left:auto;
width:680px;

}

#content  {
 margin-left:100;
 width:690px;
 height:auto;
 text-align:left;
 
 }

#pageHeader { 
	position:relative;top:0;left:0;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	background: url(http://www.hanks-place.com/css/banner2.jpg) no-repeat top left; 
	position:relative;
	height:150px;
	width: 680px; 
}

#pageHeader h2 { 
	background: url(http://www.hanks-place.com/css/banner2.jpg) no-repeat top left; 
	position:relative;
	height:150px;
	width: 680px; 
}


#pageHeader h1 span {
	display:none 
	}
#pageHeader h2 span {
	display:none 
	}


.left {
text-align:left;
position:relative;
height:auto;
float:left;
width:680px;
}

.right {
position:relative;
margin-left:130pt;
margin-right:auto;
float:left;
}

.center {
position:relative;
text-align:center;
margin-left:auto;
margin-right:auto;
width:680px;
float:left;
}

.box {
border:4px ridge #ccf;
position:relative;
width:auto;
height:auto;
text-align:center;
margin-bottom:5px;
margin-right:5px;
float:left;
}

img {
display:block;
}

a:link {
width:auto;
color:#000;
background-color:transparent;
position:relative;
text-decoration:none;
font-style:normal !important;
}

a:visited {
background-color:transparent;
color:green;
font-style:normal;
text-decoration:none;
}

a:hover {
background-position:120%;
color:#FFF;
font-style:normal;
background-color:navy;
text-decoration:none;
}

p {
background-color:transparent;
color:#000;
font-size:12pt;
text-decoration:none;
font-style:normal;
}

p a {
background-color:transparent;
color:#666;
text-decoration:none;
font-style:normal;
}

p:hover a {
color:blue;
text-decoration:underline;
font-style:normal;
}

p a:hover {
background-position:120%;
color:#FFF;
font-style:normal;
background-color:navy;
}

h1 {
background-color:transparent;
color:maroon;
font-size:24pt;
margin:0;
}

h2 {
background-color:transparent;
color:#000;
font-size:18pt;
font-weight:700;
font-style:normal;
}

h3 {
background-color:transparent;
color:#000;
font-size:14pt;
font-weight:400;
font-style:normal;
}

.menu h3{
color:maroon;
margin-bottom:0;
}

h4 {
background-color:transparent;
color:#000;
font-size:12pt;
font-weight:400;
font-style:normal;
}

h5 {
background-color:transparent;
color:#000;
font-size:10pt;
font-weight:400;
font-style:normal;
margin-top:0;
margin-bottom:0;
}

h6 {
font-style:normal;
background-color:transparent;
color:#000;
margin-top:0;
margin-bottom:0;
font-weight:700;
font-size:10pt;
text-decoration:none;
}

.box h6 {
font-size:9pt
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.hanks-place.com/css/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(http://www.hanks-place.com/css/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

.t15 {margin-top:15px}
.m0 {margin:0;}

.b0 {margin-bottom:0;}

.t0 {margin-top:0;}

.m08 {
    margin:0;
    font-size:8pt}
.ml50 {margin-left:50px;}
    
/* Begin CSS Popout Menu */

#menu{
margin-left:100px;
width:640px;
float:left;
}

#menu a, #menu h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:1px 0 1px 3px;
}

#menu h2{
color:#fff;
background:#000 url("http://www.hanks-place.com/css/Style_1.css") no-repeat 100% 100%;
text-transform:uppercase
}

#menu a{
background:#eee;
text-decoration:none;

}

#menu a, #menu a:visited{
color:#000;
}

#menu a:hover{
color:#a00;
background:#ddd;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:7.4em;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#000 url("http://www.hanks-place.com/css/Style_1.css") no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee url("http://www.hanks-place.com/css/Style_1.css") no-repeat 100% 100%;
}

#menu a.x:hover{
color:#fff;
background:#000;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */