/* * {border: 2px solid black;} */

body {background: url('images/bg.JPG'); background-attachment:  fixed; background-repeat:no-repeat; border: 0; 
    font-family: "Times New Roman", Arial, Times, serif; font-size: 16px; color: darkblue; }
    
#page-container {width: 800px; border: 0; margin: 0 auto; padding: 0; position: relative; top: 0;}

#header {width: 100%; background-color: #A0A7AF; height: 76px; }
#title {text-align: center; font-size: 28px; color: white; }
.imgleft {float: left;}
.imgright {float: right;}

#menu {height: 28px; background-color: darkcyan; margin: 0; padding: 0; z-index: 10;}	
#menu a {color: white; text-decoration: none;}
#menu a:visited {color: white;}		

.menu-1 {list-style: none; margin: 0; padding: 0; position: relative; left: 20px; z-index: 500; display: block;}
.menu-1 > li { margin: 0; padding: 5px 10px; text-align: left; float: left; font-weight: bold; border: 0;}         
.menu-1  li:hover {background-color: cadetblue;}
.menu-1 > li:hover .menu-2 {visibility: visible; display: block;}  

.menu-2 {list-style: none;  background-color: darkcyan; width: 150px; position: relative; z-index: 500; display: none;
		margin: 0; padding: 0; border: 1px solid white; text-align: left; visibility: hidden;}
.menu-2 li { padding-left: 10px;}
.menu-2 a {text-align: left; text-decoration: none; height: 21px; line-height: 20px; margin: 0;}

a.photomenu {text-decoration: none; color: white; background-color: darkcyan; font-weight: bold;}
a.photomenu:hover {	color: white; background-color: cadetblue;}
    
#content-container {width: 760px; border: 0; margin: 0; padding: 5px 20px; background-color: #A0A7AF; 
                   position: absolute; top: 165px; left: 0; z-index: 1;}

#footer {width: 760px; margin: 0; text-align: center; border: 0; margin: 0; 
        padding: 0; background-color: #A0A7AF;}
#footer p {border: 0; margin: 0; padding: 0; text-align: center;}

#footer a:link {color: black; text-decoration: underline; }
#footer a:visited {color: black; text-decoration: underline; }   
#footer a:hover {color: white; text-decoration: underline;  background-color: black;}     
#footer a:active {color: black; text-decoration: underline; } 

.filler-0 {clear: both; margin: 0; border: 0; padding: 0; height: 0; width: 100%;}
.filler-10 {clear: both; margin: 0; border: 0; padding: 0; height: 10px; width: 100%;}
.filler-20 {clear: both; margin: 0; border: 0; padding: 0; height: 20px; width: 100%;}
.filler-30 {clear: both; margin: 0; border: 0; padding: 0; height: 30px; width: 100%;}
.filler-40 {clear: both; margin: 0; border: 0; padding: 0; height: 40px; width: 100%;}
.filler-50 {clear: both; margin: 0; border: 0; padding: 0; height: 50px; width: 100%;}