@import url("fancyfonts.css");
@import url("fonts.css?v=5.5.2018");
@import url("colors.css?v=5.5.2018");
@import url("font-awesome.css");
* {
    margin: 0;
}
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}
form {
    height: 100%;
}
body {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 16px;
}

/*------------------------------------------------------------------------Container Alignments--------------------------------------------------------------------------*/

.innercontainer {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}
.outercontainer {
    width: 100%;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.clearfloat {
    clear: both;
}

/*Like the clearfloat but you can used it as a class instead to keep the html clean*/

.clearfix:after {
    content: "";
    clear: both;
    visibility: hidden;
    display: block;
    height: 0;
}

/*Removes default 1px border if needed*/

.no-border,
.no-border .widgetitem {
    border: 0px !important;
}

/*Removes all top and bottom margin if needed*/

.no-margin,
.no-margin .widgetitem {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/*-------------------------------------------------------------------------------Top Navigation--------------------------------------------------------------------------*/

#topnavwrapper {
    min-height: 5px;
    max-height: 54px;
}
#topnav {
    min-height: 54px;
    position: relative;
    bottom: 8px;
}

/*-------------------------------------------------------------------------------Header--------------------------------------------------------------------------*/

#headerwrapper {
    min-height: 10px;
}
#header {
    min-height: 187px;
}

/*-------------------------------------------------------------------------------Menu--------------------------------------------------------------------------*/

#menuwrapper {
    position: relative;
    z-index: 1;
}
#menuwrapper:hover {
    z-index: 3;
}
#menuin {
    text-align: left;
}
#menuin ul {
    margin: 0;
    padding: 0;
    border: 0px;
}

/*Removes default 1px border from .widgetitem*/

#menuin div {
    border: 0px;
}
.rmRootToggle {
    border: 0px !important;
    box-shadow: none !important;
}

/*-------------------------------------------------------------------------------Main Content--------------------------------------------------------------------------*/

#contentwrapper {
    min-height: 100px;
    position: relative;
    z-index: 2;
}
#contentwrapperin {
    min-height: 600px;
    position: relative;
    z-index: 1;
}
#contentwrapperin_hp {
    width: 96%;
    padding: 2% 0;
}
#maincontent {
    width: 96%;
}
#contentwrapper.secondary #contentwrapperin {
    padding: 15px 0;
}

/*-------------------------------------------------------------------------------Buttons--------------------------------------------------------------------------*/

#buttons {
    padding: 15px 0px 60px 0px;
}

/*-------------------------------------------------------------------------------Hompage Left Content--------------------------------------------------------------------------*/

#homeleft_hp {
    width: 60%;
    min-height: 200px;
}
#homeleftin_hp {
    min-height: 200px;
}

/*-------------------------------------------------------------------------------Hompage Right Content--------------------------------------------------------------------------*/

#homeright {
    width: 40%;
    min-height: 200px;
}
#homerightin {
    min-height: 200px;
    width: 90%;
    float: none;
    margin: 0 0 0 auto;
}

/*-------------------------------------------------------------------------------Slideshow--------------------------------------------------------------------------*/

#slideshow {
    text-align: center;
}

/*-------------------------------------------------------------------------------Secondary Left Content--------------------------------------------------------------------------*/

#contentleft {
    width: 25%;
    min-height: 50px;
}
#contentleftin {
    width: 89%;
    margin: 0 auto;
    min-height: 50px;
    padding-bottom: 20px;
}

/*-------------------------------------------------------------------------------Secondary Left Content--------------------------------------------------------------------------*/

#contentright {
    width: 75%;
    min-height: 100px;
}

/*Needs floatleft class*/

#contentrightin {
    width: 96%;
    margin: 0 auto;
    min-height: 50px;
    padding-bottom: 20px;
}

/*--------------------------------------------------------------------------------------Mission--------------------------------------------------------------------------*/

#mission {
    padding: 30px 0;
}
#missionin {
    width: 80%;
}

/*--------------------------------------------------------------------------------------Footer--------------------------------------------------------------------------*/

#footerwrapper {
    min-height: 380px;
}
#footer {
    padding: 30px 0px 20px 0px;
    min-height: 50px;
}

/*Prevents all images in footer from overflowing out of container*/

#footer img {
    max-width: 100%;
}

/*--------------------Social Media Icons------------------------*/

#social-media {
    display: table;
    margin: 0 0 0 auto;
    color: #000067;
    padding-bottom: 60px;
}
#social-media span {
    display: table-cell;
    vertical-align: middle;
    margin-right: 7px;
}
#social-media i {
    margin: 0 3px;
}

/*-------------------------------------------------------------------------------ezTag-------------------------------------------------------------------------*/

#eztagwrapper {
    min-height: 50px;
}
#eztag {
    width: 90%;
    line-height: 50px;
}

/*-------------------------------------------------------------------------------Searchbox--------------------------------------------------------------------------*/

#header #searchbox {
    /*Sets a fixed and max width for the search this prevents the button from overflowing to the next line on different screen sizes*/
    width: 300px;
    max-width: 320px;
    /*This centers the search box on mobile screens*/
    margin: 40px 0 20px auto;
    position: relative;
    overflow: hidden;
}
#header #searchbox .cf:before,
.cf:after {
    content: "";
    display: table;
}
#header #searchbox .cf:after {
    clear: both;
}
#header #searchbox .cf {
    zoom: 1;
}
#header #searchbox .input-wrapper {
    width: 100%;
    /*   padding: 10px;  */
    margin: 0 0 0 auto;
    border-radius: 3px;
    height: 40px;
}
#header #searchbox .input-wrapper input {
    width: 100%;
    height: 30px;
    padding: 4px 1.5%;
    float: left;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}
#header #searchbox .input-wrapper input:focus {
    outline: 0;
}
#header #searchbox .input-wrapper input:-webkit-input-placeholder {
    /*--deprecated in new browsers*/
    font-weight: 400;
    font-style: italic;
}
#header #searchbox .input-wrapper input::-webkit-input-placeholder {
    font-weight: 400;
    font-style: italic;
}
#header #searchbox .input-wrapper input:-moz-placeholder {
    /*--deprecated in new browsers*/
    font-weight: 400;
    font-style: italic;
}
#header #searchbox .input-wrapper input::-moz-placeholder {
    font-weight: 400;
    font-style: italic;
}
#header #searchbox .input-wrapper input:-ms-input-placeholder {
    font-weight: 400;
    font-style: italic;
}
#header #searchbox .input-wrapper button {
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: inherit;
    width: auto;
    width: initial;
}
#header #searchbox .input-wrapper button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*-------------------------------------------------------------------------------Tablets--------------------------------------------------------------------------*/

@media screen and (max-width:1160px) {
    body {
        overflow-x: hidden;
        background-color: white;
    }
    #header #searchbox{
        width: 100%;
    }
    #contentwrapperin_hp {
        padding: 0px;
        width: 100%;
    }
    #slideshow {
        min-height: 550px;
        background: #7981af;
        background: -moz-linear-gradient(top, #000067 0%, #7981af 100%);
        background: -webkit-linear-gradient(top, #000067 0%, #7981af 100%);
        background: linear-gradient(to bottom, #000067 0%, #7981af 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000067', endColorstr='#7981af', GradientType=0);
        padding: 10px 0;
    }
    #slideshow .ezlayout2Col1,
    #slideshow .ezlayout2Col2 {
        width: 98% !important;
        padding: 0px;
        margin: 0 auto;
        max-width: 1160px;
        float: none;
    }
    #social-media {
        margin: 10px auto;
    }
    #contentwrapper.home #contentwrapperin {
        background: #ffffff;
    }
    .full {
        padding: 0px;
    }
    #header,
    #menu,
    #maincontent,
    #missionin,
    #footer,
    #eztag {
        width: 90%;
    }
}

/*-------------------------------------------------------------------------------Mobile--------------------------------------------------------------------------*/

@media screen and (max-width:700px) {
    body {
        overflow-x: hidden;
    }
    #header{
        padding:20px 0;
        min-height: 0px;
    }
    #header .imagesizeitLeft,
    #header .topnav .eztext_area p {
        text-align: center !important;
    }
    #header img{
        max-width: 100%;
    }
    #header #searchbox {
        width: 95%;
        margin: 20px auto;
    }
    #menuwrapper {
        background: #000061;
    }
    #menu .rmHorizontal > .rmItem > a,
    #menu .rmHorizontal > .rmItem > span {
        color: #fff;
    }
    #menu .RadMenu .rmRootToggle,
    #menu .RadMenu .rmRootToggle::after{
        color: #fff !important;
    }
    #contentwrapper,
    #contentwrapperin {
        min-height: 100px;
    }
    #maincontent{
        width:96%;
    }
    #homeleft_hp,
    #homeright {
        width: 97%;
        min-height: 10px;
        padding: 1.5%;
    }
    #contentleft,
    #contentright {
        float: left;
        width: 100%;
        min-height: 10px;
        padding: 0;
        margin: 0;
    }
    #homerightin{
        margin: 0 auto 0 0 ;
    }
    #contentleftin,
    #contentrightin {
        width: 97%;
        float: left;
        min-height: 10px;
        padding: 1.5%;
        margin: 0;
    }
    #footer .widgetitem div,
    #eztag .widgetitem div {
        text-align: left;
        margin: 0 auto;
    }
    #eztag {
        line-height: 24px;
    }
    #eztag p {
        text-align: left !important;
    }
    #contentwrapper .btn1,
    #contentwrapper .btn2,
    #contentwrapper .btn4 {
        width: 93%;
    }
    #contentwrapper .btn3 {
        width: 87%;
    }
    #contentwrapper .headline {
        width: 97%;
    }
}