@import url(https://fonts.googleapis.com/css?family=Muli);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);

html, body {
    margin: 0px;
    height: 100%;
}

body {
    font-family: Noto Sans, sans-serif;
    font-size: 16px;
    color: #000000;
    background: #fff;
}

a:link, a:visited {
	color: #336488;
	text-decoration: underline;
}

a:hover, a:active {
	color: #5292BF;
	text-decoration: none;
}

.contact-img {
	float: right;
}
@media(max-width:991px){
	.contact-img {
		float: none;
		margin: 20px auto;
	}
}

.loginLinBreak::after {
    content: ' ';
    white-space: normal;
}
.loginExtraClass {
    text-align:right;
    display: inline;
}

/*********************************/
/*** header ****/
/*********************************/
#header-top-line {
    height: 8px;
    background-color: #5292BF;
}

#logo {
    display: block;
    margin: 15px 0;
}

#header-login {
	font-family: Muli, sans-serif;
    text-align: right;
}

#header-login-links {
    background-color: #5292BF;
    color: #fff;
    font-size: 16px;
    margin-right: 25px;
    display: inline-block;
    padding: 3px 10px;
}

#header-login-links a, #header-login-links a:link, #header-login-links a:visited {
    color: #fff;
    line-height: 30px;
    text-decoration: none;
    padding: 0 5px;
}

#header-login-search a {
    font-size: 16px;
    color: #fff;
    background-color: #5292BF;
    display: inline-block;
    padding: 3px 10px;
    line-height: 30px;
}

#header-login a:hover {
    color: #eee;
}

.headerInner {
	height: 200px;
	background-size: cover;
	background-position: top center;
}

@media (max-width: 991px) {
	.headerInner {
		height: 100px;
	}
}

/*********************************/
/*** Navigation ****/
/*********************************/

#navbg {
    background: #5292BF;
}

.navbar {
    position: relative;
    background-color: transparent;
	font-family: Muli, sans-serif;
    font-size: 16px;
    border: none;
    margin-bottom: 0;
}
.navbar .navbar-collapse {
    padding-left: 0;
}

@media (min-width: 992px) {
    .fixednavbg {
        position: fixed;
        top: 0;
        z-index: 99999;
        width: 100%;
    }

    .navbar > .container-fluid {
        padding-left: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar, #navbg {
        min-height: 50px;
    }

    .navbar-nav > li:first-child > a {
        padding-left: 0;
    }

    /* Color of main nav text */
    .nav > li > a {
        color: #fff !important;
        font-weight: normal;
        background: transparent !important;
        padding: 0 15px;
        text-decoration: none;
        line-height: 50px;
    }

    /* Color of main nav on hover, along with the hover color of the bar that appears below text */
    .nav > li:hover > a {
        color: #eee !important;
    }

    /* Color of caret on main nav */
    .nav li.dropdown > .dropdown-toggle .caret, .navbar .nav li.dropdown > a:hover .caret, .nav li.dropdown > a:focus .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }

    /* Color of drop down menu text */
    .nav li ul li a {
        color: #747678;
    }

    /* Color of drop down menu text hover */
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
        color: #000 !important;
    }

    /* Color of drop down background */
    .nav li ul {
        background: #f5f7f8;
    }

    /* Border around drop down menu */
    .nav li:hover ul {
        border: 1px solid #d9dddf;
    }

    /* Color of border on bottom of drop down nav text */
    .nav li ul li {
        border-bottom: 1px solid #d9dddf;
    }

    .nav > li:last-child > a {
        background: transparent !important;
    }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        border-color: #fff;
    }

    .open > .dropdown-menu {
        display: none;
    }

    /* Dropdowns */
    .dropdown-menu {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .nav li ul {
        display: none;
        z-index: 99;
        margin: 0px;
        padding: 10px 20px 10px 20px;
        background: #f5f7f8;
    }

    .nav li:hover ul {
        position: absolute;
        display: block;
        list-style-type: none;
    }

    .nav li ul li {
        font-size: 13px;
        margin: 0px;
        padding: 0px;
        width: 160px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
        border-bottom: 1px solid #d9dddf;
    }

    .nav li ul li:last-child {
        border-bottom: none;
    }

    .nav li ul li a {
        color: #747678;
        padding: 10px 0px 10px 0px;
        margin: 0px;
        display: block;
        text-decoration: none;
    }

    .nav li ul li:hover a {
        color: #0044AA;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background: none;
    }
}

@media (max-width: 991px) {
    a.navbar-brand {
        color: #777;
        text-shadow: none;
        text-decoration: none;
    }

    /* Color for main nav links on small responsive
       Color of Background rollover
    */
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #000;
        text-decoration: none;
        font-weight: normal;
    }

    /* Color of caret on responsive */
    .nav li.dropdown > .dropdown-toggle .caret, .navbar .nav li.dropdown > a:hover .caret, .nav li.dropdown > a:focus .caret {
        border-top-color: #333;
        border-bottom-color: #333;
    }

    /* Color of nav text when you hover AND background hover */
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #000;
        background: #f2f2f2;
    }

    .navbar-header {
        display: block;
    }

    #navbg {
        background: none;
    }

    #logo {
        margin: 15px auto;
        text-align: center;
    }

    #header-login {
		text-align: center;
    }

    #header-login-links {
        margin-right: 0px;
        padding: 0;
        background-color: #fff;
        color: #000;
    }

    #header-login-links a, #header-login-links a:link, #header-login-links a:visited {
        color: #000;
        margin-right: 0;
    }

    #header-login-search a {
        background-color: #fff;
        color: #000;
        padding: 0;
    }
}

/*********************************/
/*** Social Media ****/
/*********************************/

#socialicons {
    text-align: right;
    float: right;
    height: 50px;
}

#socialicons a {
    margin-left: 5px;
}

.social-network {
    display: inline-block;
    width: 25px;
    height: 50px;
    border: 0 !important;
}

.social-network.facebook, .social-network.twitter, .social-network.google, .social-network.nextdoor {
    background-position: 0 0;
}

.social-network.twitter:hover, .active .social-network.twitter, .social-network.facebook:hover, .active .social-network.facebook, .social-network.google:hover, .active .social-network.google, .social-network.nextdoor:hover, .active .social-network.nextdoor {
    background-position: 0 -49px;
}

/* facebook */
.social-network.facebook {
    background: url(/grfx/icon_social_facebook.png) no-repeat top left;
}

/* twitter */
.social-network.twitter {
    background: url(/grfx/icon_social_twitter.png) no-repeat top left;
}

/* Google */
.social-network.google {
    background: url(/grfx/icon_social_google.png) no-repeat top left;
}

/* Nextdoor */
.social-network.nextdoor {
    background: url(/grfx/icon_social_nextdoor.png) no-repeat top left;
}

@media (max-width: 991px) {
    #socialicons {
        float: none;
        text-align: center;
        display: inline-block;
        background: #5292BF;
        padding: 0 5px;
        margin: 10px 0;
    }
    .socialCenter {
        text-align: center;
    }
}

/*********************************/
/*** Hero ****/
/*********************************/
#hero {
    border-bottom: solid 8px #5292BF;
}

#front-page-feature-panel {
    background-color: #F7F7F7;
	padding-top: 35px;
	padding-bottom: 35px;
}

#front-page-feature-footer {
    padding: 15px 0;
    background-color: #626262;
}

#front-page-feature-text {
    font-family: 'Noto Sans', sans-serif;
    color: #fff;
    font-size: 19px;
    text-align: center;
    padding: 10px 0;
}

/*********************************/
/*** Footer ****/
/*********************************/
#footer {
    background: #5292BF;
    text-align: center;
    line-height: 25px;
    padding: 15px 0;
}

.copyright {
    color: #fff;
	font-size: 13px;
}

.copyright a, .copyright a:visited, .copyright a:link {
    color: #fff;
	text-decoration: none;
}
.copyright a:hover, .copyright a:active {
	text-decoration: underline;
}

/*********************************/
/*** Central Styles ****/
/*********************************/

.title {
	font-size: 28px;
	font-weight: normal;
	color: #336488;
	letter-spacing: 1px;
	padding-bottom: 20px;
	padding-top: 0;
}

.title2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFD9B3;
	text-shadow: 0 1px 0 #000;
	text-align: center;
	background-color: #5292BF;
	background-image: url(../grfx/bg_box.jpg);
	background-repeat: repeat-x;
}

.boldtext {
	color: #5292BF;
	font-weight: bold;
}

.boldtext2 {
	color: #333333;
	font-weight: bold;
}

.colortext {
	color: #336488;
}

.organizerrow {
    padding: 4px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #660000;
}

.organizerlight {
    background-color: #F2F4F7;
}

.dirviewrow {
    background-color: #F1F3F5;
}

.dirviewtitle, .calendarhead {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #28516F;
	padding-left: 10px;
}
.calendarhead > td {
	padding-left: 5px;
}

/*********************************/
/*** Accordion Boxes ****/
/*********************************/
.accordion .calendarhead {
	background: #28516F;
	font-size: 16px;
	font-weight: normal;
}

.accordion a:link.calendarhead, .accordion a:active.calendarhead  {
	color: #fff;
	text-decoration: none;
}
.accordion-section-title.active, .accordion-section-title:hover {
	background: #5292BF !important;
}

.accordion-section-content {
	background-color: #E8E8E8;
}

/*********************************/
/*** Call to Action Form ****/
/*********************************/

.cta-header {
	font-size: 24px;
	margin-bottom: 15px;
}
.cta-wrapper label {
	font-weight: normal;
	margin: 5px 0 7px;
	font-size: 18px;
}
.cta-wrapper input[type="text"], .cta-wrapper input[type="password"], .cta-wrapper textarea {
	border-radius: 0;
	background: #fff;
}
.cta-wrapper #submit {
	margin-top: 7px;
}
@media (max-width: 991px) {
    .mnw-sidebar {
        margin-top: 30px;
    }
}

/*********************************/
/*** Special Snowflake Clayton Styles ****/
/*********************************/
.day strong, .dirviewtitle strong, .calendarhead th, .calendarhead strong {
	font-weight: normal;
}
.padded-table {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 auto;
}

.padded-table td, .padded-table th {
    padding: 5px;
}