body { min-width: 320px; margin-left: 10%; margin-right: 10%; margin-top: 0; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif }
.header { height: 125px; width: 100%; border-radius: 5px; }
.header:hover { cursor: pointer }
.headerColumn2 {font-size: 1.4em;border-radius: 5px;background-image: url('Images/bannerEliasBlueGreenV2.png');background-repeat: no-repeat;height: 125px;width: 100%;color: #3a4189;/*text-shadow: 1px 1px 0 #2d5c90*/}
.navigation {border-radius: 5px;width: 19%;float: left;min-height: 320px;display: inline;}
/*.renderedArea { }*/
.panel { margin-left: 15px; text-align: center; float: left; border-radius: 5px; width: 320px; display: inline; }
.footer {clear: both;text-align: center;width: 100%;border-radius: 5px;color: #3a4189;font-size: 1em;}
.navigationSubheader1 {/*text-shadow: 1px 1px 0 grey, 2px 2px 0 white;*/width: 100%;text-indent: .5em;color: #3a4189;background-color: white;font-size: 2.0em;margin: 0;padding: 0;font-family: Tahoma;text-transform: capitalize;height: 30px;}
.navigationSubheader2 {/*text-shadow: 1px 1px 0 grey;*/text-indent: .7em;width: 100%;height: 32px;/*border-top: 2px solid lightgrey;*/border-bottom: #C0C0C0 2px solid;border-top-right-radius: 5px;border-top-left-radius: 5px;color: #3a4189;background-color: #A8E001;font-size: 19px;text-transform: lowercase;font-family: Tahoma;}
.navigationLinks {color: #3a4189;font-size: .90em;margin-top: 5px;background-color: #ececec;width: 100%;border-bottom: 2px solid lightgrey;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.navigationLinksIndent {margin: 7px;padding-left: 5px;font-family: Tahoma;/*font-size: 1.1em;    font-family: Tahoma*/}

a:link, A:active, A:visited {text-decoration: none;}
a:link {color: #4065AF;}
a:visited {color: #4065AF;}
a:hover {color: #0AA8CB;}

.displayInline {display: inline-block;height:82px;}
.usBankLogo {display: inline-block;text-decoration: underline; cursor: pointer}
.navigationButton {width: 100%;background-color: #3a4189;color: white;font-weight: bold;}
.navigationButtonFull {width: 100%;background-color: #3a4189;color: white;font-weight: bold;}
.subheader1 {text-shadow: 1px 1px 0 grey, 2px 2px 0 white;width: 100%;color: #3a4189;background-color: white;font-size: 1.75em;text-align: center;}
.subheader2 {text-shadow: 1px 1px 0 grey;width: 100%;border-top: 2px solid grey;border-bottom: 2px solid grey;border-top-right-radius: 5px;border-top-left-radius: 5px;color: white;background-color: #3a4189;font-size: 1em;text-align: center;}
.panelContent {color: #3a4189;font-size: 1em;padding: 2px;margin-top: 5px;background-color: #eeeeee;border-bottom: 2px solid lightgrey;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.panelMessage { margin-left: 10px; float: left; border-radius: 5px; width: 320px; }
.panelFooterMessage {margin-left: 10px;float: left;border-radius: 5px;width: 390px;font-size: 0.87em;}
input { border-radius: 5px; height: 25px; width: 98%; border-top: 1px solid lightgrey; border-left: 1px solid lightgrey; border-bottom: 2px solid grey; border-right: 2px solid grey; }
label { font-size: 1em; color: black; font-weight: bold; }
form { text-align: left; }
/*a { text-decoration: none;    color: #3a4189;}
    a:visited {color: #3a4189;    }*/
#DhsLogo { display: inline; float: left; font-size: 3pt; }
.dhsDropDownMenu { display: none; float: left; font-size: 3pt; }
#FullTitle { display: normal; }
#ShortTitle { display: none; }
#header:hover { cursor: pointer }
.panelSpacer { float: left; }
.menu {font-size: 1.25em;color: #3a4189;/*text-shadow: 1px 1px 0 #3a4189*/}
.logoSpace {background: transparent url('../Image/IowaBlockLogo.jpg') no-repeat;float: left;width: 100%;height: 135px;margin-left: 0;margin-top: 0;padding: 0;font-size: 11px;text-decoration: none;}
.pageMessage { height: 136px;text-align: justify;font-size: 1.6em;padding: 10px;width: 600px; color:red}
.pageHeader { height: 50px; }
.page1content {align-content: center;width: 600px;background: white;color: #3a4189;display: inline;float: left;}
.page1heading {font-size: 1.72em;text-align: center;/*text-shadow: 1px 1px 0 grey;*/color: #3a4189;}
.programLogo { width: 290px;text-align: center; }
.program-logoInline {display: inline-block;position: relative;width: 290px;vertical-align: top;font-size: 16px;}
.displayInline {display: inline-block;height: 17px;}
.HawkiLink {text-decoration: underline;text-align: right;cursor: pointer;}
.usBankUrl {text-decoration: underline;text-align: left;cursor: pointer}
@media only screen and (max-width: 1024px) {
    body { margin-left: 0; margin-right: 0; }
}

@media only screen and (max-width: 500px) {
    body { margin-left: 0; margin-right: 0; }
    #FullTitle { display: none; }
    #ShortTitle { display: inline; }
    .panel { text-align: center; float: left; border-radius: 5px; width: 95%; display: inline; height: auto; }
    .pageMessage {
        height: auto;
        text-align: justify;
        font-size: 1.40em;
        padding: 10px;
        width: auto;
        color: red
    }
    .navigation {
        margin-left: 0;
        float: left;
        border-radius: 5px;
        width: 100%;
        height: auto;
    }
    .panelContent {
        margin-bottom: 50px;
        width: 100%;
        color: #3a4189;
        margin-top: 5px;
        background-color: #eeeeee;
        border-bottom: 2px solid lightgrey;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        height: auto;
    }
    .page1heading {
        font-size: 1.20em;
        text-align: center;
        /*text-shadow: 1px 1px 0 grey;*/
        width: 100%;
        color: #3a4189;
    }

    .program-logoInline {        
       width: 180px;
         
    }
    .programLogo {
        width: 240px;
          
    }
     
    .headerColumn2 {
        font-size: 1.50em
    }
    input { height: 35px; }
    label { font-size: 1.15em; color: black; font-weight: bold; }
    .program-logoInline {font-size: 14px}
}

@media only screen and (max-width: 499px) {
    body { margin-left: 0; margin-right: 0; }
    #FullTitle { display: none; }
    #ShortTitle { display: inline; }
    .panel {
        text-align: center;
        float: left;
        border-radius: 5px;
        width: 95%;
        display: inline;
        height: auto;
    }
    #DhsLogo { display: none; float: left; font-size: 3pt; }
    .dhsDropDownMenu { display: inline; float: left; font-size: 1em; width: 50px; color: black; text-shadow: 1px 1px 0 grey }
    .navigation { margin-left: 0; float: left; border-radius: 5px; width: 100%; height: auto; }
    .header { margin: 0 0 5px 0; font-size: 1em; }
    .footer { clear: both; }
    .navigation { display: none; }
    .panelSpacer { display: none; }
    .desktop { display: none; }
    .headerColumn2 { height: 125px; width: 100%; }
    .pageMessage {
        height: auto;
        text-align: justify;
        font-size: 1.40em;
        padding: 10px;
        width:auto;
        color: red
    }
    .page1content {
        align-content: center;
        width: 100%;
        background: white;
        color: #3a4189;
    }
    .pageHeader { height: 20px; }
    .page1heading {
        font-size: 1.20em;
        text-align: center;
        /*text-shadow: 1px 1px 0 grey;*/
        width: 100%;
        color: #3a4189;
    }
    .pageMessage { height: 100%;text-align: center;font-size: 0.9em;padding: 10px;width: 100%;}
    .program-logoInline {font-size: 14px}
}
.validation-summary-errors {
    /*border: 2px solid red;*/
    /*color: red;*/
    color: #BF4B27;
    font-weight: bold;
    /*  margin: 6px;
   width: 30%;*/
}

.field-validation-error {
    color: #BF4B27;
    font-weight: bold;
    font-size: 1.00em;
}

.input-validation-error {
    /*color: red;
    background-color: red;*/
    border: 2px solid red;
    /*width: 30%;*/
}