/* CSS style sheet for gallery.css */

html{
    background-color: rgb(150,150,165);
    margin: 0;
}

/* html{
    background-color: rgb(255,255,255);
    background-image: url("../pics/Cherry01.jpg");
    background-repeat: repeat;
    margin: 0;
}*/

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: .7em;
 font-weight: bold;
 text-align: center;
}

/* Secondary Navigation Bars */


#gal {
 width: 50em;
 line-height: 1;
 list-style-type: none;
}

#gal ul {
 padding: 0;
 margin: 0 auto 0 -5em;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 font-weight: bold;
 line-height: 1;
 list-style-type: none;
}

#gal a {
 display: block;
 width: 10em;
 padding: 6px 8px 6px 8px; 
 color: #FFFFFF;
 background-color: #aaaaaa; /* #000066; */
 text-decoration: none;
 border-top: 2px solid #DCDCDC;
 border-left: 2px solid #DCDCDC;
 border-bottom: 2px solid #646464;
 border-right: 2px solid #646464;

}

#gal li {
 float: left;
 width: 10em;
}

#gal li ul {
 position: absolute;
 left: -999em;
 top: auto;
 width: 10em;
 border-bottom: 0;
}

#gal li li {
 padding-right: 0;
 width: 10em
}

#gal li ul a {
 padding-right: 1em;
 width: 10em;
}

#gal li ul ul {
 margin: -2.5em 0 0 7em;
} 

#gal li:hover ul ul, #gal li.sfhover ul ul {
 left: -999em;
}

#gal li:hover ul, #gal li.sfhover ul {
 left: auto;
}

#gal li li:hover ul, #gal li li.sfhover ul {
 left: auto;
}

#gal li:hover, #gal li.sfhover {
}


#gal a:hover, #gal li a.sfhover {
 background-color: #cdcdcd; /* #000066; */
 color: #000000;
 text-decoration: none;
 border-top: 2px solid #646464;
 border-left: 2px solid #646464;
 border-bottom: 2px solid #dcdcdc;
 border-right: 2px solid #dcdcdc;
}