/* CSS Document */
@media only screen and (max-width: 480px) {
#wrapper {
        text-align: center; /* for IE */
    }

    #content {
        text-align: left; /* reset text alignment */
        max-width: 1000px; /* or a percentage, or whatever */
        margin: 0 auto; /* for the rest */
        font-family: Arial, Helvetica, sans-serif;
        background-color: #FFF;
    }

    img {
        border: 0px none;
    }
    #banner {
        margin: 5px 0 5px 0;
        width: 100%;
    }
    .bannerImage {
        width: 240px;
        display:block;
        margin-left: auto;
        margin-right: auto;
    }
    .bannerRightForms {
        width: 100%;
        margin-top: 10px;
        margin-left:0 auto;
        margin-right:0 auto;
    }
    
    .rightbannertextForms {
        font-size: 1.2em;
        font-weight: bold;
        display:block;
        margin-left: auto;
        margin-right: auto;
        text-align:center;
    }
    /* below is for new member and Sally Joy nomination forms top banner */
    .bannerRightFormsOther {
        float:left;
        width: 100%;
        margin-top:10px;
        margin-left:0 auto;
        margin-right:0 auto;
    }
    .rightbannertextFormsOther {
        font-size: 1.3em;
        font-weight: bold;
        text-align:center;
    }
    #singleColumn {
        width: 100%;
        margin: 0 5px 0 5px;
    }
    .questHeader {
        font-weight: bold;
        clear: both;
        text-align: left;
        /*text-indent:1em;*/
        padding-left: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #B0C4DE;
    }

    .intro {
        clear: both;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        width: 100%;
        padding-top: 30px;
    }

    .header-text {
        font-weight: normal;
    }

    .text {
        clear: both;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        width: 100%;
        padding-top: 10px;
    }

    .text-italic {
        clear: both;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        width: 100%;
        padding-top: 10px;
        font-style: italic;
    }

    .quest1 {
        width: 100%;
    }

    .labels-1 {
        height: 15px;
        float: left;
        text-align: left;
        margin-bottom: 7px;
        width: 200px;
        margin-right: 5px;
        font-weight: normal;
    }

    .labels-2 {
        height: 25px;
        float: left;
        text-align: right;
        margin-bottom: 12px;
        width: 450px;
        margin-right: 5px;
    }
    .orgTypeLabel {
        height: 15px;
        float: left;
        text-align: left;
        margin-bottom: 7px;
        width: 200px;
        margin-right: 5px;
        font-weight: normal;
    }
    .fields-1 {
        height: 25px;
        float: left;
        margin-bottom: 20px;
        width: 100%;

        text-align: left;
    }
    .orgTypeField {
        height: 45px;
        float: left;

        margin-bottom: 20px;
        width: 100%;

    }

    .submitbutton {
        text-align: center;
        padding-bottom: 20px;
        padding-top: 20px;
        margin-left:0 auto;
        margin-right:0 auto;
    }
    .cbx {
        clear: both;
        text-align: left;
        max-width: 100%;
        margin-right: 3px;

        margin-left: 3px;
    }
    .errorDisplay {
        margin-left: 3px;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
        color: red;
    }

    .errorDisplayOrg {
        margin-left: 3px;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
    }
    .textEnter {
        clear: both;
        text-align: left;
        margin-bottom: 5px;
        margin-left: 5px;
        width: 100%;
    }
	.required {
		font-weight: bold;
		font-size: 1.2em;
		color: Red;
	}
}
/*==================================================================================*/
@media only screen and (min-width: 481px) and (max-width: 758px) {

#wrapper {
        text-align: center; /* for IE */
    }

    #content {
        text-align: left; /* reset text alignment */
        max-width: 1000px; /* or a percentage, or whatever */
        margin: 0 auto; /* for the rest */
        font-family: Arial, Helvetica, sans-serif;
        background-color: #FFF;
    }

    img {
        border: 0px none;
    }

#banner {
        margin: 5px 5px 5px 5px;
        width: 100%;
    }

    .bannerImage {
        /*float: left;
        width: 240px;
        margin-left:10px;*/
        width: 240px;
        display:block;
        margin-left: auto;
        margin-right: auto;
    }

    .bannerRightForms {
        /*max-width: 351px;
        margin-top: 45px;
        margin-right: 10px;
        float: left;*/
        width: 100%;
        margin-top: 10px;
        margin-left:0 auto;
        margin-right:0 auto;
    }
    
    .rightbannertextForms {
        font-size:1.2em;
        text-align:center;
        /*width:350px;*/
    }
    #singleColumn {
        width: 100%;
        margin: 0 10px 0 10px;
    }
    /* below is for new member and Sally Joy nomination forms top banner */
    .bannerRightFormsOther {
        float:left;
        width: 100%;
        margin-top:20px;
        margin-left:0 auto;
        margin-right:0 auto;
        text-align:center;
    }
    .rightbannertextFormsOther {
        font-size: 1.3em;
        font-weight: bold;
        text-align:center;
    }
    .questHeader {
        font-weight: bold;
        clear: both;
        text-align: left;
        /*text-indent:1em;*/
        padding-left: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #B0C4DE;
    }

    .intro {
        clear: both;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        width: 100%;
        padding-top: 30px;
    }

    .header-text {
        font-weight: normal;
    }

    .text {
        clear: both;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        width: 100%;
        padding-top: 10px;
    }

    .text-italic {
        clear: both;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        width: 100%;
        padding-top: 10px;
        font-style: italic;
    }

    .quest1 {
        width: 100%;
        clear:both;
    }

    .labels-1 {
        min-height: 25px;
        float: left;
        text-align: left;
        margin-bottom: 20px;
        /*width: 210px;*/
        width:160px;
        margin-right: 0;
        font-weight: normal;
    }

    .labels-2 {
        height: 25px;
        float: left;
        text-align: right;
        margin-bottom: 12px;
        width: 450px;
        margin-right: 5px;
    }
    .orgTypeLabel {
        height: 45px;
        float: left;
        text-align: left;
        margin-bottom: 20px;
        width: 160px;
        margin-right: 5px;
        font-weight: normal;
    }
    .fields-1 {
        min-height: 25px;
        float: left;
        margin-bottom: 20px;
        width: 60%;

        text-align: left;
    }
    .orgTypeField {
        height: 45px;
        float: left;
        margin-left:10px;
        margin-bottom: 30px;
        max-width: 580px;
        min-width:400px;
        text-align: left;
    }
    .submitbutton {
        text-align: center;
        padding-bottom: 20px;
        padding-top: 20px;
        margin-left:0 auto;
        margin-right:0 auto;
    }
    .cbx {
        clear: both;
        text-align: left;
        max-width: 100%;
        margin-right: 3px;

        margin-left: 3px;
    }
    .errorDisplay {
        margin-left: 3px;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
        color: red;
    }

    .errorDisplayOrg {
        margin-left: 3px;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
    }
    .textEnter {
        clear: both;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        margin-left: 5px;
        width: 100%;
    }
	.required {
		font-weight: bold;
		font-size: 1.2em;
		color: Red;
	}
}
/*==================================================================================*/
@media only screen and (min-width: 759px) {
    #wrapper {
        text-align: center; /* for IE */
    }

    #content {
        text-align: left; /* reset text alignment */
        max-width: 800px; /* or a percentage, or whatever */
        margin: 0 auto; /* for the rest */
        font-family: Arial, Helvetica, sans-serif;
        background-color: #FFF;
    }

    img {
        border: 0px none;
    }
    #banner {
        margin: 10px 10px 10px 10px;
        max-width: 800px;
        height: 150px;
    }

    .bannerImage {
        float: left;
        width: 240px;
        margin-left:20px;
    }

    .bannerRightForms {
        float:right;
        max-width: 670px;

        margin-top:40px;
        margin-left:0 auto;
        margin-right:0 auto;
        text-align:center;
    }
    
    .rightbannertextForms {
        font-size: 1.3em;
        /*font-weight: bold;*/
        text-align:left;
    }
    /* below is for new member and Sally Joy nomination forms top banner */
    .bannerRightFormsOther {
        float:left;
        max-width: 570px;
        margin-top:70px;
        margin-left:30px;
        margin-right:0 auto;
        text-align:center;
    }
    .rightbannertextFormsOther {
        font-size: 1.3em;
        font-weight: bold;
        text-align:left;
    }
    .bannertext {
        font-size: 20px;
    }
    #singleColumn {
        width: 100%;
        margin: 0 10px 0 10px;
    }
    .questHeader {
        font-weight: bold;
        clear: both;
        text-align: left;
        /*text-indent:1em;*/
        padding-left: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #B0C4DE;
    }

    .intro {
        clear: both;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        max-width: 800px;
        padding-top: 30px;
    }

    .header-text {
        font-weight: normal;
    }

    .text {
        clear: both;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        max-width: 800px;
        padding-top: 10px;
    }

    .text-italic {
        clear: both;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        max-width: 800px;
        padding-top: 10px;
        font-style: italic;
    }

    .quest1 {
        max-width: 800px;
    }

    .labels-1 {
        height: 25px;
        float: left;
        text-align: right;
        margin-bottom: 20px;
        width: 210px;
        margin-right: 0;
        font-weight: normal;
    }

    .labels-2 {
        height: 25px;
        float: left;
        text-align: right;
        margin-bottom: 12px;
        width: 450px;
        margin-right: 5px;
    }
    .orgTypeLabel {
        height: 45px;
        float: left;
        text-align: right;
        margin-bottom: 20px;
        width: 210px;
        margin-right: 0;
        font-weight: normal;
    }

    .fields-1 {
        height: 25px;
        float: left;
        margin-left:10px;
        margin-bottom: 20px;
        max-width: 580px;
        min-width:400px;
        text-align: left;
    }
    .orgTypeField {
        height: 45px;
        float: left;
        margin-left:10px;
        margin-bottom: 20px;
        max-width: 580px;
        min-width:400px;
        text-align: left;
    }
    .fields-radiobtn {
        height: 22px;
        float: right;
        margin-bottom: 12px;
        width: 500px;
        text-align: left;
    }

    .fields-radiobtn-2 {
        height: 22px;
        float: right;
        margin-bottom: 12px;
        width: 300px;
        text-align: left;
    }

    .radiobtn-left {
        height: 22px;
        float: left;
        margin-bottom: 10px;
        width: 700px;
        text-align: left;
    }

    .errorDisplay {
        margin-left: 170px;
        width: 580px;
        clear: both;
        font-weight: normal;
        margin-bottom: 10px;
        color: red;
    }

    .errorDisplayOrg {
        margin-left: 170px;
        width: 580px;
        clear: both;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .cbx {
        clear: both;
        text-align: left;
        max-width: 700px;
        margin-right: 5px;
        font-size: smaller;
        margin-left: 20px;
    }

    .cbx-left-title {
        float: left;
        text-align: center;
        width: 300px;
        height: 20px;
        font-size: smaller;
        margin-left: 20px;
        margin-bottom: 15px;
        font-weight: bold;
        background-color: #CCC;
    }

    .cbx-left {
        float: left;
        text-align: left;
        width: 300px;
        margin-right: 5px;
        font-size: 1em;
        margin-left: 20px;
        margin-bottom: 12px;
        height: 35px;
        padding-bottom: 3px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: Black;
    }

    .text-right {
        float: right;
        margin-bottom: 10px;
        width: 450px;
        text-align: left;
        font-size: 1em;
        margin-bottom: 12px;
        height: 35px;
        padding-bottom: 3px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: Black;
    }

    .text-right-title {
        float: right;
        margin-bottom: 10px;
        width: 450px;
        text-align: center;
        font-size: smaller;
        margin-bottom: 15px;
        height: 20px;
        font-weight: bold;
        background-color: #CCC;
    }

    .submitbutton {
        text-align: center;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    #footer {
        clear: both;
    }

    .textEnter {
        clear: both;
        text-align: left;
        font-weight: normal;
        margin-bottom: 10px;
        margin-left: 20px;
        max-width: 700px;
    }

    .required {
        font-weight: bold;
        font-size: 1.2em;
        color: Red;
    }
}