.clr{ /* BASIC CLEAR FIX*/
    clear:both;
}

div.clear{ /* Special Div for Firefox for background height fix*/
    clear: both;
    height: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 0;
}
html {
    overflow-y:scroll;
    height:100%;
}
#wrapper{
    position:relative;
    margin:0 auto;
    width:850px;
    height:auto;
}

#top{
    position:relative;
    margin:0 auto;
    width:100%;
    height:auto;
    z-index:3;
}
#topmenu{
    position:absolute;
    right:0;
    top:0;
    height:20px;
}

#logo{
    position:relative;
    float:left;
    margin:20px;
    margin-left:0;
    padding-bottom:10px;
    z-index:2;
}
#banner{
    position:relative;
    float:right;
    margin-top:30px;
    margin-right:10px;
    padding-bottom:20px;
    z-index:2;
    padding-top:10px;
}
#banner h3{
    color:#fff;
    font-size:10px;
    font-weight:normal;
}
#suckerfish{
    position:relative;
    margin:0 auto;
    z-index:9;
    height:38px;
    font-color:000000px;
    clear:both;
    background: url(../images/menu_bg.png) top no-repeat;
}
#suckerfish_shadow{
    position:relative;
    margin:0 auto;
    height:52px;
    width:850px;
    background: url(../images/menu_shadow.png) top center no-repeat;
}
#functions{
    position:relative;
    margin:0 auto;
    z-index:2;
    background: url(../images/pathway_bg.png) top no-repeat;
    height:25px;
    overflow:hidden;
    width:100%;
    margin:14px 0 14px 0;
}
#breadcrumbs{
    position:relative;
    float:left;
    margin-left:6px;
    z-index:2;
    width:650px;
    color:#fff;
    line-height:25px;
    font-size:11px;
    background: url(../images/home.png) left no-repeat;
    padding-left:20px;

}
#breadcrumbs a{
    text-decoration:none;
}
#search{
    position:relative;
    float:right;
    margin-top:3px;
    margin-right:8px;
    z-index:2;
    width:127px;
    height:18px;
    background: url(../images/search_bg.png) left no-repeat;
}
#search h3, #search div.module-h3{
    display:none}

#search .inputbox{
    border:none;
    color:#777;
    font-size:11px;
    padding:2px;
    background:none;
    margin-left:20px;
    width:100px;

}
#search .button{
    display:none;}

#jp_content{
    position:relative;
    margin:0 auto;
    z-index:3;
    width:100%;
    height:auto;
    background:#FFF;
    padding:20px 0 0 0;
}

#smoothgallery{
    position:relative;
    margin:0 auto;
    width:850px;
    height:auto;
    z-index:2;
    /*border:1px solid #efefef;
    padding:10px;*/
}
#smoothgallery_shadow{
    position:relative;
    margin:0 auto;
    height:20px;
    width:850px;
    background: url(../images/smoothgallery_shadow.gif) top center no-repeat;
}
#joomlacontent{
    float:left;
    width:100%;
    padding-bottom:10px;
}
#right, #left{
    padding-bottom:10px;
    min-height:150px;
    width:180px;
}

#inset{
    text-align:left;
    padding-bottom:20px;
    border-bottom:1px dotted #ccc;
    margin-bottom:20px;
}
.shadow{
    position:relative;
    margin:0 auto;
    height:30px;
    width:auto;
    margin-bottom:20px;
    background: url(../images/smoothgallery_shadow.gif) bottom center no-repeat;
    clear:both;
}

#jp_content_bottom{
    position:relative;
    margin:0 auto;
    z-index:3;
    width:100%;
    height:10px;
    background: url(../images/content_bottom.png) top center no-repeat;
}

#jp_bottom{
    margin:0 auto;
    border-bottom:1px solid #ededed;
}


#bottom_table{
    margin:0 auto;
}
#footer h3{
    display:none;
}

#footer a:link, #footer a:visited{
    color:#ccc;
}
#footer{
    margin:0 auto;
    margin-top:10px;
    padding:10px 0 10px 0;
    color:#ccc;
    font-size:90%;
    text-align:center;
}

.imgborder{
    display:block;
    padding:6px;
    border:1px solid #ccc;
    background:#fff;
    margin:4px;
}
.imgpadding{
    display:block;
    padding-right:6px;
    padding-bottom:6px;
}

@media (max-width: 900px) {
    #wrapper{
        width: 720px;
        padding-top: 80px;
    }
    #topmenu{
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 100;
        padding: 7px;
        border: 1px solid #000000;
        border-radius: 2px;
    }
    div.mod-languages a{
        color: #000000;
    }
    #joomlacontent{
        float: none;
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #joomlacontent iframe{
        width: 100% !important;
    }
    #joomlacontent img{
        max-width: 100%;
        height: auto;
    }
    #smoothgallery{
        width: 100%;
        overflow: hidden;
    }
    #djslider-loader50{
        width: 100%!important;
        overflow: hidden;
    }
    #djslider50,
    #slider-container50,
    #djslider50 ul#slider50 li,
    #slider50 li img,
    #smoothgallery_shadow{
        width: 100%!important;
        overflow: hidden;
    }
    #suckerfish_shadow{
        display: none!important;
    }
    #smoothgallery{
        margin-top: 25px;
    }
    #slider50 li a{
        display: block;
        width: 100%!important;
    }
    #functions{
        display: none;
    }
}

@media (max-width: 768px) {
    #wrapper{
        width: 100%;
    }
    #jp_bottom tr{
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #jp_bottom tr td{
        padding: 0!important;
        width: 100% !important;
        max-width: 275px;
    }
}