@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

.color-red{color:#e21737;}
.color-dark-red{color:#c3153a;}
.color-white{color:#fff;}
.color-black{color:#000;}
.color-light-gray{color:#989897;}
.color-gray{color:#545554;}
.color-light-thunder{color:#262020;}
.color-cyan{color:#53bbc2;}
.color-green{color:#4f8411;}
.color-light-yellow{color:#fdd45a;}
.color-dark-yellow{color:#eba813;}
.color-merlin{color:#3e3731;}
.color-light-purple{color:#824e9f;}
.color-purple{color:#7e6a8f;}
.color-dark-thunder{color:#1c191c;}
.color-dark-gray{color:#d1d1d1;}
.color-wild-sand{color:#f4f4f4;}
.color-nandor{color:#545554;}
.color-nobel{color:#b7b7b7;}
.bg-red{background-color:#e21737;}
.bg-dark-red{background-color:#c3153a;}
.bg-white{background-color:#fff;}
.bg-black{background-color:#000;}
.bg-light-gray{background-color:#989897;}
.bg-gray{background-color:#545554;}
.bg-light-thunder{background-color:#262020;}
.bg-cyan{background-color:#53bbc2;}
.bg-green{background-color:#4f8411;}
.bg-light-yellow{background-color:#fdd45a;}
.bg-dark-yellow{background-color:#eba813;}
.bg-merlin{background-color:#3e3731;}
.bg-light-purple{background-color:#824e9f;}
.bg-purple{background-color:#7e6a8f;}
.bg-dark-thunder{background-color:#1c191c;}
.bg-dark-gray{background-color:#d1d1d1;}
.bg-wild-sand{background-color:#f4f4f4;}
.bg-nandor{background-color:#545554;}
.bg-nobel{background-color:#b7b7b7;}
.styleguide-page{background:#f1f1f1;}

.logo {
    position: relative;
    width: 555px;
    height: 266px;
    margin-left: auto;
    margin-right: auto;
}

.header {
    padding-top: 20px;
}

.arch {
    float: right;
}

.jack {
    position: absolute;
    bottom: 0px;
    height: 200px;
}

.hiring {
    height: 180px;
    float: right;
    padding-left: 20px;
    pading-right: 20px;
}

.apply {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 25px;
    font-size: 20px;
    font-weight: bold;
    height: 250px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 2px #eba813;
}

.ui.tabular.menu .item {
    background-color: #f8f8f8;
    border: none;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Droid Sans', sans-serif;
    color: #f97352;
}

.ui.tabular.menu {
    background-color: #f8f8f8;
    border-bottom: none;
}

.ui.tabular.menu .item:hover .active.item:hover {
    background-color: #f8f8f8;
    color: #b50a37;
}

.ui.tabular.menu .active.item:hover {
    background-color: #f8f8f8;
    color: #b50a37;
}

.ui.tabular.menu .active.item {
    background-color: #f8f8f8;
    color: #f97352;
}

.ui.text.container {
    max-width: 615px !important;
}

.center {
    text-align: center;
}

.disclaimer {
    margin-top: 20px;
    margin-left: 100px;
    font-size: 20px;
    font-weight: bold;
    color: red;
}

.disclaimer-note {
    font-size: 14px;
    color: #989897;
    margin-left: 15px;
}

.ui.accordion .title:not(.ui) {
    font-size: 20px;
    font-weight: bold;
    background-color: #b50a37;
    color: #fff;
    margin-top: 5px;
}

.position {
    border-top: 1px solid #c0c0c0;
    margin-top: 10px;
    margin-left: 50px;
    font-size: 20px;1
    font-weight: bold;
    border-bottom: 1px solid #c0c0c0;
}

.position-requirements {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
}

.position-note {
    margin-top: 10px;
    font-size: 16px;
    color: #c0c0c0;
}

.team-image  {
    margin-top: 40px;
    margin-left: 10px;
    margin-right: 20px;
    padding: 1px;
    width: 350px;
    float: right;
    border: 2px solid #c0c0c0;
}

.position-image {
    margin-top: 20px;
    margin-left: 10px;
    padding: 1px;
    width: 225px;
    float: right;
    border: 2px solid #c0c0c0;
}

.position-leader-image {
    margin-top: 20px;
    margin-left: 10px;
    padding: 1px;
    width: 325px;
    float: right;
    border: 2px solid #c0c0c0;
}

.application {
    padding-top: 15px;
    padding-bottom: 25px;
}

.padded-top {
    padding-top: 2px;
}

.nowrap {
    white-space: nowrap;
}

.choice {
    border: 1px solid #c0c0c0;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
}

.application-heading {
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.application-sub-heading {
    font-size: 14px;
    font-weight: bold;
}

.certify {
    margin-bottom: 10px;
}

.application-header {
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    background-color: #c3153a;
    color: #fff;
    margin-top: 5px;
}

body {
    background-image: url(../images/jack-pattern-bg.png);
    background-repeat: repeat;
    background-position: 50%;
    background-size: 25%;
    z-index: 0
}

.main {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 50px;
    margin-right: 50px;
    background-color: #f8f8f8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #a9a9a9;
    width: auto;
}

.map-label {
    font-family: Brandon Bold;
    font-weight: 700;
    font-size: 1.2rem
}

@font-face {
    font-family: Brandon Bold;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/brandon_bld-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/brandon_bld-webfont.woff2) format("woff2"), url(/fonts/brandon_bld-webfont.woff) format("woff"), url(/fonts/brandon_bld-webfont.ttf) format("truetype"), url(/fonts/brandon_bld-webfont.svg#Brandon\ Bold) format("svg")
}

@font-face {
    font-family: Brandon Bold Italic;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/brandon_bld_it-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/brandon_bld_it-webfont.woff2) format("woff2"), url(/fonts/brandon_bld_it-webfont.woff) format("woff"), url(/fonts/brandon_bld_it-webfont.ttf) format("truetype"), url("/fonts/brandon_bld_it-webfont.svg#Brandon Bold Italic") format("svg")
}

@font-face {
    font-family: Brandon Black;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/brandon_blk-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/brandon_blk-webfont.woff2) format("woff2"), url(/fonts/brandon_blk-webfont.woff) format("woff"), url(/fonts/brandon_blk-webfont.ttf) format("truetype"), url(/fonts/brandon_blk-webfont.svg#Brandon\ Black) format("svg")
}

@font-face {
    font-family: Brandon Light;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/brandon_light-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/brandon_light-webfont.woff2) format("woff2"), url(/fonts/brandon_light-webfont.woff) format("woff"), url(/fonts/brandon_light-webfont.ttf) format("truetype"), url(/fonts/brandon_light-webfont.svg#Brandon\ Light) format("svg")
}

@font-face {
    font-family: Brandon Medium;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/brandon_med-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/brandon_med-webfont.woff2) format("woff2"), url(/fonts/brandon_med-webfont.woff) format("woff"), url(/fonts/brandon_med-webfont.ttf) format("truetype"), url(/fonts/brandon_med-webfont.svg#Brandon\ Medium) format("svg")
}

@font-face {
    font-family: Brandon Medium Italic;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/brandon_med_it-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/brandon_med_it-webfont.woff2) format("woff2"), url(/fonts/brandon_med_it-webfont.woff) format("woff"), url(/fonts/brandon_med_it-webfont.ttf) format("truetype"), url("/fonts/brandon_med_it-webfont.svg#Brandon Medium Italic") format("svg")
}

@font-face {
    font-family: Brandon Regular;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/brandon_reg-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/brandon_reg-webfont.woff2) format("woff2"), url(/fonts/brandon_reg-webfont.woff) format("woff"), url(/fonts/brandon_reg-webfont.ttf) format("truetype"), url(/fonts/brandon_reg-webfont.svg#Brandon\ Regular) format("svg")
}

@font-face {
    font-family: Brandon Regular Italic;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/brandon_reg_it-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/brandon_reg_it-webfont.woff2) format("woff2"), url(/fonts/brandon_reg_it-webfont.woff) format("woff"), url(/fonts/brandon_reg_it-webfont.ttf) format("truetype"), url("/fonts/brandon_reg_it-webfont.svg#Brandon Regular Italic") format("svg")
}

.fundraiser {
    font-family: Brandon Bold;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 3.6rem;
    color: red;
    margin-top: 20px;
    margin-bottom: 20px;
}

.fundraiser-bold {
    font-family: Brandon Bold;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 1.4rem;
    color: black;
}

.fundraiser-bold-underline {
    font-family: Brandon Bold;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 200;
    font-size: 1.2rem;
    margin-top: 5px;
    margin-bottom: 10px;
    color: black;
}

.fundraiser-text {
    font-family: "Droid Sans";
    font-size: 1.0rem;
    color: black;
    margin-bottom: 10px;
}

.fundraiser-type {
    font-family: Brandon Bold;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 1.8rem;
    color: red;
}

.fundraiser-italic {
    font-family: Brandon Bold;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 200;
    font-size: 1.6rem;
    color: red;
    margin-top: 20px;
}

.fundraiser-italic-small {
    font-family: Brandon Bold;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 200;
    font-size: 1.2rem;
    color: red;
    margin-top: 5px;
    margin-bottom: 10px;
}

.fundraiser-booklet-container {
    margin-top: 30px;
    margin-bottom: 20px;
    width: 100%;
}

.fundraiser-booklet-details {
    width: 600px;
    margin: 0 auto;
}

.fundraiser-samples-list {
    list-style: none;
}

.fundraiser-booklet {
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #a9a9a9;
    padding: 5px;
}

.fundraiser-samples {
    padding-top: 40px;
    width: 300px;
    float: right;
}

.clear-both {
    clear: both;
}