/************************************************************************************
STRUCTURE 
*************************************************************************************/

#pagewrap {
    padding: 5px;
    width: 960px;
    margin: 10px auto;
    background-color: #FFFFFF;
}

#header {
    background-image: url('img/bg.jpg');
    background-color: #fdb913;
    text-align: center;
    height: 90px; /*80px; */
    padding: 0 15px;
}

#sigline {
    text-align: center;
    /*	** FLATTEN Block and move image down **
    height: px;
	padding: 0 15px;
*/
}

#content {
    width: 220px;
    float: left;
    padding: 5px 15px;
    text-align: center;

}

#middle {
    width: 364px;
    /* Account for margins + border values */
    float: left;
    padding: 5px 15px;
    margin: 0px 5px 5px 5px;
}

#sidebar {
    width: 270px;
    padding: 5px 15px;
    float: left;
}

#footer {
    background-image: url('img/bg.jpg');
    background-color: #fdb913;
    clear: both;
    padding: 0 15px;
    text-align: center;

}

#seminar {
    width: auto;
    margin: auto;
    font-size: 85%;
}

.blue {
    border: 2px solid #0078ae;
}

.yellow {
    border: 2px solid #fdb913;
}

/* clear header tags */
h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
}


/************************************************************************************
Page formats
*************************************************************************************/

img {
    border-style: none;
    max-width: 100%;
    height: auto;
    width: auto\9;
    /* ie8 */

}

.bluetxt {
    color: #036;
    text-align: center;
}

.whitetxt {
    color: #FFF;
    text-align: center;
}

body {
    background-color: #041b3c;
}



/************************************************************************************
FORM CLASSES  
*************************************************************************************/
/** from http://www.stylephreak.com/uploads/source/cssforms/cssform.php            **/




form {
    margin: 0;
    padding: 0;
}

fieldset {
    margin: 1em 0;
    border: none;
    border-top: 1px solid #ccc;
}

legend {
    margin: 1em 0;
    padding: 0 .5em;
    color: #036;
    background: transparent;
    font-size: 1.3em;
    font-weight: bold;
}

fmlabel {
    float: left;
    width: 100px;
    padding: 0 0;
    text-align: right;
}

fieldset div {
    margin-bottom: .5em;
    padding: 0;
    display: block;
}

fieldset div input,
fieldset div textarea {
    width: 150px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1px;
    color: #333;
}

fieldset div select {
    padding: 1px;
}

div.fmmulti div {
    margin: 5px 0;
}

div.fmmulti input {
    width: 1em;
}

div.fmmulti fmlabel {
    display: block;
    width: 200px;
    padding-left: 5em;
    text-align: left;
}

#fmsubmit {
    clear: both;
    padding-top: 1em;
    text-align: center;
}

#fmsubmit input {
    border: 1px solid #333;
    padding: 2px 1em;
    background: #555;
    color: #fff;
    font-size: 100%;
}

input:focus,
textarea:focus {
    background: #efefef;
    color: #000;
}

fieldset div.fmreq {
    font-weight: bold;
}




/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 3000px or less */
@media screen and (max-width: 3000px) {

    .hiddenlarge {
        display: unset;
    }

    .hiddenmedium {
        display: none;
    }

    .hiddensmall {
        display: unset;
    }
}


/* for 980px or less */
@media screen and (max-width: 980px) {

    #pagewrap {
        width: 94%;
    }

    #content {
        width: 41%;
        padding: 1% 4%;
    }

    #middle {
        width: 41%;
        padding: 1% 4%;
        margin: 0px 0px 5px 5px;
        float: right;
    }

    #sidebar {
        clear: both;
        padding: 1% 4%;
        width: auto;
        float: none;
    }

    #header,
    #sigline,
    #footer {
        padding: 1% 4%;
    }

    .hiddenlarge {
        display: unset;
    }

    .hiddenmedium {
        display: none;
    }

    .hiddensmall {
        display: unset;
    }


}

/* for 700px or less */
@media screen and (max-width: 600px) {

    #content {
        width: auto;
        float: none;
    }

    #middle {
        width: auto;
        float: none;
        margin-left: 0px;
    }

    #sidebar {
        width: auto;
        float: none;
    }

    .hiddenlarge {
        display: unset;
    }

    .hiddenmedium {
        display: unset;
    }

    .hiddensmall {
        display: none;
    }

}

/* for 480px or less */
@media screen and (max-width: 480px) {

    #header {
        height: auto;
    }

    h1 {
        font-size: 2em;
    }

    /*	#sidebar {
		display: none;
	}
*/
    .hiddenlarge {
        display: unset;
    }

    .hiddenmedium {
        display: unset;
    }

    .hiddensmall {
        display: none;
    }


}

/*end media queries */


#content {
    background: #f0efef;
    */
    /* background: #f8f8f8;  */
}

#sidebar {
    background: #f0efef;
}

#header,
#sigline,
#content,
#middle,
#sidebar {
    margin-bottom: 5px;
}

#pagewrap,
#header,
#content,
#middle,
#sidebar,
#footer {
    border: solid 1px #ccc;
}



/****************************************************
   SOCIAL MEDIA  (https://simplesharebuttons.com/html-share-buttons/)
*****************************************************/
.txtctr{text-align: center;}

#share-buttons img {
width: 35px;
padding: 15px;
border: 0;
box-shadow: 0;
display: inline;
}