#content
{
	height:62em;
	margin-left: 22px;
background: transparent url('images/contentbk.png') left repeat;
border: 0px black solid;
width: 750px;
}

#history_left
{
position: relative;	
	float:left;
	width:435px;
	height:62em;
z-index: 1;
background: transparent url('images/rightcolrpt.png') top right repeat-y;

}

#history_right
{

   position: relative;		
   float:right;
	width:315px;
	height:62em;
	background: #061476;
	z-index: 1;
}

#history_writeup
{
	max-width:369px;
	height:780px;
border: solid 5px #ddd;
	background-color:ghostwhite;
margin: 0 auto;
margin-top: 20px;
margin-left: 15px;
font-size: 11pt;
font-weight: bold;
padding: 10px;
}

#restaurants_title{
background: transparent url('images/histtitle.gif') no-repeat center;
height: 80px;
width: 300px;
margin-left:5px;
margin-top: 10px;
}

#history_rest1
{
margin-bottom:20px;
margin-top:20px;
width:300px;
height:290px;
}

#history_rest1 img
{
border: none;
margin-left:28px;
}

#history_rest2
{
margin-bottom:15px;
margin-top:5px;
width:300px;
height:260px;
}

#history_rest2 img
{
border: none;
margin-left:31px;
text-align: center;
}

#history_rest3
{
margin-bottom:20px;
margin-top:0px;
width:300px;
height:220px;
}

#history_rest3 img
{
border: none;
margin-left:26px;
}

#history_page_title{

height: 90px;
width: 430px;
background: transparent url('images/historytitle.png') center bottom no-repeat;
margin-top: 15px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: ghostwhite;
padding: 5px;
left: -1000px;
border: 3px solid #bbb;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 100;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -258px;
position: absolute;
left: -8px; /*position where enlarged image should offset horizontally */
z-index: 100;
}

.thumbnail span img{ /*CSS for enlarged image*/
position: relative;
border-width: 0;
width: auto;
padding: 2px;
z-index: 100;
}

.thumbs_left
{
	float:left;
width: 173px;
margin-top: 15px;
margin-bottom: 8px;
}

.thumbs_left img
{
border: 3px solid #ddd;
}

.thumbs_right
{
	float:right;
width: 179px;
margin-top: 15px;
margin-left: 15px;
}

.thumbs_right img
{
border: 3px solid #ddd;
}

.thumbs_right .thumbnail:hover span{
left: -207px;
top: -155px;
}