#MainBG {
    background-image: url("../MainGraphics/BrantBG.jpg");
    width: 100%;
    height: 100%;
    padding-top: 25px;
}

.carousel-caption {
    position: relative;
    left: auto;
    right: auto;
}

.SliderText {

    background-color: #1f97c7;
}

#ContentBox {

    background-color: #d7dadd;
    -webkit-box-shadow: 10px 10px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px rgba(0,0,0,0.75);
}

.InfoBlock {

    background-color: #d7dadd;
    margin-bottom: 25px;
}

.InfoHeader {
    background-color: #3db2e1;
}

.PostingButton {
    text-align: center;
    border: thin solid #ffffffff;
    background-color: #3db2e1;
    width: 125px;
    display: inline-block;
    margin-top: 10px;
    margin-left: 25px;
    border-radius: 25px;
    margin-bottom: 15px;
    text-decoration: none;
    color: #000000;
}

.PostingButton:hover {
    background-color: #3B71EF;
    text-decoration: none;
}

.StaffList{
    color: black;
    font-size: medium;
    float: left;
    height: auto;
    padding: 5px;
}

.Staff {
	width: 100%;
	clear: both;
	/* [disabled]background-color: #3db2e1; */
	font-family: "Arial Black", arial-black, Arial;
	color: #000;
	font-weight: normal;
	font-size: 1em;
	letter-spacing: 0.1em;
	text-align: left;
	padding-top: 20px;
}

.footer {
    position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear:both;
    padding-top:20px;
}

.navbar-header {

    color: #ffffff;
    float: none;
    border-radius: 5px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    background: #3db2e1;
    background: -o-linear-gradient(top, #69c4e8, #21a1d4);
    background: -ms-linear-gradient(top, #69c4e8, #21a1d4);
    background: -webkit-linear-gradient(top, #69c4e8, #21a1d4);
    background: -moz-linear-gradient(top, #69c4e8, #21a1d4);
    background: linear-gradient(to bottom, #69c4e8, #21a1d4);
    box-shadow: inset 0 -3px 0 #1f97c7, inset 0 -3px 3px #1f9acc, inset 0 2px 2px #9ad7ef, inset 1px 0 2px #22a4d9, inset -1px 0 2px #22a4d9, 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.06), 0 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);
}

.navbar .navbar-nav {
    display: inline-block;

    float: none;
    border-radius: 5px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    background: #3db2e1;
    background: -o-linear-gradient(top, #69c4e8, #21a1d4);
    background: -ms-linear-gradient(top, #69c4e8, #21a1d4);
    background: -webkit-linear-gradient(top, #69c4e8, #21a1d4);
    background: -moz-linear-gradient(top, #69c4e8, #21a1d4);
    background: linear-gradient(to bottom, #69c4e8, #21a1d4);
    box-shadow: inset 0 -3px 0 #1f97c7, inset 0 -3px 3px #1f9acc, inset 0 2px 2px #9ad7ef, inset 1px 0 2px #22a4d9, inset -1px 0 2px #22a4d9, 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.06), 0 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);
}


.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
    color: #2529fe;

}
.navbar-collapse ul ul li a {
    /* width: 180px;
     padding: 12px 25px; */
    font-size: 13px;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-decoration: none;
    background: #3db2e1;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
.navbar-collapse >ul>li>a {

    padding: 20px 15px;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#MenuBar > ul > li:hover > a,
#MenuBar > ul > li > a:hover,
#MenuBar > ul > li.active > a {
    color: #2529fe;
}
.dropdown-submenu{
    position:relative;

}
.dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;


}

.dropdown-submenu>a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu.pull-left{
    float:none;
}

@media (min-width: 1200px) {
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
        background-color: blue;

    }

    .dropdown:hover > .dropdown-menu {
        display: block;
        color: #2529fe;
    }
    .navbar .navbar-collapse {
        text-align: center;
    }
}

.dropdown-submenu:hover>a:after{
    border-left-color:#ffffff;
    color: #2529fe;
}



.dropdown-submenu.pull-left>.dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
    background-color: blue;
}

.dropdown-menu {
    float: right;
    border-radius: 9px;
    background: #3db2e1;
    background: -webkit-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -ms-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -moz-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -o-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: linear-gradient(to bottom, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    box-shadow: inset 0 -1px 1px #209ed0, inset 0 2px 1px #7fcceb;
    /*  background-size: 36px 36px;
      background-position: 0 0;
      background-repeat: no-repeat; */
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .nav {
        display: table-row;
        width: 100%;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

}

/*
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu #menu-button {
    display: none;
}
#cssmenu {
    width: auto;
    border-radius: 5px;
    font-family: 'Open Sans', Helvetica, sans-serif;
    background: #3db2e1;
    background: -o-linear-gradient(top, #69c4e8, #21a1d4);
    background: -ms-linear-gradient(top, #69c4e8, #21a1d4);
    background: -webkit-linear-gradient(top, #69c4e8, #21a1d4);
    background: -moz-linear-gradient(top, #69c4e8, #21a1d4);
    background: linear-gradient(to bottom, #69c4e8, #21a1d4);
    box-shadow: inset 0 -3px 0 #1f97c7, inset 0 -3px 3px #1f9acc, inset 0 2px 2px #9ad7ef, inset 1px 0 2px #22a4d9, inset -1px 0 2px #22a4d9, 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.06), 0 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);
}
#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}
#cssmenu.align-center ul ul {
    text-align: left;
}
#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}
#cssmenu.align-right > ul > li {
    float: right;
}
#cssmenu.align-right ul ul {
    text-align: right;
}
#cssmenu > ul > li {
    float: left;
}
#cssmenu > ul > li > a {
    padding: 20px 18px;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
    color: #2529fe;
}
#cssmenu > ul > li.has-sub > a {
    padding-right: 40px;
}
#cssmenu ul > li.has-sub > a:after {
    content: '';
    position: absolute;
    right: 22px;
    top: 17.5px;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #3db2e1;
    background: -webkit-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -ms-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -moz-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -o-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: linear-gradient(to bottom, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    box-shadow: inset 0 -1px 1px #209ed0, inset 0 2px 1px #7fcceb;
    background-size: 36px 36px;
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub:hover > a:after {
    background-position: 0 -18px;
}
#cssmenu ul > li.has-sub > a:before {
    content: '';
    position: absolute;
    right: 28px;
    top: 25.5px;
    display: block;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-top-color: #ffffff;
    z-index: 99;
}
#cssmenu ul > li.has-sub:hover > a:before {
    border-top-color: #19799f;
}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    opacity: 0;
    -webkit-transition: top .2s ease, opacity .2s ease;
    -moz-transition: top .2s ease, opacity .2s ease;
    -ms-transition: top .2s ease, opacity .2s ease;
    -o-transition: top .2s ease, opacity .2s ease;
    transition: top .2s ease, opacity .2s ease;
    z-index: 100;
}
#cssmenu > ul > li > ul {
    top: 91px;
    padding-top: 8px;
    border-radius: 5px;
}
#cssmenu > ul > li:hover > ul {
    left: auto;
    top: 51px;
    opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
    right: 0;
}
#cssmenu ul ul ul {
    top: 40px;
}
#cssmenu ul ul > li:hover > ul {
    top: 0;
    left: 178px;
    padding-left: 10px;
    opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
    left: auto;
    right: 178px;
    padding-left: 0;
    padding-right: 10px;
    opacity: 1;
}
#cssmenu ul ul li a {
    width: 180px;
    padding: 12px 25px;
    font-size: 13px;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-decoration: none;
    background: #3db2e1;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li > a:hover,
#cssmenu ul ul li.active > a {
    color: #2529fe;
}
#cssmenu ul ul li:first-child > a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: inset 0 2px 2px #88d0ed;
}
#cssmenu ul ul li:last-child > a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: inset 0 -3px 0 #27a9de, inset 0 -3px 3px #1f9acc, 0 1px 1px rgba(0, 0, 0, 0.03), 0 2px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.13);
}
#cssmenu ul ul > li.has-sub > a:after {
    right: 12px;
    top: 9.5px;
    background: #3db2e1;
    background: -webkit-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -ms-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -moz-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -o-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: linear-gradient(to bottom, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    box-shadow: inset 0 -1px 1px #209ed0, inset 0 2px 1px #7fcceb;
    background-size: 36px 36px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
#cssmenu.align-right ul ul > li.has-sub > a:after {
    right: auto;
    left: 12px;
}
#cssmenu ul ul > li.has-sub:hover > a:after {
    background-position: 0 -18px;
}
#cssmenu ul ul > li.has-sub > a:before {
    top: 15.5px;
    right: 16px;
    border-top-color: transparent;
    border-left-color: #ffffff;
}
#cssmenu.align-right ul ul > li.has-sub > a:before {
    top: 15.5px;
    right: auto;
    left: 16px;
    border-top-color: transparent;
    border-right-color: #ffffff;
    border-left-color: transparent;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
    border-top-color: transparent;
    border-left-color: #1c89b5;
}
#cssmenu.align-right ul ul > li.has-sub:hover > a:before {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: #1c89b5;
}
#cssmenu.small-screen {
    width: 100%;
}
#cssmenu.small-screen ul,
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul,
#cssmenu.small-screen > ul > li > ul,
#cssmenu.small-screen > ul > li:hover > ul,
#cssmenu.small-screen ul ul li:hover > ul,
#cssmenu.small-screen ul ul ul li:hover > ul,
#cssmenu.small-screen.align-right ul ul,
#cssmenu.small-screen.align-right ul ul li:hover > ul,
#cssmenu.small-screen.align-right ul ul ul li:hover > ul {
    position: relative;
    left: 0;
    right: auto;
    top: 0;
    width: 100%;
    display: none;
    padding: 0;
    opacity: 1;
    text-align: left;
}
#cssmenu.small-screen ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu.small-screen > ul > li > a,
#cssmenu.small-screen ul ul li a,
#cssmenu.small-screen ul ul li:first-child > a,
#cssmenu.small-screen ul ul li:last-child > a {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    background: none;
}
#cssmenu.small-screen ul li a {
    padding-left: 12.5px;
}
#cssmenu.small-screen ul ul li a {
    padding: 14px 25px 14px 27.5px;
}
#cssmenu.small-screen ul ul ul li a {
    padding-left: 42.5px;
}
#cssmenu.small-screen ul ul ul ul li a {
    padding-left: 57.5px;
}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul li.has-sub > a:after,
#cssmenu.small-screen ul ul li.has-sub > a:before {
    display: none;
}
#cssmenu.small-screen #menu-button {
    position: relative;
    display: block;
    padding: 20px;
    padding-left: 12.5px;
    cursor: pointer;
    font-size: 13px;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#cssmenu.small-screen .submenu-button {
    position: absolute;
    right: 0;
    display: block;
    width: 53px;
    height: 53px;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    z-index: 10;
    cursor: pointer;
}
#cssmenu.small-screen ul ul .submenu-button {
    height: 41px;
}
#cssmenu.small-screen ul .submenu-button:after,
#cssmenu.small-screen #menu-button:after {
    content: '';
    position: absolute;
    right: 12.5px;
    top: 12.5px;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 15px;
    background: #3db2e1;
    background: -webkit-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -ms-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -moz-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: -o-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    background: linear-gradient(to bottom, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);
    box-shadow: inset 0 -1px 1px #209ed0, inset 0 2px 1px #7fcceb;
    background-size: 56px 56px;
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
#cssmenu.small-screen ul .submenu-button.submenu-opened:after,
#cssmenu.small-screen #menu-button.menu-opened:after {
    background-position: 0 -28px;
}
#cssmenu.small-screen ul ul .submenu-button:after {
    top: 6.5px;
}
#cssmenu.small-screen #menu-button:before,
#cssmenu.small-screen .submenu-button:before {
    content: '';
    position: absolute;
    right: 22.5px;
    top: 25.5px;
    display: block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    z-index: 99;
}
#cssmenu.small-screen ul ul .submenu-button:before {
    top: 19.5px;
}
#cssmenu.small-screen #menu-button.menu-opened:before,
#cssmenu.small-screen .submenu-button.submenu-opened:before {
    border-top-color: #19799f;
}
#cssmenu.small-screen.select-list {
    padding: 5px;
}
*/
