@charset "UTF-8";
/* --- GLOBAL --- */
.homepage-top{
    height:auto!important;min-height:170px;height:170px;
    padding:20px 0 45px; 
    background:url(../images/h-shadow.png) center bottom no-repeat;
}
.homepage-bottom{
    height:auto!important;min-height:240px;height:240px;
    padding:30px 0;
}
a.more{
    color:#666; font-weight:normal; font-size:12px; 
    border:1px solid #c9dda1; padding:3px; background:#e4f2c9; border-radius:3px;
}
a.more:hover{
    color:#3c68cf;
    text-decoration:none;
}
/* --- ! --- */


/* --- CALENDAR --- */
.calendar{
    position:relative;
    width:240px;
    margin-left:95px;
    float:left;
}
.calendar .i-cal{
    display:block;
    background:url(../images/h-img-month-bg.png) no-repeat 50% 50%;
    background-size:contain;
    color:#fff;
    width:59px;
    height:59px;
    position:absolute; top:0; left:-78px;
    text-shadow:0 1px 1px rgba(0,0,0,.5);
}
.calendar .i-cal .month{display:block; text-align:center; font-size:22px; line-height:24px; padding-top:12px;}
.calendar .i-cal .year{display:block; text-align:center; font-size:12px; line-height:14px;}

.calendar .full{font-size:12px; color:#666; border:1px solid #c9dda1; padding:2px 4px; background:#e4f2c9; border-radius:3px;}
.calendar .full:hover{color:#0074bd;}

.calendar table{font-size:14px; margin-top:5px;}
.calendar thead th{color:#76a362; font-size:12px; border-bottom:1px solid #b4d9a5; padding:5px 0;}
.calendar tbody td{text-align:center; height:35px; padding:1px; color:#a4c397;}
.calendar td a{display:block; text-align:center; background:url(../images/h-img-day-bg.png) no-repeat; width:28px; height:28px; 
    color:#fff; font-weight:bold; line-height:28px; }
.calendar td a:hover{color:#fff;}
.calendar .today{display:block; width:22px; height:22px; border-radius:14px; border:2px solid #9ece8c; margin:0 auto; 
    line-height:22px; color:#509e39; font-weight:bold;}
/* --- ! --- */


/* --- Quick Links --- */
.quick-links{float:right; width:150px; margin-right:12px;}
.quick-links ul{margin:0 auto; padding:0; list-style:none;}
.quick-links li{text-align:center; padding:6px 0;}
.quick-links li a{
    display:block; 
    background-position:0 50%;
    background-repeat:no-repeat;
    background-size:contain;
    width:149px; 
    height:51px; 
    text-indent:-9999em; 
    overflow:hidden;
}
.quick-links li a:hover{}
.q-member    {background-image:url(../images/btn-quick-member.png);}
.q-apply     {background-image:url(../images/btn-quick-apply.png);}
.q-contribute{background-image:url(../images/btn-quick-contribute.png);}


/* --- NEWS --- */
.latest-news{position:relative; float:left; width:380px; margin-left:95px;}
.latest-news .i-news{background:url(../images/h-img-news.png) no-repeat; background-size:contain; width:59px; height:59px; display:block;
    position:absolute; top:0; left:-78px;}
.latest-news h2{margin:0; background:url(../images/h-title-news.png) no-repeat; height:18px; 
    border-bottom:1px solid #b4d9a5; text-indent:-9999em; position:relative; padding-bottom:5px;}
.latest-news h2 small{ position:absolute; top:0px; right:0; text-align:right; font-size:12px;}
.latest-news h2 small a{font-weight:normal; color:#666; border:1px solid #c9dda1; padding:2px 4px; background:#e4f2c9; border-radius:3px;}
.latest-news h2 small a:hover{color:#0074bd;}
.latest-news ul{margin:0; padding:5px 0 0; list-style:none;}
.latest-news ul li{padding:5px 0;}
.latest-news ul time{font-size:12px; color:#999; }
.latest-news ul a{color:#015ba7; text-decoration:none; font-size:15px; 
    width:380px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.latest-news ul a:hover{color:#0b7dfd;}
.latest-news ul a.top{color:#f06600;}
.latest-news ul a.top:hover{color:#0b7dfd;}
/* --- ! --- */


/* --- EVENTS --- */
.latest-events{position:relative; float:right; width:380px; margin-right:20px;}
.latest-events .i-news{background:url(../images/h-img-events.png) no-repeat; background-size:contain; width:59px; height:59px; display:block;
    position:absolute; top:0; left:-78px;}
.latest-events h2{margin:0; background:url(../images/h-title-events.png) no-repeat; height:18px; 
    border-bottom:1px solid #b4d9a5; text-indent:-9999em; position:relative; padding-bottom:5px;}
.latest-events h2 small{ position:absolute; top:0px; right:0; text-align:right; font-size:12px;}
.latest-events h2 small a{font-weight:normal; color:#666; border:1px solid #c9dda1; padding:2px 4px; background:#e4f2c9; border-radius:3px;}
.latest-events h2 small a:hover{color:#0074bd;}
.latest-events ul{margin:0; padding:5px 0 0; list-style:none;}
.latest-events ul li{padding:5px 0;}
.latest-events time{margin-left:5x; font-size:12px; color:#999; font-weight:700;}
.latest-events ul a{color:#015ba7; text-decoration:none; font-size:15px; 
    width:380px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.latest-events ul a:hover{color:#0b7dfd;}
.latest-events ul a.top{color:#f06600;}
/* --- ! --- */


/* --- Pictures --- */
.picture{
    float:left;
    margin-left:58px;
}
    .picture #slides{
        display:block;
        width:360px;
        height:240px;
        border:5px solid #fff;
        box-shadow:0 3px 8px -2px rgba(0,0,0,.3);
        -moz-box-shadow:0 3px 8px -2px rgba(0,0,0,.3);
        -webkit-box-shadow:0 3px 8px -2px rgba(0,0,0,.3);
    }
        #slides figure{
            margin:0;
            width:360px; height:100%;
        }
            #slides figure img{
                display:block;
                object-fit:cover;
                width:100%;
                height:100%;
            }
        /* navigation */
        #slides .slidesjs-navigation{margin-top:12px; display:none;}
        
        a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop { display:none !important;
            background-image:url(../images/btns-next-prev.png);
            background-repeat:no-repeat;
            display:block;
            width:8px; height:12px;
            overflow:hidden;
            text-indent:-9999px;
            float:left;
            margin-right:5px;
            z-index:999;
        }
        a.slidesjs-next{margin-right:10px; background-position:-8px 0;}
        a:hover.slidesjs-next {background-position:-8px -12px; }
        
        a.slidesjs-previous {background-position:0 0;}
        a:hover.slidesjs-previous {background-position:0 -12px;}
        
        a.slidesjs-play {width:15px; background-position:-16px 0;}
        a:hover.slidesjs-play {background-position:-16px -12px;}
        
        a.slidesjs-stop {width:18px; background-position:-27px 0;}
        a:hover.slidesjs-stop {background-position:-27px -12px;}
        
        /* pagination */
        .slidesjs-pagination{
            list-style:none;
            margin:15px auto 0;
            padding:0;
            text-align:center;
        }
        .slidesjs-pagination li{
            display:inline-block;
            margin:0 3px;
        }
        .slidesjs-pagination li a {
            display:block;
            width:10px;
            height:0;
            padding-top:10px;
            background-image:url(../images/pagination.png);
            background-position:0 0;
            float:left;
            overflow:hidden;
        }
        .slidesjs-pagination li a.active,
        .slidesjs-pagination li a:hover.active{background-position:0 -10px}
        .slidesjs-pagination li a:hover {background-position:0 -20px}
        
        #slides a:link, #slides a:visited {color:#546773}
        #slides a:hover, #slides a:active {    color:#0074bd}
        .navbar{overflow:hidden;}