* {
    box-sizing: border-box;
}

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding:0;
    margin:0;
}

/**** width section ******/

.headerlogo { width:90%; max-width:1200px; }
.navlinks, .row, .footer { width:75%; max-width:800px; }
.columnleft { width:250px; }

/*** Font Sizes *********/
.orgcol a:link, .orgcol a:visited { font-size:24px; }
.formrow h1, .inforow h1 { font-size:24px; }
.entform {font-size:16px;}

/**** layout styles ******/

.header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
   
}
.headerlogo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.logo {
    flex-grow: 0;
}
.logo img{
    width:200px;
}
.logotext {
    flex-grow: 1;
    margin-left:15px;
    padding:15px 0 15px 15px;
    border-left:1px solid #0f3283;
    color:#0f3283;
}
.headerlinks {
    flex-grow:0;
}
.headerlinks a:link, .headerlinks a:visited {
    color: #0f3283;
    text-decoration: none;
    font-weight:bold;
}
.headerlinks a:link:not(:first-child) {
    padding-left:15px;
}
.headernav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #0f3283;
    padding:20px 0;
    border-bottom:10px solid #fce14a;
}
.navlinks {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.navlinks ul {
    display: flex;
    width:100%;
    list-style-type: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin:0;
    padding:0;
}
.headernav a:link, .headernav a:visited {
    color:#fff;
    text-decoration: none;
    padding:12px 0px;
}
#mobilemenu {display: none;}
.bodycontent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top:50px;
}
.row {
    display: flex;
    flex-direction: row;
}
.columnleft {
    flex-grow:0;
    flex-shrink:0;
}
.columnright {
    flex-grow:1;
    margin-left:35px;
    line-height:150%;
}
.columnfull {
width:100%;
}
.columnlefty {
flex-grow:1;
margin-right:35px;
}
.columnrighty {
    width:242px;
    flex-grow:0;
    flex-shrink:0;
}
.helloimg {
    width:100%;
    max-width:250px;
}
.orgcol {
    display:flex;
    flex-direction: row;
    border-top:1px solid #666;
    padding-top:35px;
}
.orgcol a:link, .orgcol a:visited {
    display:flex;
    flex-grow:1;
    align-items: center;
    text-decoration:none;
    font-weight:bold;
    color:#000;
}
.orgcol a img {
    margin-left:15px;
}
.formrow {
    padding-top:40px;
}
footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.footer {
    padding-top:50px;
}

/******* Yellow Box Styles **********/
.ybox {
    border:2px solid #fce14a;
    margin-bottom:15px;
}
.ybox__title {
    background-color:#fce14a;
    font-weight:bold;
    padding:7px 7px;
}
.cta { display:inline-block;background-color: #23ace0; color:#fff;padding:15px 25px;border-radius:8px;text-decoration: none;}

/****** Form Styles *********/
.entform {
    display: block;
}
.regtbl label {
    display:inline-block;
    font-weight:bold;
    padding:10px 0 10px;
}
.radio label {font-weight:normal}

/******* Helper Classes *************/
.p0 {padding:0;margin:0;}
.pt0 {
    padding-top:0;
    margin-top:0;
}
.pb0 {
    padding-bottom:0;
    margin-bottom:0;
}
.onlymobile {display:none;}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.form-control {
    display: inline-block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.element-center {text-align: center;}
/************ Mobile styles *********/
@media screen and (max-width:900px) {

    .orgcol a:link, .orgcol a:visited { font-size:20px; }
    .formrow h1, .inforow h1 { font-size:20px; }

    #mobilemenu {display: block;padding-top:15px;}
    .header {justify-content: flex-start; align-items: flex-start;}
    .headerlogo { width:100%; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .logotext {padding:0; margin:0; border:0; color:#000;}
    .navlinks, .row, .footer { width:100%; }
    .header, .navlinks, .row, .footer {padding-left:20px; padding-right:20px;}
    .headerlinks a:not(#mobilemenu) {display:none;}
    .headernav {
        position:absolute;
        display:none;
        top:60px; right:10px;
        z-index: 2;
        width:240px;
        padding:10px 10px;
        border-bottom:0;
    }
    .navlinks ul {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .navlinks a:link, .navlinks a:visited {display:block; padding:5px 0;}
    .columnleft { width:100%; }
    .columnright {margin-left:0;}
    .row {
        flex-direction: column;
    }
    .orgcol a img {margin-left:0px; width:60px;}

    .nomobile {display:none;}
    .onlymobile {display:flex;}
}