/**
 * @license
 * MyFonts Webfont Build ID 2698802, 2013-11-30T01:06:29-0500
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2698802
 * Licensed pageviews: 200,000
 * Webfonts copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * 
 * © 2013 MyFonts Inc
 */

@font-face {
    font-family: 'BankGothicBT-Light';
    src: url('../images/fonts/292E32_0_0.eot');
    src: url('../images/fonts/292E32_0_0d41d.eot?#iefix') format('embedded-opentype'), url('../images/fonts/292E32_0_0.woff') format('woff'), url('../images/fonts/292E32_0_0.html') format('truetype');
}

@font-face {
    font-family: 'BankGothicBT-Medium';
    src: url('../images/fonts/292E32_1_0.eot');
    src: url('../images/fonts/292E32_1_0d41d.eot?#iefix') format('embedded-opentype'), url('../images/fonts/292E32_1_0.woff') format('woff'), url('../images/fonts/292E32_1_0.html') format('truetype');
}

/**
 * 
 * body background: #c8d1e4
 * clouds back background: #9eaed0
 * header/footer background: #2d2d3f
 * footer login background: #302639
 * flyout menu background: #242436
 * tagline text: #382d43
 * title outline: #d5b379
 * year outline: #4d6088
 * news circle: #e1e7f0
 * 
 */

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}
body {
    /* font-family: Verdana, Helvetica, Arial, sans-serif; */
    font-family: 'Source Sans Pro', sans-serif;
    /* background-color: #c3d3ed; */
    /* background-color: #9cc9fd; */
    background-color: #c8d1e4;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0px;
}
p {
    margin-top: 8px;
    margin-bottom: 14px;
}
h1                    { font-size: 26px; }
h2                    { font-size: 24px; }
h3                    { font-size: 22px; }
h4                    { font-size: 20px; }
h5                    { font-size: 19px; }
h6                    { font-size: 18px; }
h1.title, h1.storytitle { font-size: 26px; }
h2.title, h2.storytitle { font-size: 24px; }
h3.title, h3.storytitle { font-size: 22px; }
h4.title, h4.storytitle { font-size: 20px; }
h5.title, h5.storytitle { font-size: 19px; }
h6.title, h6.storytitle { font-size: 18px; }
body                  { font-size: 16px; }
a:link, a:visited, a:active {
    color: #3f6ebe;
}
a:hover {
    color: #ca6b69;
}

#staff_mgmt, .schedule-page {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
#staff_mgmt p, .schedule-page p {
    margin-top: 12px;
    margin-bottom: 12px;
}
#staff_mgmt h1, .schedule-page h1 { font-size: 24px; }
#staff_mgmt h2, .schedule-page h2 { font-size: 20px; }
#staff_mgmt h3, .schedule-page h3 { font-size: 18px; }
#staff_mgmt h4, .schedule-page h4 { font-size: 16px; }
#staff_mgmt h5, .schedule-page h5 { font-size: 14px; }
#staff_mgmt h6, .schedule-page h6 { font-size: 13px; }

.gallery h3, .gallery h4, .gallery h5, .gallery h6 {
    margin-bottom: 12px;
}
.title, .storytitle {
    font-family: BankGothicBT-Light, sans-serif;
    /* font-family: 'Fredoka One', sans-serif; */
}
input[type='checkbox'] {
    margin-right: 4px;
}

.header {
    /* background-image: url(/images/header-background.png); */
    /* background-image: url(/images/clouds.jpg); */
    background-repeat: repeat-x;
}
.header-city {
    background-image: url(../images/cityscape.png);
    background-size: 980px;
    background-position: left -30px top;
    background-repeat: repeat-x;
    width: 100%;
    height: 350px;
    position: absolute;
    z-index: -3;
}
.header-moon {
    background-image: url(../images/moon.png);
    top: 40px;
    left: 290px;
    width: 98px;
    height: 98px;
    position: absolute;
    z-index: -2;
}
.header-clouds-back {
    background-image: url(../images/clouds-back.png);
    background-repeat: repeat-x;
    top: 220px;
    width: 100%;
    height: 115px;
    position: absolute;
    z-index: -2;
}
.header-clouds-front {
    background-image: url(../images/clouds-front.png);
    background-repeat: repeat-x;
    top: 272px;
    width: 100%;
    height: 78px;
    position: absolute;
}
.header-container {
    width: 1400px;
    max-width: 100%;
    height: 350px;
    position: relative;
    margin: 0 auto;
    /* background-image: url(/images/cityscape-rainbow.png); */
}
.section-container {
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
}
.section-body {
    padding-left: 10px;
    padding-right: 10px;
    clear: both;
}
.mascot-header {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 350px;
    overflow: hidden;
    z-index: -1;
}
.mascot-header img {
    height: 375px;
    width: auto;
}
.mascot-header-panel-1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 170px;
    height: 95px;
    z-index: 1;
}
.mascot-header-panel-1-inner {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 170px;
    height: 95px;
    z-index: 1;
}
.mascot-header-panel-2 {
    position: absolute;
    top: 95px;
    left: 0px;
    width: 278px;
    height: 255px;
    z-index: 1;
}
.mascot-header-panel-2-inner {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 278px;
    height: 255px;
    z-index: 1;
}
.header-balloon {
    background-image: url(../images/balloon.png);
    background-size: 240px;
    top: 240px;
    left: calc(90% - 200px);
    width: 240px;
    height: 76px;
    position: absolute;
}
.header-balloon-tagline {
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    margin-left: 4px;
    position: absolute;
    top: 22px;
    left: 80px;
    margin: 0;
}
p.header-balloon-tagline {
    font-size: 15px;
    line-height: 15px;
}
.header-balloon-tagline a {
    text-decoration: none;
    color: #112b4f;
    font-weight: bold;
}
.text-header-wrapper {
    position: absolute;
    top: 100px;
    /* left: 260px; */
    left: calc(40% - 30px);
}
.text-header {
    position: absolute;
    width: 465px;
    height: 150px;
}
.text-header a {
    color: #ffffff;
    text-decoration: none;
}
.text-header-tagline a {
    color: #382d43;
}
.text-header p {
    margin: 0px;
    position: absolute;
}
.text-header-name    { font-family: 'BankGothicBT-Medium', sans-serif; }
.text-header-year    { font-family: 'Trade Winds', sans-serif; }
.text-header-tagline { font-family: 'Source Sans Pro', sans-serif; }
.text-header-name    { color: #ffffff; font-size: 48px; top: 0px; }
.text-header-year    { color: #ffffff; font-size: 40px; top: 8px; left: 355px; font-style: italic; }
.text-header-tagline { color: #382d43; font-size: 20px; top: 70px; width: 100%; font-weight: bold; text-align: center; }
.text-header-name    { text-shadow: 5px 5px 5px #d5b379, 5px -5px 5px #d5b379, -5px 5px 5px #d5b379, -5px -5px 5px #d5b379, 4px 4px 5px #d5b379, 4px -4px 5px #d5b379, -4px 4px 5px #d5b379, -4px -4px 5px #d5b379, 3px 3px 5px #d5b379, 3px -3px 5px #d5b379, -3px 3px 5px #d5b379, -3px -3px 5px #d5b379, 2px 2px 5px #d5b379, 2px -2px 5px #d5b379, -2px 2px 5px #d5b379, -2px -2px 5px #d5b379, 1px 1px 5px #d5b379, 1px -1px 5px #d5b379, -1px 1px 5px #d5b379, -1px -1px 5px #d5b379, 2px -8px 0px rgba(64,64,64,0.25); }
.text-header-year    { text-shadow: 5px 5px 5px #4d6088, 5px -5px 5px #4d6088, -5px 5px 5px #4d6088, -5px -5px 5px #4d6088, 4px 4px 5px #4d6088, 4px -4px 5px #4d6088, -4px 4px 5px #4d6088, -4px -4px 5px #4d6088, 3px 3px 5px #4d6088, 3px -3px 5px #4d6088, -3px 3px 5px #4d6088, -3px -3px 5px #4d6088, 2px 2px 5px #4d6088, 2px -2px 5px #4d6088, -2px 2px 5px #4d6088, -2px -2px 5px #4d6088, 1px 1px 5px #4d6088, 1px -1px 5px #4d6088, -1px 1px 5px #4d6088, -1px -1px 5px #4d6088,  2px -8px 0px rgba(64,64,64,0.25); }
.text-header-tagline { text-shadow: 3px 3px 3px #ffffff, 3px -3px 3px #ffffff, -3px 3px 3px #ffffff, -3px -3px 3px #ffffff, 2px 2px 3px #ffffff, 2px -2px 3px #ffffff, -2px 2px 3px #ffffff, -2px -2px 3px #ffffff, 1px 1px 3px #ffffff, 1px -1px 3px #ffffff, -1px 1px 3px #ffffff, -1px -1px 3px #ffffff; }

.text-header-name.ie9,    .text-header-name.ie9 a    { color: #d5b379; }
.text-header-year.ie9,    .text-header-year.ie9 a    { color: #4d6088; }
.text-header-tagline.ie9, .text-header-tagline.ie9 a { color: #ffffff; }

/*
.text-header-name    { font-size: 62px; line-height: 30px; }
.text-header-year    { font-size: 124px; line-height: 86px; }
.text-header-tagline { font-size: 28px; line-height: 24px; }
.text-header-dates   { font-size: 43px; line-height: 30px; }
.text-header-weekend { font-size: 32px; }
.text-header-year, .text-header-dates, .text-header-year a, .text-header-dates a {
    color: #881635;
}
*/
.nav-social-media {
    position: absolute;
    top: 10px;
    right: 10px;
}
.nav-link-social-media {
    /* padding-left: 4px; */
    float: left;
}
.nav-link-social-media-img {
    width: 32px;
    height: 32px;
    background-image: url(../images/social_media.png);
    background-size: 293px;
}
.nav-link-social-media a:hover .nav-link-social-media-img {
    background-color: #242436;
}
.nav-link-social-media-img-facebook { background-position: 0px; }
.nav-link-social-media-img-flickr { background-position: -32px; }
.nav-link-social-media-img-googleplus { background-position: -65px; }
.nav-link-social-media-img-instagram { background-position: -97px; }
.nav-link-social-media-img-pinterest { background-position: -130px; }
.nav-link-social-media-img-rss { background-position: -162px; }
.nav-link-social-media-img-tumblr { background-position: -195px; }
.nav-link-social-media-img-twitter { background-position: -228px; }
.nav-link-social-media-img-youtube { background-position: -260px; }

.nav-bar-desktop,
.nav-bar-phone-landscape,
.nav-bar-phone-portrait,
.nav-bar-phone-small {
    position: absolute;
    top: 50px;
    /* padding-top: 50px; */
    padding-bottom: 0px;
    height: 40px;
    width: 1400px;
    max-width: 100%;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
.nav-bar-phone-landscape,
.nav-bar-phone-portrait,
.nav-bar-phone-small {
    display: none;
}
.nav-bar-phone-landscape,
.nav-bar-phone-small {
    height: 25px;
}
.nav-bar-phone-portrait {
    width: 610px;
    max-width: 100%;
}
.nav-bar-phone-landscape-wrap,
.nav-bar-phone-small-wrap {
    padding-top: 0px;
    top: 75px;
}
.nav-link {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    line-height: 16px;
    vertical-align: top;
    display: inline-block;
}
.nav-link a:link, .nav-link a:visited, .nav-link a:hover {
    color: #ffffff;
}
.nav-bar-padding {
    width: 220px;
}
.nav-bar-stretch {
    width: 100%;
    display: inline-block;
}
.nav-link-last {
    padding-right: 10px;
}
.nav-link-first {
    padding-left: 200px;
}
.nav-bar-desktop a,
.nav-bar-phone-landscape a,
.nav-bar-phone-portrait a,
.nav-bar-phone-small a {
    color: #000000;
    text-decoration: none;
}
.nav-link-small {
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
}
.nav-bar-hover {
    /* background: #881635; */
    /* background: #c48b9a; */
    /* background: #e1ecff; */
    background: #242436;
    position: absolute;
    /* box-shadow: -4px 4px 0px rgba(0,0,0,0.09); */
    /*
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    */
}
.flyout {
    /* background: #f0f4fa; */
    /* background: #ffffff; */
    background: #242436;
    position: absolute;
    /* box-shadow: -4px 4px 0px rgba(0,0,0,0.09); */
    /*
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    */
    padding: 10px;
    z-index: 2;
}
.flyout-link {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 4px;
}
.flyout-link.flyout-link-mini {
    font-size: 14px;
    line-height: 14px;
    padding-left: 10px;
}
.flyout-link a {
    color: #ffffff;
    text-decoration: none;
}
.callout {
    position: absolute;
}
.callout img {
    height: 15px;
    width: auto;
}

.section.crsl-items {
    height: 200px;
}
.crsl-item img {
    height: 200px;
}
.front-title {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 0px;
    /* color: #ffffff; */
    /* text-shadow: -3px 2px 0px rgba(64, 64, 64, 0.25); */
}
.front-title-bottom {
    margin-top: 0px;
}
.front-title.front-title-news {
    margin-top: 0px;
    padding-top: 12px;
    color: #000000;
    text-shadow: none;
}
.front-title-top {
    margin-top: 0px;
    padding-top: 12px;
}
.section-border {
    background-color: #81899d;
    height: 7px;
}
.section-special {
    background-color: #ca6b69;
}
.section-special a:link, .section-special a:visited, .section-special a:active {
    color: #ffffff;
    text-decoration: none;
}
.section-special a:hover {
    color: #e9e588;
    text-decoration: none;
}
.front-title-special {
    text-shadow: -3px 2px 0px #b65250;
    color: #ffffff;
    text-align: center;
}
.front-title-special.front-title-bottom {
    padding-bottom: 12px;
}
h2.front-title-special.front-title-bottom {
    font-size: 12pt;
    font-style: regular;
}
h2.front-title-special {
    font-size: 14pt;
}
h2.front-title-special.front-title-top {
    font-style: italic;
}

/*
.clouds-horizontal {
    height: 67px;
    background-image: url(/images/clouds-horizontal.png);
    background-repeat: repeat-x;
}
.scallop-front {
    height: 18px;
    background-image: url(/images/scallop-bottom.png);
    background-repeat: repeat-x;
}
.scallop-front-spacer {
    height: 30px;
    background-color: #e1ecff;
}
*/
.flow-4-230-container {
    width: 961px;
    margin: 0 auto;
}
.flow-4-230-item {
    width: 230px;
    height: 168px;
    margin-right: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    float: left;
}
.flow-4-230-item-box {
    height: 98px;
    padding-left: 40px;
    padding-top: 20px;
    /* font-family: 'Yanone Kaffeesatz', sans-serif; */
    font-size: 18px;
    text-align: left;
}
.front-icons {
    /* font-family: BankGothicBT-Light, sans-serif; */
    /* font-family: 'Yanone Kaffeesatz', sans-serif; */
    font-size: 16px;
    text-align: center;
    overflow: hidden;
}
.front-icons img {
    width: 160px;
    height: 118px;
}
.front-icons a {
    color: #000000;
    text-decoration: none;
}
.flow-1-150-container {
    width: 200px;
    margin: 0 auto;
}
.flow-1-150-item {
    width: 150px;
    height: 230px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 0px;
    vertical-align: top;
    float: left;
}
.flow-2-150-container {
    width: 405px;
    margin: 0 auto;
}
.flow-2-150-item {
    width: 150px;
    height: 100px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 0px;
    vertical-align: top;
    float: left;
}
.front-logos {
    text-align: center;
    overflow: hidden;
}
.login-status {
    /* background: #9abaed; */
    position: absolute;
    width: 100%;
    margin-top: 176px;
    min-height: 40px;
    background: #302639;
    color: #ffffff;
}
.logout-container {
    float: right;
}
.footer p, .login-status p {
    margin: 0;
}
.footer {
    /* background: #22245b; */
    /* background: #414141; */
    /* min-height: 60px; */
}
.section-container, .login-status .section-container {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    max-width: 1400px;
}
.footer {
    position: absolute;
    width: 100%;
    height: 176px;
    margin: 0;
    font-size: 16px;
    color: #ffffff;
    background-color: #2d2d3f;
}
.footer-clouds {
    background-image: url(../images/background-footer.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 176px;
    position: absolute;
}
.footer-attribution {
    position: absolute;
    top: 110px;
}
.footer-cityscape {
    position: absolute;
    top: 79px;
    height: 97px;
    overflow: hidden;
    left: 50%;
    margin-left: -177px;
}
.footer-cityscape img {
    height: 97px;
    width: auto;
}
.footer-mascot {
    position: absolute;
    top: 10px;
    height: 157px;
    overflow: hidden;
    left: 50%;
    margin-left: -64px;
}
.footer-mascot img {
    height: 157px;
    width: auto;
}
.section-content {
    padding-bottom: 24px;
}
.section-column {
    float: left;
}
.section-column-summary {
    width: calc(67% - 60px);
    padding-right: 60px;
}
.section-column-news {
    width: 33%;
}
.post {
    clear: both;
}
.news-container {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 45px;
}
.news-listing {
    line-height: 14px;
    padding-top: 9px;
    padding-left: 40px;
    padding-bottom: 9px;
}
.news-listing a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.news-circle {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background-color: #e1e7f0;
    float: left;
    margin-bottom: 8px;
}
.news-circle-month {
    width: 100%;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    padding-top: 4px;
    text-transform: uppercase;
}
.news-circle-with-year .news-circle-month {
    padding-top: 2px;
    font-size: 7px;
}
.news-circle-day {
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 12px;
}
.news-circle-with-year .news-circle-day {
    font-size: 13px;
}
.news-circle-year {
    width: 100%;
    text-align: center;
    line-height: 6px;
    font-size: 6px;
}
.news-date {
    font-size: 12px;
    font-style: italic;
}
.news-nav {
    font-size: 14px;
    text-align: center;
}
.news-nav a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    /* font-style: italic; */
}

.collage {
    position: relative;
}
.collage-item {
    font-family: BankGothicBT-Medium, sans-serif;
    position: absolute;
}

.registration-convention-dates {
    width: 280px;
    border: 4px #ffffff solid;
    border-radius: 60px;
    padding: 0px 15px 15px 35px;
    margin-top: 0px;
    margin-left: 20px;
    background-color: #e3c283;
    float: left;
}
.registration-convention-dates td {
    padding-right: 20px;
}
.registration-convention-dates p {
    text-align: center;
}
.registration-convention-description {
    float: left;
    margin-top: 10px;
}
.registration-table {
    border-collapse: collapse;
    margin-top: 20px;
}
.registration-table th {
    text-align: left;
}
.registration-table td, .registration-table th {
    vertical-align: top;
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 12px;
    border: 1px solid #000000;
}
.with-checkmark td:nth-child(2), .with-checkmark td:nth-child(3) {
    padding-left: 24px;
}
.registration-table .not-available {
    font-size: smaller;
}
.registration-table-small {
    display: none;
}
.meetings th,
.meeting-recordings th {
    text-align: left;
    padding-top: 10px;
}
.meetings td, .meetings th,
.meeting-recordings td, .meeting-recordings th {
    vertical-align: top;
    padding-right: 20px;
}
.meetings td:nth-child(4), .meetings td:nth-child(5),
.meeting-recordings td:nth-child(6) {
    padding-right: 0px;
}
.meeting-recordings td:nth-child(5) {
    padding-right: 10px;
}
.contact td:nth-child(1) {
    font-weight: bold;
    padding-right: 20px;
}
.contact td:nth-child(2) {
    text-align: right;
}
.history {
    margin-left: auto;
    margin-right: auto;
}
.history td, .history th {
    text-align: left;
    vertical-align: top;
    padding-right: 10px;
}
.history-conventions td:nth-child(3),
.history-conventions td:nth-child(4),
.history-conventions th:nth-child(3),
.history-conventions th:nth-child(4) {
    text-align: right;
}
.history-conventions td:nth-child(5) {
    padding-right: 0px;
}
.history-mini-events td:nth-child(1),
.history-mini-events th:nth-child(1) {
    text-align: right;
}
.history-mini-events td:nth-child(4) {
    padding-right: 0px;
}
.hotel-listing {
    padding-bottom: 20px;
}
.hotel-listing p {
    line-height: 20px;
    margin: 0;
    padding: 0;
}
.hotel-listing-title {
    font-size: 18px;
    font-weight: bold;
}
.hotel-listing-price-amount {
    font-size: 18px;
    padding-right: 12px;
    font-style: normal;
}
.hotel-listing-price {
    font-size: 12px;
    font-style: italic;
}
.hotel-listing-address {
    font-size: 12px;
}
.hotel-reservation-start {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.hotel-table {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
}
.hotel-table td, .hotel-table th {
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 8px;
    vertical-align: top;
    text-align: left;
    border: 1px solid #000000;
}
.hotel-title,
.hotel-table .hotel-title {
    font-weight: bold;
}
.hotel-table .hotel-contact {
    font-size: smaller;
}
.hotel-table td:nth-child(2),
.hotel-table th:nth-child(2),
.hotel-table td:nth-child(3),
.hotel-table th:nth-child(3)
{
    text-align: right;
}
.hotel-table .lodging-hotel {
    font-size: smaller;
}
.hotel-table .event-hotel {
    font-weight: bold;
    font-size: larger;
}

.text-adventure-button {
    background: #9abaed;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    display: inline-block;
}
.text-adventure-button:hover {
    background: #aacaed;
}

.checkmark {
    width: 32px;
    height: auto;
    opacity: 0.25;
    vertical-align: middle;
}
.checkmark-small {
    width: 16px;
    height: auto;
    vertical-align: middle;
}
.with-checkmark .checkmark-small {
    margin-left: -20px;
}

.landscape-warning-schedule-hours {
    display: none;
}
.schedule-hours {
    margin-top: 12px;
    font-size: 90%;
    font-family: "Arial","Helvetica","Verdana",sans-serif;
}
.schedule-hours td, .schedule-hours th {
    border: 1px solid #000000;
    vertical-align: top;
    padding: 2px;
    text-align: center;
}
.schedule-hours td {
    background: #e0e8f6;
}
.schedule-hours tr, .schedule-hours td:nth-child(1) {
    background: #a6c2ee;
}
.schedule-hours td.schedule-hours-category {
    background: #c3d3ed;
}
.schedule-hours td:nth-child(1), .schedule-hours td:last-child {
    text-align: left;
}
.schedule-hours-category {
    font-weight: bold;
}

.schedule-category {
    margin-top: 18px;
    color: #d04000;
}
.schedule-title {
    font-size: 12px;
    margin-top: 18px;
}
.schedule-instance {
    color: #0000d0;
    margin-top: 2px;
    margin-bottom: 6px;
}
.schedule-flags {
    margin-top: 6px;
    margin-bottom: 6px;
}
.schedule-flags, .schedule-alert {
    font-weight: bold;
    color: #b00000;
}
.schedule-description p {
    margin-top: 6px;
}

.schedule-control-panel label {
    margin-right: 8px;
}
.schedule-control-panel input {
    margin-right: 4px;
}
.schedule-control-panel-box {
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid #000000;
    background-color: #a6c2ee;
}
.schedule-control-panel-floating {
    position: fixed;
    top: 4px;
    right: 4px;
}
.staff-policies-list > li {
    padding-bottom: 12px;
}
.staff-policies-list ol {
    padding-top: 12px;
}

.kumoricon-lite-schedule td, .kumoricon-lite-schedule th {
    vertical-align: top;
    text-align: left;
    font-size: 16px;
    height: 34px;
    padding: 2px 8px 2px 8px;
    /* border: 1px solid black; */
}
.kls-border-dark {
    background-color: #e1e7f3;
}
.kls-border-light {
    background-color: #f0f5ff;
}
.kls-column-main-dark {
    background-color: #cdecdc;
}
.kls-column-main-light {
    background-color: #edfff6;
}
.kls-column-craft-dark {
    background-color: #dbc2e0;
}
.kls-column-craft-light {
    background-color: #efe0f2;
}
.kls-column-open-light {
    background-color: #e9dbd4;
}
.kumoricon-lite-schedule td:nth-child(1) {
    text-align: right;
}
.kumoricon-lite-schedule .kumoricon-lite-time {
    font-style: italic;
    font-size: 12px;
}
.kumoricon-lite-schedule .kumoricon-lite-presenter {
    font-style: italic;
    font-weight: bold;
}
.kumoricon-lite-schedule .kumoricon-lite-time-narrow {
    display: none;
}
.kumoricon-lite-schedule .kumoricon-lite-narrow-break,
.kumoricon-lite-schedule .kumoricon-lite-narrower-break,
.kumoricon-lite-schedule .kumoricon-lite-narrowest-break {
    display: none;
}

#staff_mgmt_menu_landscape {
    display: none;
}

@media (min--moz-device-pixel-ratio: 1.5),
       (-o-min-device-pixel-ratio: 3/2),
       (-webkit-min-device-pixel-ratio: 1.5),
       (min-device-pixel-ratio: 1.5),
       (min-resolution: 144dpi),
       (min-resolution: 1.5dppx) {
    .header {
        /*
        background-image: url(/images/clouds@2x.jpg);
        background-size: cover;
        */
    }
    .header-city {
        background-image: url(../images/cityscape%402x.png);
    }
    .header-moon {
        background-image: url(../images/moon%402x.png);
        background-size: cover;
    }
    .header-clouds-back {
        background-image: url(../images/clouds-back%402x.png);
        background-size: contain;
    }
    .header-clouds-front {
        background-image: url(../images/clouds-front%402x.png);
        background-size: contain;
    }
    .header-container {
        background-size: cover;
    }
    .footer-clouds {
        background-image: url(../images/background-footer%402x.png);
        background-size: contain;
    }
}
@media (min--moz-device-pixel-ratio: 2.5),
       (-o-min-device-pixel-ratio: 5/2),
       (-webkit-min-device-pixel-ratio: 2.5),
       (min-device-pixel-ratio: 2.5),
       (min-resolution: 360dpi),
       (min-resolution: 2.5dppx) {
    .header {
        /* background-image: url(/images/clouds@3x.jpg); */
    }
    .header-moon {
        background-image: url(../images/moon%403x.png);
    }
    .header-city {
        background-image: url(../images/cityscape%403x.png);
    }
    .header-clouds-back {
        background-image: url(../images/clouds-back%403x.png);
    }
    .header-clouds-front {
        background-image: url(../images/clouds-front%403x.png);
    }
    .footer-clouds {
        background-image: url(../images/background-footer%403x.png);
    }
}

@media (max-width: 1100px) {
    .footer-attribution {
        font-size: 14px;
    }
}

/* tablet */
@media (max-width: 991px) {
    .footer {
        height: 225px;
    }
    .footer-attribution {
        top: 180px;
    }
    .login-status {
        margin-top: 225px;
    }
}
@media (max-width: 961px) {
    .flow-4-230-container {
        width: 481px;
        margin: 0 auto;
    }
    .section-column {
        float: none;
        width: auto;
    }
    .section-column-summary {
        padding-right: 0;
    }
    .news-container {
        padding-top: 0;
    }
}
/* phone landscape */
@media (max-width: 767px) {
    .nav-bar-desktop {
        display: none;
    }
    .nav-bar-phone-landscape {
        display: block;
    }
    .nav-link-first {
        padding-left: 250px;
    }
    .text-header-wrapper {
        top: 120px;
        left: calc(50% - 50px);
    }
    .text-header {
        width: 375px;
    }
    .text-header-name {
        font-size: 40px;
    }
    .text-header-year {
        font-size: 32px;
        left: 295px;
    }
    .text-header-tagline {
        font-size: 18px;
        top: 60px;
    }
}
@media (max-width: 675px) {
    .header {
        /* background-image: url(/images/clouds@3x.jpg); */
        background-size: cover;
    }
    .header-city {
        /* background-image: url(/images/cityscape@3x.png); */
        background-size: cover;
    }
    .header-container {
        background-size: cover;
    }
    .mascot-header {
        display: none;
    }
    .mascot-header-panel-1 {
        display: none;
    }
    .mascot-header-panel-2 {
        display: none;
    }
    .header-balloon {
        left: calc(5%);
    }
    .nav-link-first {
        padding-left: 10px;
    }
    .nav-bar-phone-landscape {
        display: none;
    }
    .nav-bar-phone-portrait {
        display: block;
    }
    .text-header-wrapper {
        top: 100px;
        left: 50%;
        margin-left: -232px;
    }
    .text-header {
        width: 465px;
    }
    .text-header-name {
        font-size: 48px;
    }
    .text-header-year {
        font-size: 40px;
        left: 355px;
    }
    .text-header-tagline {
        font-size: 20px;
        top: 70px;
    }
}
@media (max-width: 580px) {
    .kumoricon-lite-schedule .kumoricon-lite-time-wide {
        display: none;
    }
    .kumoricon-lite-schedule .kumoricon-lite-time-narrow {
        display: inline;
    }
}
@media (max-width: 550px) {
    .kumoricon-lite-schedule td, .kumoricon-lite-schedule th {
        font-size: 14px;
        padding: 2px 4px 2px 4px;
    }
}
@media (max-width: 510px) {
    .header-balloon {
        background-size: 200px;
        width: 200px;
        height: 63px;
        top: 250px;
    }
    .header-balloon-tagline {
        top: 20px;
        left: 65px;
    }
    p.header-balloon-tagline {
        font-size: 13px;
        line-height: 11px;
    }
    .nav-bar-phone-portrait {
        display: none;
    }
    .nav-bar-phone-small {
        display: block;
    }
    .text-header-wrapper {
        top: 120px;
        left: 50%;
        margin-left: -187px;
    }
    .text-header {
        width: 375px;
    }
    .text-header-name {
        font-size: 40px;
    }
    .text-header-year {
        font-size: 32px;
        left: 295px;
    }
    .text-header-tagline {
        font-size: 18px;
        top: 60px;
    }
}
@media (max-width: 481px) {
    .flow-4-230-container {
        width: 241px;
        margin: 0 auto;
    }
    .flow-2-150-container {
        width: 205px;
        margin: 0 auto;
    }
}
/* phone portrait */
@media (max-width: 479px) {
    #staff_mgmt_menu_landscape {
        display: block;
    }
}
@media (max-width: 470px) {
    .kumoricon-lite-schedule td, .kumoricon-lite-schedule th {
        font-size: 12px;
        padding: 2px 4px 2px 4px;
    }
}
@media (max-width: 460px) {
    .landscape-warning-schedule-hours {
        display: block;
    }
    .schedule-hours {
        font-size: 60%;
    }
}
@media (max-width: 420px) {
    .text-header-wrapper {
        top: 120px;
        left: 50%;
        margin-left: -160px;
    }
    .text-header {
        width: 320px;
    }
    .text-header-name {
        font-size: 34px;
    }
    .text-header-year {
        font-size: 26px;
        left: 250px;
    }
    .text-header-tagline {
        font-size: 16px;
        top: 50px;
    }
    .footer-attribution {
        font-size: 12px;
    }
    
    .contact, .history, .meetings, .meeting-recordings, .hotel-table, .registration-table {
        font-size: smaller;
    }
    .registration-table-large {
        display: none;
    }
    .registration-table-small {
        display: inline;
    }

    .registration-convention-dates {
        width: 220px;
        margin-left: 0px;
        padding: 0px 15px 15px 25px;
        font-size: 14px;
    }
    .registration-convention-dates td {
        padding-right: 8px;
    }

    .kumoricon-lite-schedule .kumoricon-lite-narrow-break {
        display: inline;
    }
}
@media (max-width: 390px) {
    .header-moon {
        display: none;
    }
}
@media (max-width: 375px) {
    .kumoricon-lite-schedule .kumoricon-lite-narrower-break {
        display: inline;
    }
}
@media (max-width: 355px) {
    .text-header-name {
        font-size: 32px;
        left: 15px;
    }
    .text-header-year {
        font-size: 24px;
    }
    .footer-cityscape {
        top: 89px;
        height: 87px;
        margin-left: -159px;
    }
    .footer-cityscape img {
        height: 87px;
    }
}
@media (max-width: 319px) {
    .kumoricon-lite-schedule .kumoricon-lite-narrowest-break {
        display: inline;
    }
}
.kc-gallery-image-general
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
}
.kc-gallery-image-spott
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 150px;
    height: 226px;
}
.kc-gallery-image-225
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 225px;
}
.kc-gallery-image-225-square
{
    float: left;
    padding-right: 20px;
    padding-bottom: 40px;
    width: 225px;
    height: 225px;
}
.kc-gallery-image-225-square img {
    max-width: 100%;
    max-height: 100%;
}
.kc-gallery-image-161-225
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 169px;
    height: 225px;
}
.kc-gallery-image-169-225
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 169px;
    height: 225px;
}
.kc-gallery-image-150-225
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 150px;
    height: 225px;
}
.kc-gallery-image-photo
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 225px;
}
.kc-gallery-image-cover
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 309px;
    max-width: 96%;
}
.kc-gallery-image-cover-2007
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 350px;
    max-width: 96%;
}
.kc-gallery-image-cover-2009
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 350px;
    max-width: 96%;
}
.kc-gallery-image-pocket
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 500px;
    max-width: 96%;
}
.kc-gallery-image-pocket-2008
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 500px;
    max-width: 96%;
}
.kc-gallery-image-pocket-2009
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 497px;
    max-width: 96%;
}
.kc-gallery-image-mascot
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 400px;
    max-width: 96%;
}
.kc-gallery-image-mascot-300
{
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 300px;
}
.kc-gallery-image-mascot-300 img
{
    width: 300px;
}
.kc-gallery-image-cover img,
.kc-gallery-image-cover-2007 img,
.kc-gallery-image-cover-2009 img,
.kc-gallery-image-pocket img,
.kc-gallery-image-pocket-2008 img,
.kc-gallery-image-pocket-2009 img,
.kc-gallery-image-mascot img {
    max-width: 100%;
    height: auto;
}

#staff_mgmt_person_directory_table th, #staff_mgmt_program_book_list th, #staff_mgmt_simple_member_list_table_overlap th, #staff_mgmt_simple_member_list_table_no_overlap th
{
    font-weight: bold;
}
#staff_mgmt_person_directory_table td, #staff_mgmt_person_directory_table th, #staff_mgmt_program_book_list td, #staff_mgmt_program_book_list th, #staff_mgmt_simple_member_list_table_overlap th, #staff_mgmt_simple_member_list_table_overlap td, #staff_mgmt_simple_member_list_table_no_overlap th, #staff_mgmt_simple_member_list_table_no_overlap td
{
    padding-right: 20px;
}
#staff_mgmt_person_directory_table th, #staff_mgmt_person_directory_table td, #staff_mgmt_program_book_list td, #staff_mgmt_program_book_list th, #staff_mgmt_simple_member_list_table_overlap th, #staff_mgmt_simple_member_list_table_overlap td, #staff_mgmt_simple_member_list_table_no_overlap th, #staff_mgmt_simple_member_list_table_no_overlap td
{
    text-align: left;
    vertical-align: top;
    padding-right: 8px;
    font-size: 8pt;
    word-wrap: break-word;
}
.staff-mgmt-org-chart
{
    border-spacing: 2px;
    border-collapse: collapse;
}
.rank-executive {
    color: #0000ff;
}
.rank-manager {
    color: #ff0000;
}
.rank-coordinator {
    color: #ffff00;
}
.rank-general {
    color: #00b000;
}
.rank-volunteer {
    color: #ff00ff;
}
.rank-executive,
.rank-manager,
.rank-coordinator,
.rank-general,
.rank-volunteer {
    font-family: 'BankGothicBT-Medium';
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    padding-right: 4px;
}

.kc-staffchart-column
{
    vertical-align: top;
    /* background: #9abaed; */
    background: #87aeed;
    font-size: 8pt;
}
.kc-staffchart-column a:link
{
    color: #084279;
    text-decoration: none;
}
.kc-staffchart-column a:visited
{
    color: #084279;
    text-decoration: none;
}
.kc-staffchart-openpositioncolumn
{
    vertical-align: top;
    /* background: #dff1f5; */
    background: #e1ecff;
    font-size: 8pt;
}
.kc-staffdirectory-popup
{
    background: #9abaed;
    border-style: solid;
    border-width: 2px;
    border-color: #800000;
    padding-left: 12px;
    padding-right: 12px;
}
.kc-staffdirectory-column
{
    width: 250px;
    vertical-align: top;
}
.kc-useradmin-table
{
    text-align: left;
    vertical-align: top;
    padding-right: 20px;
}
.kc-errorlabel
{
    font-weight: bold;
    color: #BF0000;
}
#staff_mgmt_directory_tabs_table td
{
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: bold;
}
#staff_mgmt_directory_tabs_table td a
{
    text-decoration: none;
}
.staff_mgmt_directory_tabs_table_unselected
{
    background: #bac6c7;
}
.staff_mgmt_directory_tabs_table_selected
{
    background: #d1dfe0;
}