.gallery div.displaypic *
{
    visibility: hidden;
    margin-top: 0;
    margin-bottom: 0;
    height: 0;
    font-size: 0;
    border-radius: 0;
    border-width: 0;
}
.gallery div h1
{
    position: relative;
    margin-bottom: -1.5em;
    margin-left: 1em;
    color: #390000;
    text-shadow: #FFFFFF 0em 0em 0.4em;
}
.gallery div h2
{
    color:#FFFFFF;
    text-shadow: #390000 0em 0em 0.4em;
    position: relative;
    top:-3.5em;
    margin-bottom: -2em;
    text-align: right;
    margin-right: 2em;
    font-size: .9em;
}

div.otherimages div
{
    border-radius: 1.8em;
    width: 5.33em;
    height: 4em;
    background-size: 120%;
    background-position: center;
    background-repeat: no-repeat;
    display:inline-block;
    margin-right: .2em;
    cursor: hand;
    cursor: pointer;
    border-width: medium;
    border-style: solid;    
    border-color:#FFFFFF;
}

.gallery div a .image
{
    border-radius: 2em;
    border-width: medium;
    border-style: solid;    
    border-color:#FFFFFF;
    width: 100%;
}

.gallery div a .image:hover
{
    border-color: green;
    transition: all 0.5s linear;
}

.gallery div.nav
{
    cursor: pointer; 
    cursor: hand;
    margin-bottom: -3.5em;
    position: relative;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.gallery .nav div
{
    color: #390000;
    text-shadow: #FFFFFF 0em 0em 0.4em;
    font-size: 2em;
    font-weight: bold;
    display:inline-block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 2em;
    border-width: medium;
    border-style: solid;    
    border-color:transparent;
    text-align: center;
    vertical-align: middle;
}

.gallery .nav div:hover
{
    background-color: black;
    border-color: green;
    transition: all 0.5s linear;
}


.gallery .nav .prev
{
    
    /*float: left;*/
}

.gallery .nav .next
{
    /*float: right;*/
}

div.otherimages div:hover
{
    border-color: green;
    transition: all 0.5s linear;
}