@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('MonoSocialIconsFont-1.10.eot');
    src: url('MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('MonoSocialIconsFont-1.10.woff') format('woff'),
         url('MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html { margin: 0; padding: 0; text-align: left; }
body { padding: 0; margin: 0; height: 100%; line-height: 0; background: #FFFFFF; color: #231f20; text-align: left; font-family: "Montserrat", sans-serif; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: top center; -o-background-size: contain; -webkit-background-size: contain; -khtml-background-size: contain; -moz-background-size: contain; background-size: contain; }

a:link, a:visited { color: #f3617d; font-weight: bold; text-decoration: none; }
a:hover, a:active { color: #abd593; font-weight: bold; text-decoration: none; }

h1 { font-size: 36px; line-height: 48px; font-weight: normal; margin: 10px 0 10px 0; }
h2 { font-size: 24px; line-height: 30px; font-weight: normal; margin: 10px 0 10px 0; }

p { font-size: 18px; line-height: 24px; }

img { border: none; padding: 0; }
.clear { height: 0px; clear: both; }

#wrapper { margin: 0 auto; width: 1030px; }

.submit input { font-size: 10px; line-height: 30px; background-color: #f3617d; color: #FFFFFF; padding: 2px 4px 2px 4px; border: none; transform: uppercase; }
.submit input:hover, .submit input:focus { font-size: 10px; line-height: 30px; background-color: #abd593; color: #FFFFFF; padding: 2px 4px 2px 4px; border: none; transform: uppercase; }

.buttonbox:link, .buttonbox:visited { background-color: #f3617d; color: #FFFFFF; padding: 2px 4px 2px 4px; font-size: 10px; line-height: 30px; text-transform: uppercase; }
.buttonbox:hover, .buttonbox:active { background-color: #abd593; color: #FFFFFF; padding: 2px 4px 2px 4px; font-size: 10px; line-height: 30px; text-transform: uppercase; }

.calendar { padding: 10px 0 5px 0; border-bottom: 2px solid #f3617d; }

#onecol { width: 310px; margin: 0 25px 25px 0; display: inline; float: left; position: relative; }
#twocol { width: 645px; margin: 0 25px 25px 0; display: inline; float: left; position: relative; }
#threecol { width: 980px; margin: 0 0 25px 0; display: inline; float: left; position: relative; }
#halfcol { width: 478px; margin: 0 24px 25px 0; display: inline; float: left; position: relative; }

.footer p { font-size: 11px; line-height: 18px; color: #6d6c6c; }

#graphicbox { color: #FFFFFF; line-height: 18px; background-size: cover; overflow: hidden; margin: 0 25px 25px 0; display: inline; float: left; position: relative; cursor: pointer; }

#graphicbox .buttonbox:link, #graphicbox .buttonbox:visited { background-color: #FFFFFF; color: #f3617d; padding: 2px 4px 2px 4px; font-size: 10px; line-height: 30px; text-transform: uppercase; }
#graphicbox .buttonbox:hover, #graphicbox .buttonbox:active { background-color: #abd593; color: #f3617d; padding: 2px 4px 2px 4px; font-size: 10px; line-height: 30px; text-transform: uppercase; }

#overlay { background: rgba(243,97,125,.85); text-align: center; padding-top: 90px; opacity: 0; -webkit-transition: opacity .25s ease; }

#graphicbox:hover #overlay { opacity: 1; }

#nav { width: 100%; margin: 0; padding: 0; background-color: #FFFFFF; top: 0; left: 0; font-size: 12px; line-height: 32px; background-image: url(../images/lilbub_ears.png); background-repeat: no-repeat; background-position: bottom center; }

.symbol { font-family: 'Mono Social Icons Font'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; }

.symbol a:link, .symbol a:visited, .symbol a:hover, .symbol a:active { font-weight: normal; font-size: 24px; line-height: 40px; padding-left: 5px; }

#newswindow { display: none; }
#newswindow p { font-size: 12px; line-height: 18px; }
#newswindow a:link, #newswindow a:visited { color: #abd593; font-weight: bold; text-decoration: none; }
#newswindow a:hover, #newswindow a:active { color: #5c457a; font-weight: bold; text-decoration: none; }
#newswindow .buttonbox:link, #newswindow .buttonbox:visited { background-color: #abd593; color: #f3617d; padding: 2px 4px 2px 4px; font-size: 10px; line-height: 30px; text-transform: uppercase; }
#newswindow .buttonbox:hover, #newswindow .buttonbox:active { background-color: #5c457a; color: #f3617d; padding: 2px 4px 2px 4px; font-size: 10px; line-height: 30px; text-transform: uppercase; }

#wink { width: 422px; height: 402px; background-image: url(../images/lilbub_wink.png); background-repeat: no-repeat; background-position: top center; opacity: 0; filter: alpha(opacity=0); }
#wink:hover, #wink:active { opacity: 1; filter: alpha(opacity=100); }

#ufo { width: 74px; height: 28px; position: fixed; display: inline; right: -80px; opacity: 1; z-index: 1; background-image: url(../images/ufo.png); cursor: default; }
.ufobox { position: absolute; width: 100%; height: 28px; z-index: 1; }
.ufobox:after { content: ""; display: table; clear: both; }

.news:link { -webkit-animation: color-change 1s infinite; -moz-animation: color-change 1s infinite; -o-animation: color-change 1s infinite; -ms-animation: color-change 1s infinite; animation: color-change 1s infinite; }
.stopnews, .news:hover, .news:active, .news:visited { -webkit-animation: 0; -moz-animation: 0; -o-animation: 0; -ms-animation: 0; animation: 0; }

.lightbox { display: none; }

@-webkit-keyframes color-change { 0% { color: #f3617d; } 50% { color: #fcd7de; } 100% { color: #f3617d; } }
@-moz-keyframes color-change { 0% { color: #f3617d; } 50% { color: #fcd7de; } 100% { color: #f3617d; } }
@-ms-keyframes color-change { 0% { color: #f3617d; } 50% { color: #fcd7de; } 100% { color: #f3617d; } }
@-o-keyframes color-change { 0% { color: #f3617d; } 50% { color: #fcd7de; } 100% { color: #f3617d; } }
@keyframes color-change { 0% { color: #f3617d; } 50% { color: #fcd7de; } 100% { color: #f3617d; } }