@font-face {
font-family: 'Trebuchet MS';
src: url('../fonts/trebuc.ttf');
src: url('../fonts/trebuc.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


body,
input,
button,
select,
textarea {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

body {
    font-size: 0.75em;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

html {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}
/* Custom Helper Classes */

.tColor1 {
    color: #30529E;
}

.tColor2 {
    color: #E3752A;
}

/* Errors */

.errorText,
.errorMessage,
.warningMessage,
.duplicateWarningMessage {
    color: #DD0000;
    clear: both;
    font-size: 10px;
}

/* Buttons */

button,
.buttonLike,
.buttonLike:visited {
    padding: 6px 15px;
    border-width: 0;
    background-color: #22376E;
    color: #FFFFFF;
    vertical-align: middle;
    font-size: 15px;
    border-radius: 3px;
    box-shadow: 0 -5px 15px rgba(0,0,0,.5) inset, 0 0 15px rgba(0,0,0,.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,.3);
    border: 1px solid #FFFFFF;
}

button:hover,
button:active,
.buttonLike:hover,
.buttonLike:active {
    background-color: #404040;
    color: #FFFFFF;
}

button.cancelButton,
button.cancelButton:hover,
button.cancelButton:active,
.linkLike,
.linkLike:hover,
.linkLike:active,
.linkLike:visited {
    padding: 0;
    color: #404040;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    border-width: 0;
    border-radius: 0;
}

button.cancelButton:hover,
button.cancelButton:active,
.linkLike:hover,
.linkLike:active {
    color: #000000;
}

.body_IE6 button,
.body_IE7 button {
    padding-top: 0;
    padding-bottom: 0;
}

.uploadedFile {
    display: block;
    padding-top: 12px;
    clear: both;
    margin-left: 30%;
}

.removeFile {
    cursor: pointer;
    color: #404040;
    padding: 3px 4px;
    text-decoration: none;
    background-color: #F0F0F0;
    background-image: none;
    border-radius: 2px;
    font-size: .8em;
    margin-left: 1em;
    box-shadow: none;
    text-shadow: none;
}

.removeFile:hover,
.removeFile:active {
    background-color: #E0E0E0;
    color: #000000;
}

.removeFile input {
    display: inline !important;
}
.saveButton {
    box-shadow:inset 0px 1px 0px 0px #adc1f0;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3180D0', endColorstr='#21568C');
    background-color:#007BC2;
    border-radius:4px;
    border:1px solid #21568C;
    display:inline-block;
    color:#ffffff;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-shadow:1px 1px 0px #383838;
}
.saveButton:hover {
    background: linear-gradient( to bottom, #21568C 5%, #3180D0 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#21568C', endColorstr='#3180D0');
    background-color:#21568C;
}
.saveButton:active {
    position:relative;
    top:1px;
}

/* STRUCTURE */
#wrapper {
    max-width: 1020px;
    margin: 1em auto;

}


.header_banner {
    border-bottom: 10px solid #FFFFFF;
}

.header_banner img {
    margin-bottom: -3px;
    width: 100%;
    height: auto;
}


.slogan {
    margin-top: .5em;
}
.slogan span {
    display: block;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 16px;
}
.slogan a {
    color: #fff;
    text-decoration: none;
    font-style: italic;
    font-size: 16px;
}

#mainContent {
    padding: 2em 0px;
    border-bottom: 1px solid #aaa;
    overflow: auto;
    background: #6a26b5; /* Old browsers */
    background: -moz-linear-gradient(left, #6a26b5 0%, #06acef 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #6a26b5 0%,#06acef 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #6a26b5 0%,#06acef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#6a26b5", endColorstr="#06acef",GradientType=1 ); /* IE6-9 */
}

.main_column--right {
    padding: 5px 0px;
    float: left;
    width: 50%;
    text-align: center;
}

.main_column--right img {
    width: 450px;
}

.mainColumn {
    float: left;
    width: 50%;
}
.mainColumn form {
    padding: 1em;
}

.section {
    padding: 2em
}

.section_text h2 {
    font-size: 18px;
    padding-bottom: 10px;
    color: #6A26B5;
}

.section_text p {
    font-size: 12px;
    line-height: 18px;
}


.section_social {
    position: relative;
    width: 215px;
    margin-top: 2em;
    float: right;
}

.section_social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 20px;
    left: 70px;
}

.section_social li {
    display: inline-block;
}

.section_social img {
    width: 32px;
}

.section_social p {
    padding-top: 1em;
    margin-top: 1em;
    font-size: 14px;
    color: #FFFFFF;
}

.footer {
    padding: 2em;
    overflow: auto;
    background: #6a26b5; /* Old browsers */
    background: -moz-linear-gradient(left, #6a26b5 0%, #06acef 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #6a26b5 0%,#06acef 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #6a26b5 0%,#06acef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#6a26b5", endColorstr="#06acef",GradientType=1 ); /* IE6-9 */
}

.footer--left img {
    width: 300px;
    float:left;
}


.footer--right p {
    font-size: 44px;
    color: #FFF;
}

.footer--right a {
    font-size: 22px;
}


#footer .logo {
    padding: 1.5em 0 0 1.5em;
    width: 70%;
    float: left;
}
#footer .slogan {
    padding: 1.5em 1.5em 1em 0;
    margin-top: 0;
    color: #000;
    opacity: .5;
    line-height: 1.2em;
}
#footer .slogan a {
    color: #000;
}

.body_IE7 .sidebar .social li {
    display: inline;
}
.body_IE7 #videoConatiner li {
    display: inline;
}
.body_IE7 .mainColumn {
    width: 50%;
}
.body_IE7 #footer,
.body_IE8 #footer {
    background-color: #A4B5C1;
    max-width: 960px;
    overflow: hidden;
}
.body_IE7 #footer .slogan,
.body_IE8 #footer .slogan,
.body_IE7 #footer .slogan a,
.body_IE8 #footer .slogan a {
    color: #636A6D;
}
/* Wizards */

.Wizard input,
.Wizard select,
.Wizard textarea {
    padding: 0.25em;
    border: 1px solid #aaa;
    outline: none;
    border-radius: 3px;
}
.Wizard input:focus,
.Wizard select:focus,
.Wizard textarea:focus {
    padding: 0.25em;
    border: 1px solid #21568C;
    box-shadow: 0 0 5px #21568C inset;
}

.fieldSpec {
    min-height: 3em;
}
.labelText {
    float: left;
    width: 30%;
    display: block;
    padding-top: .3em;
    color: #FFFFFF;
    font-size: 14px;
}
.Section input,
.Section select {
    float: left;
    width: 65%;
}
.Section .errorMessage {
    margin-left: 30%;
}

@media screen and (max-width: 945px) {
    .main_column--right {
        width: 100%;
    }
    .mainColumn {
        width: 100%;
    }
    .labelText {
        width: 15%;
    }
    .Section.Section1 {
        margin-left:10%;
    }

}


@media screen and (max-width: 400px) {
    .main_column--right img {
        width: 100%;
        height: auto;
    }
    .section_social {
        width: 100%;
    }
    .footer--right a {
        font-size: 15px;
    }
    #footer .logo {
        padding: 1.5em 0 20px 1.5em;
    }
    .footer--right p {
        line-height: 1;
    }
    .labelText {
        width: 35%;
    }
    .Section.Section1 {
        margin-left:0;
    }
}