﻿.accounts
{
    width:50%;
    font-size:18px;
    cursor:pointer;
}
.tabs 
{ 
    font-size: 18px;
    text-align: left;
    height: 30px;
    background-color: #F0F0F0;
    color: Black;
    cursor: pointer;
    padding-left:8px;
}
hr.hrfade{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.clear {clear:both;}
.left { float:left; }
.right {float: right;}
.paddingL10{padding-left:10px;}
.highlight-container
{
    min-height: 462px; 
    border: 1px solid #dfdfdf;
    box-shadow: 2px 3px 3px #888888;
    border-radius: 10px;
    height:auto;
}
.highlightheader {
    font-size: 14pt;
    font-weight: lighter;
    font-family: Arial;
    line-height: 30px;
}
.socialBackground 
{
    font-family: Arial;
    width: 100%;
    background-color: #D8D8D8;
    padding-top:10px;
    border-radius: 10px
}
.socialImages { width: 100%; }

#socialWidgets { position: relative; height:365px; background-color: #A9A9A9;}
.RTEbox {margin-left:10px;background-color:#F6F6F6;top:-1px;padding-top: 10px;border-bottom: 10px solid #D8D8D8;margin-right: 10px;height:auto;}
#contentProvincial 
{
    background-color: #f0f0f0;
    margin-left: 10px;
    width: 45%;
}
#contentLocal
{
    background-color: #D8D8D8;
    margin-right: 10px;
}
.overlap {position:relative;}
.layer1 
{ 
    /*position: absolute;*/
    z-index: 1;
}
.layer2
{ 
    /*position: absolute;*/
    z-index: 2;
}
.layer3
{
    position: absolute;
    z-index: 3;
}
.layer4
{ 
    position: absolute;
    z-index: 4;
}
#noslide-thumbnails {
    width: 509px;
    margin-left:10px;
    float:right;
}
.thumbnail-image{height:150px;width:inherit;margin-bottom:14px;background-color:White; box-shadow: 0px 3px 3px #888888}
.thumbnail-text{padding-left:5px; overflow:hidden; height:inherit;}
.locationContent {width:885px; float:left;}
.sizeLCleft {width:859px;}
.sizeAdright {width:313px;}
.highlightbox {width:100%;height:inherit;}
#NewsSocial {float:right;}

.blockPadding {margin-left: 13px;}

.spanNumB {height: 300px;}

#my-slider
{
    height:480px !important;
}
.involve {padding-top:10px;padding-bottom:5px;background-color: #f0f0f0;box-shadow: 0px 3px 3px #888888;border-radius: 0 0 10px 10px;margin-right:3px;}
#contribute 
{
    float: right; margin-right:35px;
}
#getInvolved {padding: 0;}
#getInvolved li 
{
    position: relative;
    list-style: none;
    display: inline;
}
#getInvolved li a
{
    background-color: #FF0000;
    color: white;
    padding: 8px 12px 8px 12px;
    box-shadow: 2px 3px 3px #888888;
}
.involveImage {float:left; margin-left:10px;}
@media (max-width: 1200px) and (min-width: 980px)
{
    .slidercontainer {width:541px !important;}
    .slider-main {width: inherit !important}
    .slide-wrapper {width: inherit !important}
    #noslide-thumbnails {width: 400px;}
    .thumbnail-scroller {width:396px !important}
    .thumbnail-wrapper {width: 396px !important;}
    .thumbnails-visible-container {width: inherit !important;}
    .thumbnail.thumbnail-content {width: inherit !important;}
    .sizeLCleft {width: 694px;}
    .sizeAdright {width:253px;}
    #contribute{float:none; margin-right:5px;font-size:9pt;}
    #getInvolved li a {padding:8px !important;}
    .involveImage {float:left; margin-left:0px;}
    .involveImage img {width: 95%;}
}
@media (max-width: 980px) and (min-width: 768px)
{
    .slidercontainer {width:434px !important;}
    .slider-main {width: inherit !important}
    .slide-wrapper {width: inherit !important}
    .thumbnail-scroller {width:317px !important}
    .thumbnail-wrapper {width: 317px !important;}
    .thumbnails-visible-container {width: inherit !important;}
    .thumbnail.thumbnail-content {width: inherit !important;}
     #noslide-thumbnails {width: 318px;}
    .sizeLCleft {width:557px;}
    .sizeAdright {width:202px;}
    .involveImage{float:none;}
    #contribute {float:none;text-align:center;margin:0;}
}
#secondary-nav {display:none;}
@media (max-width: 767px) 
{
    .text-thumbnail .thumbnail-scroller.vertical {display: none;}
    .slidercontainer {width:100% !important;float:none !important;}
    .slider-main {width: inherit !important}
    .slide-wrapper {width: inherit !important}
    .sizeAdright{width:100%;}
    .involve {/*height: 100px;*/ display:none;}
    .involveImage{float:none;}
    #contribute {float:none;text-align:center;margin:0;}
    #getInvolved{padding:0;}
    .sliderbackground{overflow-y: hidden;overflow-x: hidden;}
    #contentProvincial{height:auto;}
    #contentLocal{height:auto;}
    #getInvolved li a 
    {
        padding: 8px 1px 8px 1px;
        font-size: 11px;
    }
    #noslide-thumbnails{display:none;width:100%;padding-top:10px;}
    .thumbnail-image {
        width: 33%;
        height: auto;
        padding-bottom: 8px;
        float: left;
    }
    .thumbnail-image img {
        width: 95%;
        float:none;
        padding:0px;
        margin-left: 2.5%;
    }
    .thumbnail-text{padding:0px 10px 0px 0px;}
    .sizeLCleft {width: 100%;}
    .adimage {border: 1px solid #DFDFDF; width:100%; height:100%;}
    
    .thumbnail-text a 
    {
        color: Red !important;
    }
    #highlights a:link {
        color: red !important;
    }
    #highlights a:visited {color: red !important;}

    .sliderbackground a:link {
        color: red !important;
    }
    .sliderbackground a:visited {
        color: red !important;
    }
    #noslide-thumbnails a:link {
        color: red;
    }
    #noslide-thumbnails a:visited { color: red; }
    .thumbnail-text div div a {color: red;}
    .redlinks a {color: Red !important;}
    .redlinks a:link { color:Red !important;}
    .redlinks a:visited { color:Red !important;}
    /*Mobile-site updates*/
    .slidercontainer {
        width: 100% !important;
        float: none !important;
        /* position: relative; */
        height: 0;
        padding: 0 0 56.25% 0;
    }
    #homeContent {display:none;}
    #secondary-nav {display: block;margin-top:10px;}
    #secondary-nav #main-nav li {float: none;}
    #highlights {display:none;}
    #NewsSocial {display:none;}
    #my-slider{height:50vw !important;}
    .advanced-slider .slider-main {height: 50vw !important;}
    ul.mobile-home-nav {padding-left:0;margin: 5px 0 5px 0;}
    .mobile-home-nav li {
        list-style-type: none;
        display: inline-block;
        vertical-align: middle;
        width: 47%;
        text-align: center;
        padding: 8px 0 8px 0;
        font-size: 11pt;
    }
    .mobile-home-nav li a {color: white;font-weight: bold;}
    #secondary-nav > .mobile-home-nav {display:none;}
}