*
{
        padding: 0;
        margin: 0;
}

body
{
        font: 100% Arial, Helvetica, sans-serif;
        text-decoration: none;
        text-allign: center;
        background-color: black;
}

#mother
{
        width: 800px;
        margin: 0 auto;
}

#header
{
        width: 800px;
        height: 100px;
}


#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0 0 0.3em;
}

#nav-menu li
{
float: left;
margin: 0.15 0.15em;
}

#nav-menu li a
{
height: 1.3em;
line-height: 1.3em;
float: left;
padding: 0 10px 0 10px;
display: block;
border: 0.05em solid #93CFC9;
font-size: 100%;
font-weight: bold;
color: #93CFC9;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover
{
color: white ;
border: 0.05em solid silver;
}

#nav-menu li a:active
{
color: white;
background-color: white;
border: 0.05em solid white;
}


#submenu ul
{
clear: both;
list-style: none;
padding: 0;
margin: 0;
}

#submenu li
{
        float: left;
        margin: 0 0 0.7em;
}

#submenu li a
{
height: 1.5em;
line-height: 1.5em;
padding: 0 9px 0 9px;
float: left;
display: block;
border: 0.05em solid #93CFC9;
font-size: 70%;
color: #93CFC9;
text-decoration: none;
text-align: center;
}

#submenu li a:hover
{
        color: white;
        border: 0.05em solid  white;
}

#submenu li a:active
{
color: white;
background-color: white;
border: 0.05em solid white;
}


#submenu2 ul
{
clear: both;
list-style: none;
padding: 0;
margin: 0;
}

#submenu2 li
{
        float: left;
        margin: 0.7em 0 0 0 ;
}

#submenu2 li a
{
height: 1.5em;
line-height: 1.5em;
padding: 0 9px 0 9px;
float: left;
display: block;
border: 0.05em solid #93CFC9;
font-size: 70%;
color: #93CFC9;
text-decoration: none;
text-align: center;
}

#submenu2 li a:hover
{
        color: white;
        border: 0.05em solid white;
}

#submenu2 li a:active
{
color: white;
background-color: white;
border: 0.05em solid white;
}

#foot
{
        padding: 5px 0;
        position: absolute;
        text-decoration: none;
}





.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin: 0 5px 5px 0;
border: 0.05em solid #93CFC9;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
border: 0.05em solid #93CFC9;
background-color: transparent;
padding: 5px;
left: -1000px;
visibility: hidden;
color: white;
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: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}