@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", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #666;
    line-height: 150%;
}

a img {
    border: 0px;
}
.widgetitem iframe{
    max-width: 100%;
}
/*------------------------------Container Alignments--------------------------------------------*/

#skip-navigation {
    background: #bd0101;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

#skip-navigation:focus {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 99999;
}

.innercontainer {
    max-width: 1160px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.outercontainer {
    width: 100%;
    position: relative;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.innercontainer.full {
    max-width: 1050px;
}

.full {
    padding: 30px 70px 30px 50px;
}

.clearfloat {
    clear: both;
}

.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;
}

#topnavwrapper:before {
    position: absolute;
    content: "";
    width: 100%;
    display: block;
    z-index: 3;
    bottom: 0;
}

#topnav {
    min-height: 10px;
}


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

#headerwrapper {
    min-height: 10px;
    z-index: 3;
    transition: all .5s ease;
    padding-bottom: 20px;

}

#header {
    min-height: 50px;
    top: 0px;
    position: relative;
    z-index: 1;
}


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

#header .header-left {
    position: absolute;
    top: -38px;
    left: 0;
    width: 321px !important;
}

#header .header-left .eztext_area {
    height: inherit;
}

#header .header-left img {
    max-width: 100%;
    height: auto;
}


/*-----------Right Column in Header-----------*/

#header .ezlayout2Col2 {
    margin: 0 0 0 auto !important;
    float: right;
}

#header .header-right {
    float: right;
    /*width:initial pushes menu to right*/
}


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

#header .mainmenu {
    position: relative;
    top: 14px;
    z-index: 9999;
}
#header .mainmenu div {
    z-index: 8000 !important;
}


/*Removes underline in dropdown menu in main menu*/

#header ul.rmHorizontal,
#header ul.rmHorizontal ul li a {
    text-decoration: none !important;
}


/*Removes border on mobile menu*/

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


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

.highlight img {
    filter: progid: dximagetransform.microsoft.alpha(opacity=100);
    opacity: 100;
}

.highlight:hover img {
    filter: progid: dximagetransform.microsoft.alpha(opacity=75);
    opacity: 0.7;
}
#breadcrumbin{
    padding: 5px 20px;
}
#breadcrumb .RadSiteMap .rsmFlow{
    text-align: right;
    padding: 0px;
}
#breadcrumb .RadSiteMap .rsmFlow a:hover{
    text-decoration: underline !important;
}

#breadcrumb .RadSiteMap .rsmFlow .rsmLink{
    font-size: 15px !important
}
#contentwrapper {
    min-height: 800px;
    padding-top: 40px;

}

#contentwrapperin {
    min-height: 600px;
    margin-top: 10px;
    position: relative;
    z-index: 2;
}

#contentwrapperin {
    padding-bottom: 40px;
}

#contentwrapperin.secondary,
#contentwrapperin.full {
    background: #fff;
    margin-bottom: 40px;
}


/*Removes text decorations from all links within a list (basically menus)*/

#contentwrapper ul li a {
    text-decoration: none !important;
}

#contentwrapper .eztext_area ul li a {
    text-decoration: underline !important;
    font-size: 16px !important;
}

#contentwrapper .eztext_area ul li:hover a,
#contentwrapper .eztext_area ul li:hover span {
    text-decoration: none !important;
}

#contentwrapperin .eztext_area img {
    max-width: 100%;
    height: auto;
}


/*-----------Hompage Tabs-----------*/

#contentwrapper .tab-content {
    min-height: 400px;
    border: 0px !important;
    position: relative;
    top: 12px;
    padding: 5px 10px 10px 10px;
    min-height: 550px;
}

#contentwrapper .tab-content.tab2,
#contentwrapper .tab-content.tab3,
#contentwrapper .tab-content.tab4 {
    padding: 5px 30px 100px 30px;
}

#contentwrapper .tab-content.tab2 .quicklinks img {
    max-width: 289px !important;
    /*IE11 and below Hack*/
    width: auto !important;
    /*IE*/
    max-width: initial !important;
}


/*--------------------------------Secondary Templates---------------------------------------------*/

#contentleft {
    width: 25%;
    min-height: 50px;
}

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

#contentright {
    width: 73%;
    min-height: 100px;
    margin-left: 20px;
}

#contentrightin {
    width: 98%;
    min-height: 50px;
    padding-bottom: 20px;
}


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

#footermenu {
    min-height: 10px;
    padding: 13px 0;
}
#footermenu .widgetitem{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
#footerwrapper {
    min-height: 200px;
    padding-bottom: 20px;
}

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

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

#footer div {
    word-wrap: break-word;
}


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

#eztagwrapper {
    min-height: 50px;
}

#eztag {
    width: 90%;
    line-height: 50px;
    color: #fff;
}

.eztask > a {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}


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

#header #searchbox {
    width: 100%;
    max-width: 320px;
    position: relative;
    margin: 0 0 0 auto;
}

#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: 80%;
    margin: 0 0 0 auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 35px;
    display: table;
    vertical-align: middle;
    float: none;
}

#header #searchbox .input-wrapper input {
    height: 35px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

#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;
    border: 0;
    padding: 0;
    cursor: pointer;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    width: 15%;
    right: 0px;
    top: 5px;
}

#header #searchbox .input-wrapper button::-moz-focus-inner {
    border: 0;
    padding: 0;
}


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

@media screen and (max-width:1220px) {
    body {
        overflow-x: hidden;
    }
    #header,
    #topnav,
    #contentwrapperin,
    #footermenuin,
    #footer {
        width: 95%;
        margin: 0 2.5%;
    }
    #header .header-left {
        width: 33% !important;
    }
    #header .header-left img {
        max-width: 320px;
        height: auto;
        width: 100% !important;
    }
    /***HOMEPAGE TABS***/
    html .home-tabs .RadTabStrip_ezMetroTouch {
        font-size: 2.1vw;
    }
    html .home-tabs .RadTabStrip_ezMetroTouch .rtsUL {
        position: relative;
        left: 5%;
    }
    html .home-tabs .RadTabStrip_ezMetroTouch .rtsTxt {
        padding: 5% 10%;
        line-height: 40px;
        height: 60px;
    }
    html .home-tabs .RadTabStrip_ezMetroTouch .rtsLevel1 .rtsLink:not(.rtsSelected) {
        background-image: none;
    }
    #contentwrapper {
        padding-bottom: 30px;
        min-height: 400px;
    }
    #contentwrapper .tab-content {
        min-height: 200px;
    }
    #contentwrapper img {
        max-width: 100%;
        height: auto;
    }
    #contentwrapperin.full {
        margin: 0 3.5%;
        width: 90%;
        padding: 15px;
    }
    #footermenu p {
        text-align: center !important;
    }
}


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

@media screen and (max-width:700px) {
    body {
        overflow-x: hidden;
    }
    .innercontainer {
        width: 100%;
        margin: 0 auto;
    }
	#topnavwrapper{
		padding: 5px 0;
	}
    #topnav p {
        text-align: center !important;
    }
    #header {
        min-height: 20px;
        float: left;
        padding-top: 0px;
    }
    #header .header-left {
        position: relative;
        width: 100% !important;
        max-width: 100%;
        top: -6px;
		background-image:url("/templates/t_images/MobileLogo.png");
		background-repeat:no-repeat;
		background-position:center;
    }
    #header .header-left img {
		visibility:hidden;
        width: 300px !important;
        max-width: 100%;
        height: auto;
    }
    /*Mobile Logo*/
    .mobile-center {
        margin: 0 auto;
        display: block;
    }
    .mobile-center img {
        margin: 0 auto !important;
        display: block !important;
    }
    #headerwrapper.menu-is-sticky {
        height: 50px !important;
    }
    #headerwrapper.menu-is-sticky .rmRootToggle {
        position: relative;
        bottom: 30px;
    }
    #headerin {
        min-height: 20px;
    }
    .menu-is-sticky .header-left {
        display: none;
    }
    #header #searchbox {
        width: 80%;
        margin: 0 10%;
        max-width: none;
    }
    #header #searchbox .input-wrapper {
        width: 100%;
    }
    #header #searchbox .input-wrapper input {
        width: 100%;
    }
    #header #searchbox .input-wrapper button {
        right: 0px;
    }
    .rmRootToggle:after {
        content: "Main Menu";
        position: absolute;
        width: 180px;
        font-size: 30px;
        float: right;
        left: 45px;
        top: 5px;
    }
    #contentwrapper {
        min-height: 100px;
        padding-bottom: 20px;
    }
    #contentwrapperin {
        min-height: 100px;
        padding: 0;
    }
    #contentwrapper .tab2 img {
        width: 302px !important;
        height: auto;
        max-width: 100% !important;
    }
    #contentwrapper .tab-content.tab2 .quicklinks img {
        max-width: 99% !important;
    }
    #contentwrapperin.full {
        padding: 15px 10px;
        width: 92%;
        margin: 0 2.5%;
    }
    /***HOMEPAGE TABS***/
    html .home-tabs .RadTabStrip_ezMetroTouch {
        font-size: 8vw;
        height: initial !important;
    }
    .home-tabs .RadTabStripTop_ezMetroTouch .rtsLevel1 {
        border: 0px;
    }
    html .home-tabs .RadTabStrip_ezMetroTouch .rtsUL {
        left: 0;
    }
    .home-tabs .RadTabStrip .rtsLI {
        width: 100%;
    }
    .home-tabs .RadTabStrip .rtsLI {
        margin: 0px !important;
    }
    #contentleft,
    #contentright {
        width: 100%;
    }
    #contentleftin {
        width: 97%;
        float: left;
        min-height: 10px;
        padding: 1.5%;
        margin: 0;
    }
    #contentrightin {
        width: 97%;
        float: left;
        min-height: 10px;
        padding: 1.5%;
        margin: 0;
    }
	#footer{
		padding:0px;
	}
	#footer p{
		text-align:left !important;
	}
    #eztag {
        line-height: 24px;
		width:100%;
    }
    #eztag p,
    #eztag span {
        text-align: center !important;
    }
    #contentwrapper .btn1 {
        width: 93%;
    }
    #contentwrapper .btn2 {
        width: 93%;
    }
    #contentwrapper .btn3 {
        width: 87%;
    }
    #contentwrapper .btn4 {
        width: 93%;
    }
    #contentwrapper .headline {
        width: 97%;
    }
}