/*----------------------------------------------------------------------------------*/
/*------------------------------RESET DEFAULT STYLES--------------------------------*/
/*----------------------------------------------------------------------------------*/
html,body                       { width:100%; height:100%; }
body                            { padding:0; margin:0; font:12px Verdana,Arial, Helvetica, sans-serif; background: url("/documents/images/305_bg_1.jpg") #fff; color:#000; }
div,menu,p,a,span,em,strong,img,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,td,tr,form,fieldset,legend,label,select,input,textarea {
	padding:0;
	margin:0;
	outline:none;
	list-style:none;
}
a:link, a:visited              { font:12px Verdana,Arial, Helvetica, sans-serif; color:#428bca; text-decoration:none; }
a:hover                        { text-decoration:underline; color: #2a6496; }
/*----------------------------------------------------------------------------------*/
/*-------------------------------------DEFAULT CLASSES------------------------------*/
/*----------------------------------------------------------------------------------*/
.float-r           	           { float:right !important; }
.float-l                       { float:left !important; }
.no-float                      { float:none !important; }
.no-border                     { border:0 !important; }
.no-bg                         { background:none !important; }
.no-margin                     { margin:0 !important; }
.no-padding                    { padding:0 !important; }
.no-display                    { display:none !important; }
.display                       { display:block !important; }
.inline                        { display:inline !important; }
.overflow                      { overflow:hidden !important; }
.align-r                       { text-align:right !important; }
.align-l                       { text-align:left !important; }
.align-c                       { text-align:center !important; }
.clear                         { clear:both; }
.clearfix:after                { content: ""; display: block; clear: both; visibility: hidden;}
.clearfix                      { display: inline-block; width: 100% }
/*----------------------------------------------------------------------------------*/
/*-------------------------------------FONTS----------------------------------------*/
/*----------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Comic Sans MS';
    src: url('../font/ComicSansMS/ComicSansMS.eot');
    src: url('../font/ComicSansMS/ComicSansMS.eot?#iefix') format('embedded-opentype'),
    url('../font/ComicSansMS/ComicSansMS.woff') format('woff'),
    url('../font/ComicSansMS/ComicSansMS.ttf') format('truetype'),
    url('../font/ComicSansMS/ComicSansMS.svg#pf_agora_sans_probold') format('svg');
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------HEADER---------------------------------------*/
/*----------------------------------------------------------------------------------*/
.wrapper {
    min-height: 100%;
}
.wrapper:after {
    content: '';
    display: block;
    height: 55px;
}
.wrap-top-line {
    overflow: hidden;
    background: #222;
}
.auth-box {
    width: 85%;
    margin: 0 auto;
    padding: 10px;
    text-align: right;
}
.auth-box a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.auth-box a:hover {
    text-decoration: underline;
}
.header {
    padding: 10px;
    background-color: #990033;
}
.header h1 {
    padding: 5px;
    margin-bottom: 10px;
    background: ;
    font: 28px 'Comic Sans MS', sans-serif;
    text-align: center;
}
.wrap-nav {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}
.navbar-nav>li {
    float: none;
    display: inline-block;
    padding: 5px 0;
}
.navbar-nav>li>a {
    padding: 2px 5px;
    color: #fff;
    text-decoration: none;
    font: 12px 'Comic Sans MS', sans-serif;
    text-transform: uppercase;
    background: url("../images/header/bg_menu.jpg") repeat-x;
    border-radius: 3px;
    border: 1px solid #3e8f3e;
}
.navbar-nav>li>a:hover,
.menu-sidebar a:hover {
    background: #53b151;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------CONTENT--------------------------------------*/
/*----------------------------------------------------------------------------------*/
.main-block {
    overflow: hidden;
    padding: 10px 0;
    background: #fff;
}
.notice-main {
    margin: 10px 15px;
    background: #f5f5f5;
    text-align: center;
}
.section {
    display: block;
    padding: 3px;
    margin-bottom: 5px;
    border: 1px solid #add8e6;
}
a.link-black,
.bold-text {
    display: inline-block;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
}
.bold-text {
    margin-bottom: 10px;
    font-size: 20px;
}
a.link-black:hover {
    color: #23527c;
}
.grey-bg {
    display: block;
    padding: 3px;
    background: #ccc;
    font-weight: bold;
}
.grey-bg a {
    font-weight: bold;
}
.wrap-upcoming-events {
    height: 200px;
    overflow: auto;
}
.upcoming-events li {
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px solid #add8e6;
    font-weight: bold;
}
.upcoming-events li:first-child {
    padding-top: 5px;
}
.upcoming-events li:last-child {
    padding-bottom: 10px;
    border: none;
}
.upcoming-events .wrap-desc {
    overflow: hidden;
    padding-right: 10px;
}
.upcoming-events .wrap-desc span {
    display: block;
    margin-bottom: 10px;
}
.upcoming-events .wrap-time {
    float: right;
    width: 135px;
}
.wrap-time .date {
    display: inline-block;
    width: 90px;
    padding: 2px;
}
.wrap-time .time {
    display: inline-block;
    width: 40px;
    padding: 2px;
}
.bg-white {
    overflow: hidden;
    background: #fff;
}
.bg-red {
    background: #990033;
}
.calendar {
    width: 225px;
    margin: 10px auto 20px;
}
.counter {
    margin: 5px 0 15px;
    text-align: center;
}
.counter .wrap {
    display: inline-block;
    width: 70px;
}
.counter .num {
    display: block;
    font-size: 24px;
    font-weight: bold;
}
.blue-frame {
    width: 300px;
    margin: 0 auto;
    border: 1px solid #2a6292;
    border-top: 20px solid #2a6292;
}
.list-weather {
    width: 300px;
    margin: 0 auto;
    background: #346797;
    text-align: center;
}
.list-weather li {
    display: inline-block;
    padding: 5px 0;
    color: #fff;
}
.list-weather a {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}
.navbar-toggle {
    border: 3px solid #53b151;
    border-radius: 3px;
}
.navbar-toggle .icon-bar {
    border-top: 2px solid #53b151;
}
.btn-top {
    cursor: pointer;
}
.margin-btn-top {
    margin-left: 17px;
    margin-right: 17px;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------SIDEBAR--------------------------------------*/
/*----------------------------------------------------------------------------------*/
.left-sidebar {
    float: left;
    width: 160px;
    background: #990033;
    text-align: center;
}
.logo {
    max-width: 135px;
    margin: 10px 10px 15px;
}
.menu-sidebar {
    margin-bottom: 20px;
}
.menu-sidebar li {
    margin-bottom: 3px;
}
.menu-sidebar a {
    display: block;
    width: 95%;
    padding: 2px;
    margin: 0 auto;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font: 12px 'Comic Sans MS', sans-serif;
    text-transform: uppercase;
    background: #53b151;
    border-radius: 3px;
    border: 1px solid #3e8f3e;
}
.menu-sidebar a:hover {
    background: url("../images/header/bg_menu.jpg") repeat-x;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------FOOTER---------------------------------------*/
/*----------------------------------------------------------------------------------*/
.wrap-footer {
    margin-top: -55px;
    background: #455c5a;
}
.footer {
    padding: 20px 0;
    text-align: center;
}
.footer span {
    color: #fff;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------OTHER----------------------------------------*/
/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
    .left-sidebar {
        float: none;
        width: 300px;
        margin: 0 auto;
    }
    .navbar-nav>li {
        display: block;
        max-width: 400px;
        margin: 0 auto;
    }
}

div#rightPanel{margin:5px 5px 5px 5px;min-height:500px;}