/*!
 * christschool v0.0.1 - 2014-08-04
 * Copyright (c) 2014 Nick Zakharyan - http://www.finalsite.com
 */
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?-wo38as');
    src: url('../fonts/icomoon.eot?#iefix-wo38as') format('embedded-opentype'),
    url('../fonts/icomoon.woff?-wo38as') format('woff'),
    url('../fonts/icomoon.ttf?-wo38as') format('truetype'),
    url('../fonts/icomoon.svg?-wo38as#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

blockquote,q {
    quotes: none
} 
table { width:100%; }  
.table { width:100%; /* display:block; 8389510 - PC */  padding-bottom;20px; border-top:1px solid #CCC;border-left:1px solid #CCC; border-spacing:0; }
.table tbody { width:100%; }  
.table tr td, .table tr th { padding:12px; border-right:1px solid #CCC; border-bottom:1px solid #CCC; }
.table tr:nth-child(odd) { background:#f3f3f3;}
.table tr:nth-child(even) { background:#FFF; } 
.table tr:first-child { background:#f8de9c; text-transform:uppercase; color:#004c2c; font:bold 15px/17px "Lato"; }
.text_misc td { padding:0 5px !important; }
blockquote:before,blockquote:after,q:before,q:after { 
    content: '';
    content: none
}
 
ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

#holders {
    display: none !important
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* position: relative
         */
}

*:before,*:after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    /* position: relative
         */
}

body {
    height: 100%;
    font-family: "lato";
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    color: #333;
    overflow-y: scroll
}

a {
    color: #004c2c;
    text-decoration: underline
}

a:hover {

    color: #00693E;
    text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
    line-height: 1;
    padding: 0 0 10px;
    color: #004631
}

h1 {
    font-size: 24px;
    padding-bottom: 30px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
    ;
    position: relative;
    z-index: 10;
}

h5 {
    font-size: 17px
}

h6 {
    font-size: 16px
}

p,ul,ol {
    padding-bottom: 30px;
    margin: 0
}

#bodydiv {
    overflow: hidden
}

#nav_menus,#ql_menu {
    display: none
}

.wrap {
    max-width: 960px;
    margin: 0 auto;
    width: 100%
}

.lead-in {
    font: 600 italic 20px/30px "open-sans";
    color: #555555;
    padding-bottom: 30px
}

.top {
    position: absolute;
    width: 970px;
    left: 50%;
    margin-left: -485px !important;
    z-index: 20;
    top: 0;
}



.top .bannermodcontent {
    float: right
}

.top ul {
    list-style: none;
    display: block;
    width: 166px;
    margin-top: 10px;
    position: relative;
}

.top li {
    float: left;
    display: inline;
}

.top .login {
    position: absolute;
    left: 70px;
}
.top .login span {
    display: none;
}
.top .login a:before {
    text-decoration: none;
    background: #edb700;
    cursor: pointer;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    content: '\f023';
    display: block;
    padding-left: 9px;
    padding-top: 1px;
    font-family: "icomoon";
    color: #FFF;
    font-size: 14px;
}
.top .login a {
    text-decoration: none;
}
.top .search-container {
    display: block;
    background: #edb700;
    /* margin-top: 19px; */
    display: block;
    width: 27px;
    background: #edb700;
    height: 27px;
    right: 25px;
    border-radius: 50%;
    transition: width .5s .5s, border-radius .5s .3s;
    -webkit-transition: width .5s, -webkit-border-radius .5s .35s;
    -moz-transition: width .5s, border-radius .5s .35s;
    overflow: hidden;
    position: absolute;
}

.top .search-container.active, .top .search-container:hover {
    width: 166px;
    border-radius: 15px;
    transition: width .5s .1s, border-radius .1s;
    -webkit-transition: width .5s .1s, -webkit-border-radius .1s;
    -moz-transition: width .5s .1s, border-radius .1s;
    background: #f2cb65;



}

@media screen and (max-width: 969px) {
    
    .top {
        position:static;
        display: block;
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
        left: 0;
        margin: 0 auto !important;
        width: 200px;
    }
    .top .bannermodcontent {
        float: none;
    }
    top:after {
        display: table;
        clear: both;
        content: '';
    }
    .main-nav {
        clear: both;
    }
}





#search_submit {
    right: 0;
    position: absolute;
    border: none;
    background: none;
    color: #edb700;
    display: none;
    outline: 0;
    top: 0;
}
.search-container.active #search_submit {
    display: block;
    z-index: 10;
}

.search-form:before {
    font-family: "icomoon";
    content: "\f002";
    -webkit-font-smoothing: antialiased;
    position: absolute;
    width: 27px;
    height: 27px;
    background: #edb700;
    padding-left: 7px;
    z-index: 4;
    right: 0;
    border-radius: 50%;
    color: #FFF;
    display: block;
    font-size: 14px;
    cursor: pointer;
    
    
    
    pointer-events: none;
    z-index: 100;


}

.search-container:hover .search-form:before, .search-container.active .search-form:before {
    background: #edb700;
    top: 0px;
}

.search-container.active .search-form:before {
    color: #FFF;
}


input[placeholder]#search_keywords {
    display: none;
    transition: 1s 5s;
    -webkit-transition: 1s 5s;
    -moz-transition: 1s 5s;
    width: 1;

}

input[placeholder].search-input::-webkit-input-placeholder {
    /* WebKit browsers */
    
    font: 300 14px "lato";
    color: #FFF;
    opacity: 1;

}
input[placeholder].search-input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    
    opacity: 1;
    font: 300 14px "lato";
    color: #FFF;
    opacity: 1;
}
input[placeholder].search-input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    
    
    opacity: 1;
    font: 300 14px "lato";
    color: #FFF;
    opacity: 1;
}
input[placeholder].search-input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    
    font: 300 14px "lato";
    color: #FFF;
    opacity: 1;

}

.active input[placeholder]#search_keywords, .search-container:hover input[placeholder]#search_keywords {
    width: 166px;
    padding: 3px 32px 3px 15px;
    display: block;
    color: #FFF;
    
    border: none;
    background: none;
}


.logo {
    background: #ededed;
    border-bottom: 1px solid #cccccc
}

.logo #logo {
    display: block;
    margin: 0 auto;
    padding: 8px 0
    ;
    max-width: 100%;
    height: auto;
}

.main-nav {
    width: 970px;
    display: block;
    margin: 0 auto !important;
    position: relative;
    z-index: 1000;
}

.main-nav {
    max-width: 969px;
    width: 100%;
}

.main-nav #main-nav {
    display: block;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 969px) {
    .main-nav #main-nav, .main-nav #main-nav .nav-split {
        overflow:hidden;
        /* height: 46px; */
    }
}

.main-nav #main-nav>li:not(.nav-split) {
    display: inline-block
}

.nav-split .meganav {
    display: none;
}

@media screen and (max-width: 969px) {
    .main-nav {
        display:none;
    }
    .main-nav.mobile, .main-nav.mobile #main-nav, .main-nav.tablet, .main-nav.tablet #main-nav {
        display: block !important;
        /* height:auto !important; */
    }
    
    .main-nav #main-nav>li.nav-split>ul>li>a, .main-nav-toggle {
        padding: 11px 20px;
        text-transform: uppercase;
        font-weight: bold;
        text-decoration: none
        ;
        display: block;
    }
    .main-nav-toggle { text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #CCC;}
    
    .main-nav.mobile #main-nav {height:0; overflow:hidden; }
    
    .main-nav.mobile.visible #main-nav {
        min-height:378px; height:auto; 
    }
    .main-nav.mobile.visible .main-nav-toggle { border-bottom:none;}
    .main-nav #main-nav>li:not(.nav-split):hover>a,.main-nav #main-nav>li:not(.nav-split).dropdown-active a,.main-nav #main-nav>li:not(.nav-split).active>a {
        color: #004631
    }
    .main-nav.mobile {
        height: auto !important;
        margin: 13px 0 23px!important;
    }
    .main-nav.mobile #main-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #e2e1dd;
    }
    .main-nav.mobile #main-nav ul li {
        border-top: 1px solid #e2e1dd;
    }
    .main-nav.mobile .nav-split {
        border-left: 1px solid #e2e1dd;
    }
    .main-nav.mobile .nav-split:first-child {
        border-left: none;
    }
}

.main-nav.tablet {
    height: auto !important;
    margin: 13px 0 0!important;
}
.main-nav.tablet #main-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e2e1dd;
}
.main-nav.tablet #main-nav ul li {
    border-top: 1px solid #e2e1dd;
    float: left;
    width: 25%;
    border-left: 1px solid #e2e1dd;
    border-bottom: 1px solid #e2e1dd;
}
.main-nav.tablet #main-nav ul li:first-child {
    border-left: none;
    
}
.main-nav.tablet .nav-split {
}
.main-nav.tablet .nav-split:first-child {
    border-left: none;

}
.main-nav.tablet #main-nav .nav-split:first-child ul li { border-bottom:none; }

@media screen and (max-width:767px) {
.cal-split { width:50%; float:left; padding: 20px;}

}






.main-nav #main-nav > li.nav-split {
    display: block;
    overflow: hidden;
}

.main-nav #main-nav.mobile >li.nav-split {
    float: left;
    width: 50%;
}


.main-nav #main-nav>li:not(.nav-split)>a {
    padding: 11px 20px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none
    ;
    display: block;
}

.main-nav #main-nav>li:not(.nav-split):hover>a,.main-nav #main-nav>li:not(.nav-split).dropdown-active a,.main-nav #main-nav>li:not(.nav-split).active>a {
    color: #004631
;
    background: url(../images/active-arrow.png) no-repeat center bottom;
}

.main-nav #main-nav>li>.meganav {
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    z-index: 40;
    display: block;
    max-width: 960px;
    right: 0;
    width: 100%;
    padding: 0 10px;
    visibility: hidden;
    transition: height .2s ease-in-out, visibility 0 .15s ease-in-out;
    -webkit-transition: height .2s ease-in-ou visibility 0 .15s ease-in-out;
    -moz-transition: height .2s ease-in-out, visibility 0 .15s
}

.main-nav #main-nav>li>.meganav > img { float:left;max-width:40.42625%; width:100%; }

.main-nav #main-nav>li:not(.nav-split):hover>.meganav {
    visibility: visible !important;
    transition: height .3s .2s ease-in-out, visibility 0 .2s ease-in-out;
    -webkit-transition: height .3s .2s ease-in-out, visibility 0 .2s ease-in-out;
    -moz-transition: height .3s .2s ease-in-out, visibility 0 .2s ease-in-out
}
 
.meganav-holder {
    position: relative;
    overflow: hidden; 
    /* width:100%; */ 
    /* float: right; */
    /* left: 400px; */
    /* float: right; */
    max-width: 100%;
}

.main-nav #main-nav>li:not(.nav-split)>.meganav>.meganav-holder>ul {
    background: #00693e;
    width: 330px;
    float: right;
    
    /* margin-right: 40px; */
    margin: 0;
    padding: 20px 30px;
}

.main-nav #main-nav>li:not(.nav-split)>.meganav>.meganav-holder>ul:before {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    width: 330px;
    left: 610px;
    background: #00693e;
}


.main-nav #main-nav>li:not(.nav-split)>.meganav .teaser {
    background: #005331;
    width: 230px;
    float: right;
    
    padding: 20px 25px;
}
.main-nav #main-nav>li:not(.nav-split)>.meganav .teaser:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 230px;
    left: 380px;
    top: 0;
    background: #005331;
}
 

.main-nav #main-nav>li:not(.nav-split)>.meganav>.meganav-holder>ul {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
    padding: 20px 33px;
}
.main-nav #main-nav>li:not(.nav-split)>.meganav>.meganav-holder>ul li {
    display: block;
    /* padding:2px 20px; */
    color: #FFF;
    font: normal 14px "lato";
    text-align: left;
}
.main-nav #main-nav>li:not(.nav-split)>.meganav>.meganav-holder>ul li a {
    color: rgb(255, 255, 255);
    position: relative;
    z-index: 10;
    display: block;
    padding: 3px 0;
    width: 100%;
    display: block;
    text-decoration: none;
}
.main-nav #main-nav>li:not(.nav-split)>.meganav>.meganav-holder>ul li a:hover {
    color: #f2cb65
}

.main-nav #main-nav>li:not(.nav-split)>.meganav>.meganav-holder>.teaser h4 {
    color: #f2cb65;
    font: normal 20px/28px "lato";
    text-transform: uppercase; 
    text-align: left;
    padding-bottom: 15px;
    border:none; background:none;
}
.main-nav #main-nav>li:not(.nav-split)>.meganav>.meganav-holder>.teaser .contentElementDesc {
    font: normal 16px/22px "lato";
    color: #FFF;
    position: relative;
    z-index: 10;
    text-align: left;
}


#midcontainer {
    position: relative;
}
.header-image, .slideshow {
    max-width: 1200px;
    margin: 0 auto !important;
    
    width: 100%
    ;
    overflow: hidden;
}
.slideshow {
    position: relative;
}
.slideshow .cycle-pager {
    position: absolute;
    bottom: 0px;
    width: auto;
    z-index: 100;
    text-align: center;
    width: 100%;
    display: block;
}
.slideshow .cycle-pager span {
    font-size: 25px;
    color: #004631;
}
.slideshow .cycle-pager span.cycle-pager-active {
    color: #edb700
}
.header-image img {
    width: 100%;
    height: auto
}
.slider img { max-width:100%; }

.hierarchy { 
    width: 970px;
    margin: 0 auto 20px !important;
    display: block
}

.hiersect>a {
    display: inline
}

.hiersect .hier {
    display: inline
}

#mainmiddle {
    max-width: 970px;
    margin: 0 auto 42px
    ;
    position: relative;
}

#leftbanner {
    max-width: 211px;
    float: left;
    padding-right: 25px;
    position: static;
    min-height: 1px
;
    width: 21.75257731958763%;
}

#leftbanner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 0;
    border-right: 1px solid #e2e1dd;
    width: inherit;}

   #mainmiddle { width: 100%; }
   
   
@media screen and (max-width: 600px) {
    #leftbanner, #rightbanner, #contentdiv {
        padding-left:24px !important;
        padding-right: 24px !important;
        ; display: block !important;
        width: 100% !important; 
        float: none !important;
    
        max-width: 100% !important;
}
    
 
    
    #leftbanner:before, #rightbanner:before, #contentdiv:before { border: none !important; }
    .page_1 .newspostitem {
        padding-bottom: 10px !important;
    }
    .page_1 .newspostitem .newsposttitle img {
        display: block;
        width: 100%;
        float: none;
    }
    .page_1 .newspostitem .newsposttitle {
        width: 100%;
    }
    .page_1 #leftbanner .news {
        padding-right: 0 !important;
    }
    .page_1 #leftbanner .calendar {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .portal_column {
        width: 100% !important;
        display: block !important;
        float: none !important;
        max-width: 80% !important;
        padding: 0 !important;
        margin: 0 auto 20px!important;
    }
    .page_1 #contentdiv {
        margin-bottom: 0 !important;
    }
    .page_1 #rightbanner .circles .circle {
        display: block !important;
        float: none !important;
    }


}




#rightbanner {
    max-width: 237px;
    width: 24.43298969072165%;
    float: left;
    padding-left: 17px;
    position: static;
    min-height: 1px
}

#rightbanner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 72%;
    border-left: 1px solid #e2e1dd;
    max-width: 237px;
    width: inherit;
}

#contentdiv {
    max-width: 970px;
    float: left;
    min-height: 1px
;
    width: 100%;
}

#contentdiv:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 0;
    width: inherit;}

.hasLeftbanner #contentdiv {
    max-width: 734px;
    padding-left: 25px
;
    width: 75.67010309278351%;
}

.hasLeftbanner #contentdiv:before {
    left: 211px;
    width: 734px
}

.hasRightbanner #contentdiv {
    max-width: 711px;
    padding-right: 25px
;
    width: 73.29896907216495%;
}

.hasLeftbanner.hasRightbanner #contentdiv {
    max-width: 498px;
    padding: 0 25px;
    position: static
;
    width: 51.34020618556701%;
}

.hasLeftbanner.hasRightbanner #contentdiv:before {
    left: 19%;
    width: 54%;}
.photo .bannermodtitle {
    padding-bottom: 0;
}
.bannermodtd {
    margin-bottom: 30px !important;
}



.bannermodtitle {
    font-size: 24px;
    padding-bottom: 30px;
    line-height: 1;
    color: #004631
}

.bannermodtitle a {
    color: inherit
}

#bottomcontainer {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3) inset;
    background: url(/uploaded/code2014/images/footer-bg.jpg)
}

#bottombanner {
    max-width: 970px;
    margin: 0 auto;
    overflow: hidden;
    height: 1%;
    text-align: left;
    font-size: 16px;
    color: #FFF
}

#bottombanner a {
    color: inherit
}

#bottombanner h5 {
    color: #edb700;
    font-size: 20px
;
    font-weight: 400;
    font-weight: 4;
}

.contact-us,.quick-links,.bookmarks {
    float: left
}

.contact-us .bannermodcontent,.quick-links .bannermodcontent,.bookmarks .bannermodcontent {
    padding: 30px 20px 10px 0 !important;
    min-height: 185px
}

.contact-us {
   width:320px;
   
}


.contact-us .bannermodcontent {
    border-right: 1px solid #666;
    width: inherit;
    padding-left: 120px !important
}

.contact-us p { padding-bottom:5px;}

.quick-links {
    width: 370px
}

.quick-links .bannermodcontent {
    border-left: 1px solid #a1a1a1;
    width: 100%;
    border-right: 1px solid #666;
    padding-left: 30px !important
}

.bookmarks {
    width: 280px;

}


.bookmarks .bannermodcontent {
    border-left: 1px solid #a1a1a1;
    width: 100%;
    padding-left: 20px !important;}

.bookmarks #bookmarks {
    list-style: none;
    text-align: center !important;
    margin: 0;
    padding: 0
}

@media screen and (max-width:600px) {
    .bookmarks #bookmarks {
        text-align:left !important; 
    }
}

.bookmarks #bookmarks li {
    display: inline-block;
    border-bottom: none !important;
    float: left;
    margin: 0;
    padding: 6px 0;
}
.bookmarks #bookmarks li.pinterest { padding:0; margin-top:-3px}
@media screen and (min-width:601px) and (max-width:701px) {
    .bookmarks { width:100%; display:block; float:none; clear:both; }
    .bookmarks .bannermodcontent { padding-left:120px !important; }
}


@media screen and (min-width:701px) and (max-width:969px) {
    .bookmarks { width:100%; padding-left:100px; display:block; clear:both; float:none;  }
    .bookmarks .bannermodcontent { border-left:none; }
    .quick-links .bannermodcontent { border-right:none; }
}

@media screen and (max-width:700px) { 
    .bookmarks, .quick-links, .contact-us { width:100%; padding-left:0 !important; }
    .contact-us .bannermodcontent { padding-left:35px !important; }
    
    .bookmarks .bannermodcontent { padding-left:35px !important; }
    
}

  
      .meganav-image { float:left; max-width:380px; width: 380px; display: block;}
      .meganav-image:before { width: 380px; position:absolute; display:block; content:''; background:#00693e; height:100%; z-index: -1;}
    .meganav-image img { width:368px;  position:absolute; top:50%; height:219px; margin-top:-110px; left:12px;}
.quick-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.quick-links .nav-split {
    float: left;
    width: 50%;
}
.quick-links .nav-split a {
    text-decoration: none;
    padding-right: 10px;
}

.bookmarks #bookmarks li a em {
    text-indent: -1000em;
    display: block;
}
.bookmarks #bookmarks li a {
    background: #e6e6e6;
    width: 32px;
    height: 32px;
    display: block;
    margin-left: 4px;
    border-bottom: none !important;
    border-radius: 50%;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
}
.bookmarks #bookmarks li.twitter a {
    margin-left: 0;
}
.bookmarks #bookmarks li a:before {
    color: #8a8a8a;
    content: '\f099';
    font-family: 'icomoon';
    font-size: 20px;
}
.bookmarks #bookmarks li.twitter a:before {
    content: '\f099';
}
.bookmarks #bookmarks li.facebook a:before {
    content: '\f09a';
}
.bookmarks #bookmarks li.pinterest a:before {
    content: '\f0d2';
}
.bookmarks #bookmarks li.g-plus a:before {
    content: '\f0d5';
}
.bookmarks #bookmarks li.linked-in a:before {
    content: '\f0e1';
    /* top: 6px; */
    /* position: absolute; */
}
.bookmarks #bookmarks li.youtube a:before {
    content: '\f167';
    outline: 0;
}

.bookmarks #bookmarks li.pinterest a {
    padding: 0 !important;
    background: none;
}
.bookmarks #bookmarks li.pinterest a:before {
    font-size: 36px;
    color: #e6e6e6;
    position: relative;
    top: 6px;
    left: 1px;
}
.bookmkars #bookmarks li.youtube a {
    outline: 0;
}




@media screen and (min-width: 600px) {
    .bookmarks #bookmarks {
        text-align:left !important;
    }
}

/* page 1 stuff */
.page_1 #mainmiddle {
    width: 100%;
}
.page_1 #leftbanner, .page_1 #rightbanner, .page_1 #contentdiv {
    width: 100% !important;
    float: none;
    display: block;
    clear: both;
    overflow: hidden;
}
.page_1 #leftbanner:before, .page_1 #rightbanner:before, .page_1 #contentdiv:before {
    display: none;
}

.page_1 #leftbanner {
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
    padding-right: 0;
    padding-top: 50px;
    position: relative !important;
    margin-bottom: 20px;
    padding-left: 20px;
}
.page_1 #leftbanner .news {
    float: left;
    max-width: 100%;
    padding-right: 40px;
}

@media screen and (min-width:969px) {
    .page_1 #leftbanner .news { max-width: 627px; }
    .page_1 #leftbanner .calendar { max-width:305px !important; }
}

.page_1 #leftbanner .calendar {
    float: left;
    max-width: 100%;
    padding-left: 20px;
}
.page_1 #leftbanner .news:before {
    max-width: inherit;
    width: 100%;
    border-right: 1px solid #CCC;
    display: block;
    content: '';
    position: absolute;
    height: 100%;
}


.page_1 .news .bannermodtitle, .page_1 .calendar .bannermodtitle {
    padding-bottom: 10px
}
.page_1 .news .bannermodtitle:after, .page_1 .calendar .bannermodtitle:after {
    display: table;
    content: '';
    clear: both;
}
.page_1 .news .bannermodtitle h4, .page_1 .calendar .bannermodtitle h4 {
    font: normal 24px/1 "Lato";
    padding-bottom: 0;
    padding-right: 10px !important;
    border-right: 1px solid #004631;
    color: #004631;
    display: inline-block;
    padding: 0;
    margin: 0;
    float: left;
}
.page_1 .news .bannermodtitle a, .page_1 .calendar .bannermodtitle a {
    float: left;
    display: inline-block;
    font: normal 14px "lato";
    color: #666;
    padding: 8px 10px;
    text-decoration: none;
}
.page_1 .news .bannermodtitle a:hover, .page_1 .calendar .bannermodtitle a:hover {
}
.page_1 .news .bannermodtitle a:after, .page_1 .calendar .bannermodtitle a:after {
    content: '>';
    padding-left: 3px;
}



.page_1 #contentdiv {
    background: #ededed;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 20px 0 !important;
    margin-bottom: 40px
;
    width: 100%;
    max-width: 100% !important;
}
.page_1 #contentdiv > div:not(#pagePopReminder) {
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
}
.page_1 .three_column {
    max-width: 350px;
    width: 100%;
    padding-left: 80px;
}
.page_1 .three_column:first-child {
    padding-left: 0;
    max-width: 270px;
}


@media screen and (min-width:601px) and (max-width:969px) {
    .page_1 .three_column, .page_1 .three_column:first-child { max-width:50%; width:100%;  padding-left:0;  }
    
    .page_1 .three_column:nth-child(3){ display:block; clear:both; margin:0 auto; float:none; }
    
}

.page_1 .fsEl_Twitter {
    background: #106735;
    color: #FFF;
    text-align: center;
}
.page_1 .fsEl_Twitter .portlet_title {
    text-indent: -100em;
    color: #FFF;
    font-family: "icomoon";
    font-weight: normal;
}
.page_1 .fsEl_Twitter .portlet_title:after {
    content: '\f099';
    text-indent: 0;
    display: block;
    border: none;
    font-size: 30px;
    color: #FFF;
    text-align: center;
    top: 0;
    font-family: "icomoon"; 
    margin-top: -10px;
}



.page_1 #rightbanner {
    max-width: 970px;
    margin: 0 auto;
}
@media screen and (min-width:601px) and (max-width:900px) {
.page_1 #rightbanner .circles {
    width: 586px;
    padding-right: 72px;
    margin: 0 auto;
}
}
.page_1 #rightbanner .circles .circle {
    /* max-width: 25%; */
    width: 100%;
    float: left;
    display: block;
    width: 182px;
    height: 182px;
    margin-left: 75px;
    /* width: 100%; */
    /* height: 100%; */
    border-radius: 50%;
    position: relative;
    cursor: default;
    box-shadow: inset 0 0 0 16px rgba(16,102,53, 0.7), 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.page_1 #rightbanner .circles .circle:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.page_1 #rightbanner .circles .circle:first-child {
    margin-left: 0;
}

@media screen and (min-width:601px) and (max-width:969px) {
    .page_1 #rightbanner .circles .circle{ margin-bottom:20px;}
    .page_1 #rightbanner .circles .circle:first-child {
    margin-left: 75px;
   
    }
}
.page_1 #rightbanner .circles .circle a { text-decoration:none; }
@media screen and (max-width:600px) {
    .page_1 #rightbanner .circles .circle{ margin-bottom:20px; margin-left:auto; margin-right:auto;}
    .page_1 #rightbanner .circles .circle:first-child {
    margin-left:auto; margin-right:auto; 
   
    }
}

.page_1 #rightbanner .circles .circle .bannermodtitle {
    position: absolute;
    background: rgba(16,103,53,.6);
    width: inherit;
    height: inherit;
    border-radius: 50%;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    font: bold 22px "lato";
    color: #FFF;
    text-align: center;
    padding-top: 77px;
} 


.page_1 #rightbanner .circles .circle:hover .bannermodtitle {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;background:rgba(16,103,53,.0);
}



.page_1 #rightbanner .circles .circle .bannermodtd {
}


/* news stuff */
.newspostitem, .newspostitemsep {
    padding-bottom: 10px;
} 
.page_1 .newspostitem, .page_1 .newspostitemsep { padding-bottom:20px !important; }
.newsposttitle {
    font: normal 20px "lato"; 
}
.newsposttitle a {
    text-decoration: none;
}

.newspubdate {
    font: normal 14px "lato";
    color: #666;
    padding-bottom: 30px;
}

.newspostnotes {
    font: normal 16px/22px "lato";
    color: #666;
}

/* Twitter */

.timeline { background-color:none !important; }

.tweets { list-style:none; padding:0; margin:0; max-width:100%; }


.p-name.customisable-highlight, .u-photo.avatar, .full-name, .dt_updated, .h-card.p-author, .footer, .inline-media, .link.customisable, .header { display:None; }
.e-entry-content { padding:0 10px; }
 .e-entry-title { color:#FFF: }
 .e-entry-title a { color:#FFF; }
/* Calendar Stuff */


.eventobj {
    margin-bottom: 30px !important;
}

.event_stackdate {
    background: #f2f2f2;
    padding: 8px 0 0;
    border-radius: 50%;
    width: 60px;
    max-width: 60px;
    height: 60px;
    border: 1px solid #bdbdbd;
}
.event_stackmonname {
    display: none !important;
}
.event_stackdaynum {
    font: 900 24px "lato";
    color: #edb700;
    position: relative;
    top: -2px;
    padding: 0 -1px !important;
}
.event_stackdayname {
    color: #004631;
    font: normal 14px "lato";
 
}

.eventcon {
    padding-left: 15px;
}


.etitle {
    color: #106735;
    font: bold 18px "lato";
}
.etitle a {
    text-decoration: none;
}

.event_location, .event_time {
    display: block;
    font: normal 16px "lato";
    color: #666666;
}


.calendar .bannermodtd > a {
    float: right;
    text-decoration: none;
}






/* Hierarchy */
.hiersect, .hiersect a {
    font: normal 13px/20px "lato";
    color: #999999;
    text-decoration: none;
}



/* navmod */
.navmod, .portalnavmod, .subnavmod {
    margin: 0p;
    padding: 0;
    list-style: none;
}
.subnavmod {
    margin-left: 20px;
}
.navmod li, .portalnavmod li, .subnavmod li {
    border-top: 1px solid #cccccc;
    margin-bottom: 2px;
}
.navmod li:first-child, .portalnavmod li:first-child, .subnavmod li:first-child {
    border-top: none
}
.navmod li a, .portalnavmod li a, .subnavmod li a {
    margin: 2px 0 0;
    padding: 5px 10px;
    display: block;
    font: normal 15px "Lato";
    color: #004631;
    text-decoration: none;
}
.navmod li a:hover, .portalnavmod li a:hover, .subnavmod li a:hover,
.navmod li a.navon, .portalnavmod li a.navon, .subnavmod li a.navon {
    background: #f2cb65;
}


.navmodsub { padding-bottom:0; }   














































.portal-dialog *,.ui-dialog-titlebar * {
    font: 11px Verdana !important
}

.portal_column_bottom {
    padding: 5px 0;
    min-height: 10px;
    height: 100%;
    margin-bottom: 2px;
    outline: black dotted 1px
}

.portal_column {
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
}

.two_column {
    float: left;
    width: 50%
}

.twothirds_column {
    float: left;
    width: 66.6%
}

.three_column {
    float: left;
    width: 33.3%
}

.four_column {
    float: left;
    width: 25%
}

.five_column {
    float: left;
    width: 20%
}

.dock_marker {
    margin: 5px;
    padding: 9px 5px 5px 5px;
    background: #fff url("../../images/caution_tape.gif") top left repeat-x;
    font-weight: bold;
    text-align: center;
    border: 1px solid lightgrey
}

#dock_tab {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    background: transparent url("../../images/caution_tape.gif") top left repeat-y;
    border-style: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.bottom_marker {
    height: 5px;
    background-color: black
}

.portlet {
    /* margin: 0 5px 5px 5px; */
    height: auto;
    overflow: visible
}

.portlet:hover .portlet_header {
    display: block
}

.portlet_content {
    overflow-x: visible;
    overflow: visible;
    padding-bottom: 10px
}

.fsEl_Content {
    background: #FFF;
    border: 1px solid #ccc;
    padding: 15px;
}
.fsEl_Content .portlet_title {
    font: bold 20px/22px "lato";
    color: #004631;
    padding: 0 0 5px
}
.portlet_content {
    font: normal 16px/22px "lato";
    color: #004631;
}

.portlet_header {
    background: none;
    border-width: 0;
    padding: 0;
    min-height: 18px;
    font-weight: bold;
    position: relative;
    border: none
}

.portlet_menu {
    margin: 0 2px 0 2px;
    border-left: thin grey solid;
    border-right: thin grey solid;
    border-bottom: thin grey solid;
    display: none;
    background-color: white;
    background-image: none
}

.portlet_menu ul {
    list-style-type: none;
    padding-left: 5px;
    margin: 0;
    width: 100%
}

.portlet_menu a {
    text-decoration: none;
    vertical-align: middle;
    color: black
}

.portlet_menu a img {
    outline: none;
    border: none
}

.hidden {
    display: none
}

.hand_cursor {
    cursor: move
}

.portlet_title {
    font-family: "trajan pro 3"
}

.portlet_actions_container {
    background-color: inherit;
    display: none;
    text-align: right;
    position: absolute;
    top: 2px;
    right: 0;
    padding: 0 4px;
    display: block !important
}

.portlet_actions {
    float: right;
    cursor: pointer;
    padding-right: 4px
}

.portlet_toggle {
    float: right;
    cursor: pointer
}

.portlet_menu_img {
    float: right;
    cursor: pointer
}

.ui-tabs {
    width: 100%;
    padding: 0;
    border-radius: 0;
    background: none;
    border: 0;
    color: #000;
    max-width: 940px;
    font-family: "open-sans" !important;
    margin: 0 auto
}

.ui-tabs .ui-tabs-nav {
    padding: 0;
    border-radius: 0;
    border: 0
}

.ui-tabs .ui-widget-header {
    border: 0;
    background: none;
    color: #000
}

.ui-tabs .ui-tabs-nav li {
    border-radius: 0;
    border: 0;
    height: 38px;
    margin-right: 4px;
    font-size: 14px
}

.ui-tabs .ui-state-default,.ui-tabs .ui-widget-content .ui-state-default {
    border-radius: 0;
    border: 0;
    background: #ffd476;
    margin-right: 0
}

.ui-tabs .ui-state-hover {
    border-radius: 0;
    border: 0;
    background: #90050a;
    color: #FFF
}

.ui-tabs .ui-state-active {
    border-radius: 0 !important;
    border: 0 !important;
    background: #00693E;
    color: #FFF
}

.ui-tabs .ui-state-hover.ui-state-active {
    border-radius: 0;
    border: 0;
    background: #00693E;
    opacity: 1
}

.ui-tabs .ui-state-default a {
    text-transform: uppercase;
    color: inherit !important;
    padding: 10px 10px !important;
    display: block;
    text-align: center
}

.ui-tabs .ui-state-hover a {
    color: #FFF !important
}

.ui-tabs .ui-state-hover a:hover {
    color: #fff !important
}

.ui-tabs .ui-state-active a {
    color: inherit !important
}

.ui-tabs .ui-tabs-panel {
    border: 0 !important;
    padding: 0
}

.ui-tabs .portlet {
    border: 0 !important;
    width: 100%;
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid #eee !important
}

.ui-tabs .portlet_header {
    display: block !important
}

.ui-tabs .portlet_content {
    border: 0;
    color: #333
}

.ui-accordion {
    width: 100%;
    margin-bottom: 30px;
    background: #eee
}

.ui-accordion .ui-accordion-header {
    border-radius: 0
}

.ui-accordion .ui-accordion-header span:before {
    font-family: "Oswald" !important;
    content: "+";
    display: block;
    background: none;
    width: 32px;
    font-size: 20px;
    height: 32px;
    top: -10px;
    font-weight: bold !important
}

.ui-accordion .ui-accordion-header.ui-state-active span:before {
    content: "\2212";
    color: #00693E
}

.ui-accordion .ui-accordion-header.ui-state-hover span:before {
    color: #00693E
}

.ui-accordion .ui-accordion-header h2.contentElementTitle {
    color: #000
}

.ui-accordion .ui-accordion-header h2.contentElementTitle a {
    color: inherit
}

.ui-accordion .ui-accordion-content {
    margin-bottom: 0 !important;
    border: 0;
    border-bottom: 2px solid #000;
    border-radius: 0;
    background: none;
    color: #000
}

.ui-accordion .contentElementTitle.ui-state-active {
    border: 0;
    background: none
}

.ui-accordion .contentElementTitle.ui-state-hover {
    background: #ffd476
}

.ui-accordion .contentElementTitle.ui-state-active a {
    color: #00693E
}

.ui-accordion .contentElementTitle.ui-state-hover a {
    color: #00693E
}

.ui-accordion .ui-state-default {
    background: #dfdfdf;
    border: 0;
    border-top: 0 solid #FFF;
    padding: 10px 20px 10px 30px;
    border-bottom: 2px solid #000
}

.ui-accordion .ui-state-default a {
    padding-left: 0 !important
}

.ui-accordion .ui-accordion-header .ui-icon {
    text-indent: 0;
    background: none;
    position: absolute;
    left: auto;
    right: 20px
}

.yui-calendar .calheader .calnavright:before {
    content: '\f105';
    display: block
}

#calendarcon .tblock .caldata,#calendarcon .tblocklast .caldata,#calendarcon .weekhead,#calnav.yui-calendar th.calweekdaycell {
    color: #FFF;
    font: 600 .505em "proxima-nova"
}

.yui-calcontainer {
    background-color: transparent
}

#cal1Container .yui-calendar,#cal2Container .yui-calendar {
    font-size: 16px
}

#cal1Container .yui-calendar .calheader,#cal2Container .yui-calendar .calheader,.yui-skin-sam .yui-calendar .calheader {
    color: #00693E
}

#cal1Container .yui-calendar .calheader,#cal2Container .yui-calendar .calheader {
    font-size: 13px
}

.yui-calendar a.calnav {
    color: #00693E;
    font: 600 .691875em "proxima-nova"
}

.yui-calendar .calheader .calnav:hover {
    background: #EEE;
    border-width: 0
}

#calendarcon .tblock .caldata,#calendarcon .tblocklast .caldata,#calendarcon .weekhead,#calnav.yui-calendar th.calweekdaycell {
    border-bottom: none
}

.yui-calendar .calweekdayrow {
    background: #00693E;
    color: #FFF;
    height: 24px
}

.yui-calendar .calheader .calnavleft,.yui-calendar .calheader .calnavright {
    color: #00693E;
    width: 43px;
    height: 53px;
    display: block;
    text-indent: -1000em;
    top: -13px;
    padding-top: 10px
}

.yui-calendar .calheader .calnavleft {
    border-right: 1px solid #00693E
}

.yui-calendar .calheader .calnavright {
    border-left: 1px solid #00693E
}

.yui-calendar .calhead {
    background: #f3f3f3;
    height: 45px;
    color: #00693E;
    border: none
}

.yui-calendar .calheader .calnavleft:before,.yui-calendar .calheader .calnavright:before {
    content: '\f104';
    display: block;
    text-indent: 0;
    font-size: 1.68em;
    font-family: "FontAwesome";
    width: 45px;
    height: 43px;
    background: none;
    top: 6px
}

.yui-calendar .calheader .calnavright:before {
    content: '\f105'
}

.yui-skin-sam .yui-calendar td.calcell,#start_date_picker #cal1Container .yui-calendar td.calcell {
    background-color: #f3f3f3;
    border-right: 1px solid #00693E;
    border-bottom: 1px solid #00693E;
    border-left: none;
    border-top: none;
    padding: 6px 0
}

.yui-skin-sam .yui-calendar td.calcell:first-child,#start_date_picker #cal1Container .yui-calendar td.calcell:first-child {
    border-left: 1px solid #00693E
}

.yui-skin-sam .yui-calendar td.calcell .selector,#start_date_picker #cal1Container .yui-calendar .selector {
    background-color: none;
    color: #00693E;
    font: 700 9px "proxima-nova";
    line-height: 1 !important
}

.yui-skin-sam .yui-calendar td.calcell:hover,.yui-skin-sam .yui-calendar td.calcell.selected {
    background-color: #f3f3f3;
    padding: 0
}

#start_date_picker #cal1Container .yui-calendar td.calcell.oom {
    background-color: #f3f3f3;
    font: 700 9px "proxima-nova" !important
}

.yui-calendar td.calcell.oom {
    font: 700 .59625em "proxima-nova" !important
}

.yui-skin-sam .yui-calendar td.calcell.today,.yui-skin-sam .yui-calendar td.calcell.calcellhover,#start_date_picker #cal1Container .yui-calendar td.calcell.today,#start_date_picker #cal1Container .yui-calendar td.calcell.today.selected a,#start_date_picker #cal1Container .yui-calendar td.calcell.calcellhover,#start_date_picker #cal1Container.yui-calendar td.calcell.calcellhover a {
    background: #00693E;
    color: #fff
}

.yui-skin-sam .yui-calendar td.calcell.calcellhover,#start_date_picker #cal1Container .yui-calendar td.calcell.calcellhover,#start_date_picker #cal1Container.yui-calendar td.calcell.calcellhover a {
    background: #ffd476
}

.yui-skin-sam .yui-calendar td.calcell.calcellhover a,#start_date_picker #cal1Container .yui-calendar td.calcell.calcellhover a,#start_date_picker #cal1Container .yui-calendar .calnavright:hover,#start_date_picker #cal1Container .yui-calendar .calnavleft:hover {
    color: #a2102a !important
}

.yui-skin-sam .yui-calendar td.calcell.today .selector,.yui-skin-sam .yui-calendar td.calcell.calcellhover .selector,#start_date_picker #cal1Container .yui-calendar td.calcell.today .selector,#start_date_picker #cal1Container .yui-calendar td.calcell.calcellhover .selector {
    color: #fff
}

#calcustomize>div {
    padding: 0 !important
}

#calendarcon .tblock .caldata,#calendarcon .tblocklast .caldata,#calendarcon .weekhead,#calnav.yui-calendar th.calweekdaycell {
    background: transparent;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    border-width: 0;
    border-bottom: 1px solid white
}

#calnav.yui-calendar th.calweekdaycell {
    padding: 5px 0
}

#calendarcon {
    border: 0
}

#calendarcon .caldata {
    overflow: hidden;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    background-color: #efefef
}

#calendarcon .monthrow .caldata:hover {
    background-color: #E4E4E4
}

#calendarcon .caldata.hotdate {
    background-color: #FFF
}

#calendarcon .caldata.hotdate .daycap span {
    background: #333;
    color: white
}

#calendarcon .caldata.block_off {
    background-color: #F7F7F7
}

#calendarcon .caldata.block_off {
    color: #AAA
}

#calendarcon .caldata.block_off a {
    color: #7CA7D1
}

#calendarcon .caldata.block_off .identifierkey {
    border: 1px solid #CCC
}

.daycap,.daycap_off {
    background-color: transparent;
    color: #777;
    font-size: 1em;
    padding: 0;
    margin-bottom: 0.5em
}

.daycap_off {
    color: #CCC
}

.daycap span,.daycap_off span {
    display: inline-block;
    padding: 0.5em;
    line-height: 1
}

#calendarcon .eventobj {
    margin: 0 8px 1.5em
}

#weekcon .weekcol {
    border-top: 1px solid white;
    border-left: 1px solid white
}

#weekcon #weekblock_7 {
    border-right: 1px solid white
}

#weekcon .timecap {
    background: #FFF;
    color: #163052;
    border-bottom: 1px solid transparent;
    font-size: 12px;
    font-weight: normal
}

#weekcon .dayrow_mid {
    border-bottom: 1px solid white;
    background-color: #efefef
}

#weekcon .timealt {
    background: #e2e2e2;
    border-bottom: 1px solid white
}

#daycon .timecap {
    background: transparent;
    color: #163052;
    font-size: 12px;
    font-weight: normal
}

#daycon .dayrow_mid {
    border-bottom: none
}

#daycon .timedata {
    background: #efefef;
    border-bottom: 1px solid white
}

#daycon .timealt {
    background: #e2e2e2
}

#daycon .blockday_data,#daycon .row_id_allday {
    background: transparent
}

#calendarcon .gridsubtitle {
    border-bottom: 1px solid #FFF;
    background-color: transparent !important
}

#divDateDropdown {
    background-color: #FFF;
    border-color: #F8F8F8;
    box-shadow: 0px 2px 3px #DDD;
    color: #888
}

#divDateDropdownMonth div {
    border-color: #FFF
}

#divDateDropdown .divselected {
    background-color: #EEE;
    color: #163052
}

#divDateDropdownMonth div:hover,#divDateDropdownYear div:hover {
    background-color: #163052
}

#calendarcon .eventcon {
    width: 95%
}

.identifierkey {
    border: 1px solid #EEE
}

.periodbutton,a.periodbutton:visited,a.periodbutton:active,a.periodbutton:link,a.periodbutton_on:visited,a.periodbutton_on:active,a.periodbutton_on:link {
    /* background: #ffd476; */
    border: none;
    padding: 4px 8px;
    border-radius: 4px;
    color: #FFF;
    font-weight: normal
}

a.periodbutton_on:visited,a.periodbutton_on:active,a.periodbutton_on:link {
    background: #00693E;
    border: none;
    color: #FFF !important
}

.calendar_titlebar {
    background: #00693E;
    border: 0;
    font-size: .9em;
    padding: 15px 0 15px;
    color: #fff;
    display: block;
    clear: both
}

.calendar_titlebar a.prevMonth,.calendar_titlebar a.prevYear,.calendar_titlebar a.nextMonth,.calendar_titlebar a.nextYear {
    background: #F0F0F0;
    background: #ffd476;
    border: 0;
    border-radius: 3px;
    color: #fff
}

.calendar_titlebar a:hover {
    background: #ffd476;
    color: #2866b5
}

a.periodbutton:hover {
    background: #F2CB65;
    border-color: transparent;
    opacity: 1;
    color: #fff !important
}

a.periodbutton_on:hover {
    background: #00693E;
    border-color: transparent;
    color: #2866b5;
    opacity: 1
}

#calendar_alert_badge {
    background: #ffd476;
    border: 0
}

#calendar_alert_badge:hover {
    background: #00693E
}

#calendar_icons {
    width: auto
}

#calendar_icons a {
    margin-left: 4px;
    opacity: .6
}

#calendar_icons img {
    -moz-backface-visibility: hidden
}

#calendar_icons a:hover {
    opacity: 1
}

#calendarcon .weekhead {
    background: #FFF;
    font-size: .9em
}

a.addcalevent {
    background-color: #FFF;
    background-color: rgba(255,255,255,0.5);
    border: 0;
    border-radius: 50%;
    padding: 2px;
    line-height: 0;
    margin: 3px 0 0 3px
}

a.addcalevent img {
    height: 14px;
    width: 14px
}

a.addcalevent:hover {
    background-color: #FFF
}

.listcon,.caldata {
    border-color: #DDD
}

.yui-calendar td.calcell {
    background-color: #efefef;
    border: 1px solid white;
    line-height: 1;
    padding: 0.5em 0.2em
}

.yui-calendar td.calcell .selector,.yui-calendar .selector {
    color: #777
}

.yui-calendar td.calcell:hover,.yui-calendar td.calcell.selected {
    background-color: #d5d5d5
}

.yui-calendar td.calcell.oom {
    background-color: none
}

.yui-calendar td.calcell.today,.yui-calendar td.calcell.calcellhover {
    background-color: #333
}

.yui-skin-sam .yui-calendar td.calcell.today.selected a,.yui-skin-sam .yui-calendar td.calcell.today a {
    background-color: transparent
}

.yui-calendar .calheader .calnav:hover {
    background: transparent
}

.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
    background: transparent
}

.yui-calendar td.calcell.today .selector {
    color: white
}

.yui-calendar a.calnav:hover {
    color: #000
}

.iconLink,.iconLink.inactive:hover {
    display: inline-block;
    line-height: 1;
    background-position: 4px center;
    background-repeat: no-repeat;
    border-radius: 4px 4px 4px 4px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
    font-weight: normal;
    line-height: 1;
    padding: 4px 8px 4px 24px;
    text-shadow: 0 -1px 0 rgba(225,225,225,0.25);
    text-decoration: none;
    font: inherit;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.iconBtnSave:hover {
    background-color: #55AA55
}

.iconBtnSave,.iconBtnSave.inactive:hover {
    background-color: #5BB75B;
    background-image: url("../../images/admin_ui/2.0/white/save.png");
    background-position: 0.5em center;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-style: solid;
    border-width: 1px;
    color: #fff !important;
    cursor: pointer;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    -webkit-text-shadow: 0 0 1px #008000;
    box-shadow: 1px 0 0 rgba(255,255,255,0.125) inset,0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px rgba(0,0,0,0.05)
}

.options_titlebar {
    background-color: transparent;
    border: 0;
    font-size: 14px;
    padding: 0;
    margin: 0
}

#calcustomize {
    background: #f3f3f3
}

#calcustomize a {
    background-color: transparent;
    border-radius: 0;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    text-align: left;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-decoration: none
}

#calcustomize a:hover {
    background-color: transparent;
    color: #FFF
}

#calcustomize .selectors {
    width: 100%;
    padding: 1px 0 2px;
    margin: 0;
    overflow: hidden;
    height: 34px;
    border-top: 1px solid #a8bd96;
    border-bottom: 1px solid #a8bd96
}

#calcustomize .selectors a {
    display: inline-block;
    text-align: left;
    width: 48%;
    float: left;
    padding: 7px 0 5px 10px;
    margin: 0;
    height: 23px
}

#calcustomize .selectors a.active-selector {
    line-height: 14px
}

#calcustomize .selectors a:before {
    content: '';
    width: 10px;
    height: 11px;
    margin-right: 5px;
    display: inline-block;
    border: 1px dotted #fff;
    top: 2px;
    font-family: "FontAwesome"
}

#calcustomize .selectors a.active-selector:before {
    content: '\f00c'
}

.selectors {
    background: #00693E;
    text-align: center
}

.selectors a {
    display: inline
}

.calendar-options {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block
}

.calendar-options span {
    color: #333333;
    font-size: 10.28px
}

.calendar-options input[type=checkbox] {
    width: 5px;
    height: 5px;
    top: -2px;
    margin-right: 10px;
    cursor: pointer
}

.calendar-options input[type=checkbox]:before {
    background: #00693E;
    content: '';
    width: 10px;
    height: 11px;
    display: inline-block;
    font-family: "FontAwesome";
    color: #FFF;
    top: -3px;
    pointer-events: none;
    font-size: 10px;
    cursor: pointer
}

.calendar-options input[type=checkbox]:checked::before {
    content: '\f00c';
    font-size: 10px;
    top: -5px
}

#calcustomize #menuselect {
    width: 92.76018099547511% !important;
    height: 42px;
    margin-bottom: 9px;
    padding: 15px;
    font: normal 11px "proxima-nova";
    border-radius: 0;
    outline: 0;
    background: #ddd6c8;
    color: #739789;
    text-transform: uppercase
}

#calkeybar td {
    width: auto !important
}

.identifierkey {
    top: -1px
}

#calsearch {
    background: #f3f3f3;
    font-size: 11px;
    font-family: "proxima-nova";
    padding: 0 5px
}

#basicmenu .options_titlebar a,#basicmenu .options_titlebar a:visited {
    background: #EEE;
    background: #f3f3f3;
    color: #555;
    display: block;
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
    padding: .6em 1em .6em .4em;
    border-radius: 0;
    font-family: "proxima-nova";
    font-size: .875em
}

#basicmenu .options_titlebar a:hover {
    background: #F8F8F8
}

.buttons {
    background: #666;
    background: rgba(0,0,0,0.5);
    border-style: none;
    border-width: 0;
    border-width: 0;
    border-radius: 4px;
    color: #FFF;
    padding: .25em .75em;
    padding: .5em 1em
}

#calcustomize .buttons:hover,#calsearch input[type="submit"]:hover {
    background: #555
}

#calsearch input {
    outline: none;
    border: 1px solid #00693E;
    margin-top: 10px;
    margin-bottom: 10px
}

#calsearch input:focus {
    border: 1px solid #AAA
}

#calsearch input[type="submit"] {
    padding: 4px 5px 4px !important;
    line-height: 1;
    border: 0;
    top: 0px;
    border-radius: 0;
    font-size: 10px;
    font-weight: normal;
    vertical-align: top;
    color: #00693E;
    background: #ddd6c8
}

#calsearch input[type="radio"] {
    top: -8px
}

#calcustomize h3,#calsearch h3 {
    color: #00693E;
    font-size: 0.7914285714285714em;
    background: #f3f3f3;
    height: 45px;
    padding: 15px 15px;
    text-align: center;
    text-transform: uppercase;
    font-family: "proxima-nova";
    margin: 0;
    display: block;
    width: 100%
}

#calcustomize a.calnavbar_close,#calsearch a.calnavbar_close {
    background: transparent;
    border-radius: 50%;
    display: inline;
    float: right;
    opacity: .4;
    padding: 6px 0 5px 8px;
    width: 16px
}

#calcustomize a.calnavbar_close:hover,#calsearch a.calnavbar_close:hover {
    opacity: 1
}

.listcap {
    color: #00693E;
    font-size: .9125em
}

.pagetype_calendar .listcap:first-child {
    margin-top: 0
}

.pagetype_calendar .listcap {
    font-size: 1.125em;
    margin-top: 25px
}

#cal1Container {
    position: absolute;
    display: none;
    z-index: 10;
    top: 50px
}

#cal2Container {
    position: absolute;
    display: none;
    z-index: 10;
    top: 50px
}

#minical_img1 {
    cursor: pointer
}

#minical_img2 {
    cursor: pointer
}