body
{
font-size: 100%;
background-image: url("../Images/test.jpg");
background-repeat: repeat;
font-family:  Verdana, sans-serif;
}

#container
{
width: 90%;
margin: 5px auto;
background-color: #fff;
color: #333;
border: 1px solid white;
line-height: 130%;
}

#top
{
border: 1px solid white;
background: url("../Images/p1banner2.gif") no-repeat 50% 0;
background-color:  #FBEBC9;
}

#top topleft     
{
position: absolute; top:0; left:0; 
}


#topnav ul
{
text-align:  center;
}

ul#navlist
{

float: left;
text-align:  center;
padding: 0;
margin: 0;
list-style-type: none;
width: 100%;
color: #fff;
background-color: #60554A;
}

ul#navlist li 
{ 
display: inline; 

}

ul#navlist li a
{
width: 5em;
color: #fff;
background-color: #60554A;
padding: 0.2em 1em;
text-decoration: none;
font-size: .9em;

}

ul#navlist li a:hover
{
background-color: #369;
color: #fff;
}


#ul#navlist li a:visited
{
text-decoration: none;
}

#leftnav
{
float: left;
width: 175px;
height: 750px;
margin: 0;
padding: 1em;
border: 1px solid white;
line-height: 10%;
color: black;
list-style-type: none;
text-align: center;
font-size: .7em;

}

#leftnav a:visited
{
text-decoration: none;
color: blue;
}

#content
{
margin-left: 195px;
border-left: 1px solid gray;
padding: 0 1em;
height: 750px;
font-size: .9em;
}

.gallerycontainer{
position: relative;
height:  100px; /*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
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*/
visibility: visible;
top: 0;
left: 310px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


#footer
{
padding: 0;
margin: 0;
width: 100%;
color: #fff;
background-color: #60554A;
text-align:  center;
font-size:  .7em;
line-height: 105%;
clear:  both;
}



/*background-image: url("leftnavbkgrd.gif"); 464478, 1z74e4f30274025680/

/*float: left;/
/float: left;/


