/* Photo gallery stylesheet for www.saintlukeumc.org */

body {
   font-family: Arial, sans-serif;
   background-color: #efefef;
   background-image: url(../images/pattern_037.gif);
   color: #333333;
   font-size: small;
   text-align: center;
   margin: 0;
   }
    
iframe {
   margin-top: 5px;
   }
        
#wrapper {
   text-align: left;
   margin: 0 auto;
   padding: 0;
   border: 0;
   width: 800px;
   background-color: #ffffff;
   }

#navcontainer {
   float: left;
   width: 20%;
   border-right: 1px solid #000000;
   padding: 0px;
   margin-bottom: 1em;
   margin-right: 1.2em;
   font-family: Arial, sans-serif;
   background-color: #90bade;
   color: #333333;
   }

#navcontainer ul {
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
   }

#navcontainer li {
   border-bottom: 1px solid #90bade;
   margin: 0;
   position: relative;
   }

#navcontainer li a {
   display: block;
   padding: 5px 5px 5px 0.5em;
   border-left: 10px solid #1958b7;
   border-right: 10px solid #508fc4;
   background-color: #2175bc;
   color: #ffffff;
   text-decoration: none;
   width: auto;
   zoom: 100%;
   }
   
#navcontainer li a:hover {
   border-left: 10px solid #1c64d1;
   border-right: 10px solid #5ba3e0;
   background-color: #2586d7;
   color: #ffffff;
   }
   
#navcontainer ul ul {
   font-size: 90%;
   width: 100%;
   position: absolute;
   left: 148px;
   top: -10px;
   z-index: 100;
   display: none;
   }

#navcontainer ul li:hover > ul {
   display: block;
   }

#header {
   background: #efefef;
   margin: 0 0 15px 0;
   }  

#main {
   width: 68%;
   float: left;
   }

ul {
   padding: 0;
   }
   
#placeholder {
   border: 2px solid #000000;
   }
   
#imagegallery {
   list-style:none;
   }
   
#imagegallery li {
   display: inline;
   } 

#imagegallery img {
   border: 2px solid #000000;
   }
   
#footer {
   clear: both;
   background-color: #70aacf;
   color: #ffffff;
   font-size: x-small;
   }

#footer li {
   display: inline;
   list-style-type: none;
   padding-right: 20px;
   }