html,body{
margin:0;
padding:0;
text-align:left;
background: #ec7539 url('tlo.png') repeat;
height:100%;
font-size:100%;
}
img {
border:0;
}
p {
margin:0;
padding:0;
}

#top {
background: url('top1.png') repeat-x;
width:100%;
height:124px;
position:relative;
}
#site{
    margin: 0;
padding:0;
    width: 389px;
    min-height: 260px;

background: url('site.png') repeat-y;	
	position:relative;
	top:0px;
left:209px;
	z-index:10;
font-size:110%;
}

#content {
font-size:1.0em;
line-height:28px;
margin:0 21px 0px 10px;

}



h1 {
margin:0 80px 10px 20px;
padding: 20px 0 0 0;
font-size: 140%;
}
h2 {
margin:0 20px 40px 90px;
padding: 0px 0 0 0;
font-size: 130%;
}

h3 {
margin:0;
padding:0;
display:inline;
}


#bottom {

width:389px;
height:32px;
padding:0;
margin:20px 0 0 0;
position:relative;
}


#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; }



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

.tiul {
color: chocolate;
border-bottom: 1px dashed gold;
}
.tiul:hover {
color: coral;
}