#container {
    height: 1100px;      /* for overlay in some browsers when small window is used */
    background: transparent;
}

#mainCol {
    background: #211E0E;    /* background for main nav */
}




/* -------------------------------------------
   Gallery - Entrance
   ------------------------------------------- */
#gallery_container {
    position: absolute; left: auto; right: auto;  /* need context reference for dropdowns */
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 654px;
    width: 760px;
    background: #211E0E url(../graphics/RoaringSea-Olive-500.jpg) 140px 145px no-repeat;
    text-align: left;
    z-index: 1;    /* needed for ie so footer does not gain higher layering than dropdowns */
}


#gallery_links {
    margin-top: 270px;
    margin-left: 0;
    padding: 0;
    text-align: center;
}

#gallery_links img {
    border: 2px solid #211E0E;
}

#gallery_links img:hover {
    border: 2px solid #000;
}


ul#gallery { 
    margin: 0;         
    padding: 60px 0 0 100px;   /* positions gallery name boxes for all browsers */
    height: 80px; 
    list-style: none; 
}



/* -------------------- Top-level Tabs --------------------- */

ul#gallery li {
    padding: 0;              /* describes top-level gallery names on static page */
    margin: 0 40px 0 0;
    width: 160px;  
    float: left;  
     
}

ul#gallery li a {
    display: block; 
    width: 160px; 
    height: 45px;
    padding: 0;
    margin: 0;    
    text-decoration: none; 
    cursor: default;  
}

ul#gallery li ul a {
    cursor: pointer;
}




ul#gallery li#religious {
    background: url(../graphics/ReligiousArt-Double.gif) no-repeat;
    background-position: 0;
}

ul#gallery li#nature {
    background: url(../graphics/NatureArt-Double.gif) no-repeat;
    background-position: 0; 
}

ul#gallery li#portrait {
    background: url(../graphics/PortraitArt-Double.gif) no-repeat;
    background-position: 0;
}



ul#gallery li#religious:hover {
    background-position: -160px;
}

ul#gallery li#nature:hover {
    background-position: -160px;
}

ul#gallery li#portrait:hover {
    background-position: -160px;
}





/* ------------------ Dropdown Container -------------------- */

ul#gallery li:hover ul {                 /* THIS MAKES THE DROP DOWNS WORK */
    top: auto; 
    left: 60px;                         /* distance dropdown is offset from left */
}

ul#gallery li#nature:hover ul {        /* modification to make nature category wider */
    left: -13px;
}

ul#gallery li#portrait:hover ul {        /* modification to make portrait category wider */
    left: -13px;
}


ul#gallery li ul {
    padding: 40px 20px 20px 20px; 
    list-style: none; 
    margin: 0; 
    width: 600px;                             /* width of drop down gallery 600*/
    background-color: #000; 
    position: absolute; left: -999em;
    text-align: left;                        /* left-justifies small imgs in boxes */
}

ul#gallery li#nature ul {                   /* modification to make nature category wider */
    width: 750px;
}

ul#gallery li#portrait ul {                   /* modification to make portrait category wider */
    width: 750px;
}


ul#gallery li ul li {
    display: inline; 
    text-align: left; 
    clear: none; 
    float: none; 
    border: 0; 
}

ul#gallery li ul li a {
    margin: 2px; 
    border: 3px solid #211E0E; 
    padding: 20px;                      /* padding around 100x100 images */
    position: relative; 
    float: left; 
    display: block; 
    width: 100px; 
    height: 100px;    
}

ul#gallery li ul li a:hover {
    z-index: 2; 
}

ul#gallery li ul li a img {
    position: absolute; 
    width: 100px; 
    height: 100px;}   

ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img {
    width: 200px; 
    height: 200px;  
    left: -50px; 
    top: -37px; 
    z-index: 2; 
    border: 35px solid #000;         /* border around hovered images */
}



/*------------------------------------------------------
   Footer
   ----------------------------------------------------- */

#footer {
     position: absolute; left: auto; right: auto;
     top: 835px; 
     width: 760px;
}