* { padding: 0; margin: 0;}

.a 
{
    text-decoration:none;
}

p 
{
    margin:  10px 10px 10px 10px;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #000000;
 background-color: #9fafae;
 background-image: url('../img/mainBack.gif');
 background-repeat: repeat-x;
 background-position: center top;
 text-align: center ;
}


#book {
position: relative;
width: 200px;
left: 15px;
 border: solid 0px white ;
}


/* Clearfix style - START - Forces Firefox to expand divs when content is bigger than initial height. Must be applied as a class to the divs needing it */
.clearfix:after{
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility:hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Clearfix style - END */




#wrapper  
{
 border: solid 0px white ;
 margin: -10px auto;
 width: 750px;
 background-image: url(../img/backBit.gif);
 background-repeat: repeat-y ;
 
}

#header {
 color: #333;
 width: 750px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 308px;
 margin: 10px 0px 0px 0px;
 background: black;
 z-index: 5;
}

#navigation {
 float: left;
 width: 750px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #BD9C8C;
}


#topBar 
{
    z-index:20;
    margin: 3px 0 0 0 ;
}

#leftcolumn { 
 border: 0px solid #ccc;
 width: 219px;
 float: left;
}



#rightcolumn { 
 float: right;
 color: #333;
 border: 0px solid #ccc;
 background: #DDE3E3;
 margin: 0px 0px 0px -10px;
 padding: 0px;
 width: 530px;
 display: inline;
 background-image: url(../img/rightBit.gif);
 background-position: right;
 background-repeat: repeat-y;
}

#content 
{
    padding: 5px 15px 5px 5px;
    text-align: justify;
}

#footer { 
 width: 750px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px auto;
 padding: 0px;
 background-color: #9FAFAE;
 text-align: center ;
 font-size: x-small;
}

#photo 
{
    background-color: #9FAFAE;
    background-image: url(../img/topBack.jpg);
}

#menu 
{
    margin:  0px 0px 0px 45px;
    width: 400px;
    border: solid 1px gray;
    background-color: white;
        background-image: url(../img/glass.gif);
    background-position:bottom right;
    background-repeat: no-repeat;
}

.title
{
    font-weight:bold;
    text-align: center ;
}

#imgDining
{
    margin:  0px 0px 0px 40px;
    
}


.thumbnail{
z-index: 0;
text-decoration:none;
color:#333;
}

.thumbnail:hover
{
    position: relative;
background-color: transparent;
z-index: 50;
text-decoration:none;
color:#333;
}


/*
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100;
left: 60px; /*position where enlarged image should offset horizontally */
*/

}


.thumbnailBottom{
z-index: 0;
text-decoration:none;
}

.thumbnailBottom:hover
{
    position: relative;
background-color: transparent;
z-index: 50;
}

.thumbnailBottom span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailBottom span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailBottom:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: -50px; /*position where enlarged image should offset horizontally */
bottom : -200px;

}





.thumbnailFac
z-index: 0; {
text-decoration:none;
}

.thumbnailFac:hover
{
    position: relative;
background-color: transparent;
z-index: 50;
}

.thumbnailFac span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailFac span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailFac:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: -200px; /*position where enlarged image should offset horizontally */
bottom : -400px;

}



.thumbnailFacBot
z-index: 0; {
text-decoration:none;
}

.thumbnailFacBot:hover
{
    position: relative;
background-color: transparent;
z-index: 50;
}

.thumbnailFacBot span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailFacBot span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailFacBot:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: -300px; /*position where enlarged image should offset horizontally */
bottom : -400px;

}





.thumbnailFacBot2
z-index: 0; {
text-decoration:none;
}

.thumbnailFacBot2:hover
{
    position: relative;
background-color: transparent;
z-index: 50;
}

.thumbnailFacBot2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailFacBot2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailFacBot2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: -300px; /*position where enlarged image should offset horizontally */
bottom : -100px;

}