/* ,;s5X932ir:. ;XHMMH&h9h&H###&s. .:s3H#@@@@@@@@#AXr: s#@@@@#BA&GG&AHM#@@@@@3, :2#@@@@@@@@@@@@@@@@@@@@@@@@Mi, S@@@#BAA&GGGGGGG&AAAHM#@@@A. ,3@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@S. :@@@HA&GhhhhhhhhhhhhGGG&AAB#@@2 ,A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@X. i@@BAA&&Ghhhh&&&A&GhhhhhhGG&AB#@# S@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@r S@MAAAHHA&Ghhh&AHHAAGhhhhhhhhG&HM@@ &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@5 ;@BHr ,#Gh&5 M&hhhhhhhhGG&AB@M G@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@s ##GBr ,@&hA2 @MMMMAHMM#MA&&AM@: s@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@3.@AhMS :@&hHh @;;;;B5:.,r&#A&H@5 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ r#GG#2 :@&GBA .# s#AAA3 ;@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 2BGG#2 :@&GMA .@ r2. 3M&G9 X@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 5BGG#5 ;@A&#M .@ 5@@@ :@GG9 A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ;#GGMA A##@r ;@ r@@@ :@GG3 &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@; #&&H@; #@ ; 9MGA5 5@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ XB&A#@2 ;#@# X@&h#: :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@r #AAH#@@M92ii53H@@#MM X@XS2A@@AhM9 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ #AAHB#@@@@@@@@#A&BM i@@@@@B&GBG X@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ HB&AAAAHHHHAAGhGHM... i@HAA&GG#2 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@; rMAGGGGGhhhhhhGA#@@@@B&GhhGBB; r@@@, :A@@@@@@@@@@@@@@@: ,@@@@@@@@s @@@@@@@@S @@@@@@@@@# iBH&hhhhhhhhGAHMMBA&GGAMBs @@@@ ,@@@@@@@@@@@@@@ @@@@@@@@: @@@@@@@@; @@@@@@@@@@@G ;XHBHA&GGGG&&&AAAHMMh; :@@@@. @@@@ @#AHH#@@@&AHM@: @M22A@@@s @#25G@@@2 @@@@M922G@@@@@; ;2AM#######MHhi: 2@@@@, @@@@. .@ @@@ MS r@X :@H @@: ,@@@@@ ..,,. #@@@@, 5@@. @@@ @2 ;. AB :, i@ @ r@@3 @@@@, @@@@@, ,::: @r @@@ @2 .@@@r .A @@@9 A X 3G3& .@@@; @@@@@, @@@@@ ,s @@@ @2 ,@@@X ,A @@@# A 3 . ;r;,:@@@; H@@@@: riss. s5 r2 @2 :H3 &# .H& s@ @ M@@@B#@H@@@@, i@@@@. ;@@ #s ;@2 ,@H @@. ,@@@@ ,@@@@B9&G9X2X9A#@@@@@@Asri#@@Gh2@@9G9@@2rsh@@@@3Gh@@3rs3@@@@XG9X@@@@3r::;SB@@@@@@ A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@9 .@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ,@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ B@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@2 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@B &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@i :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 2@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@r &@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@5 3@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@i ;@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@B: s@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@B; ;A@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@9, .:r2GB#@@@@@@@@@@@@@@#HG5r: www.bubbleup.net */ /*normalize*/ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /*clearfix*/ .clear:before, .clear:after { content: ""; display: table; } .clear:after { clear: both; } .clear { zoom: 1; } /*<><><> shell <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>*/ @font-face { font-family: 'BebasNeueRegular'; src: url('../fonts/BebasNeue-webfont.eot'); src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url('../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NovecentowideDemiBold'; src: url('../fonts/Novecentowide-DemiBold-webfont.eot'); src: url('../fonts/Novecentowide-DemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Novecentowide-DemiBold-webfont.woff') format('woff'), url('../fonts/Novecentowide-DemiBold-webfont.ttf') format('truetype'), url('../fonts/Novecentowide-DemiBold-webfont.svg#NovecentowideDemiBold') format('svg'); font-weight: normal; font-style: normal; } body {background: #52c2d8 url(../images/bg.jpg) center top no-repeat; font: 13px/1em Arial, Helvetica, Helvetica Neue, sans-serif; color: #003f6d;} a {color: #003f6d; text-decoration: underline;} a:hover {color: #f1c900;} p {line-height: 1.5em} #page {width: 920px; margin: 0 auto 50px; position: relative; background: inherit;} #nav-toggle {display: none;} #nav {text-align: center; height: 48px; background: #005372; position: relative; z-index: 100;} #nav ul {margin: 0; padding: 0; list-style: none;} #nav ul li {display: inline-block; *zoom: 1; *display: inline; vertical-align: top;} #nav ul li a {display: block; color: #fff; font: 22px/48px 'BebasNeueRegular', sans-serif; text-decoration: none; padding: 0 8px;} #nav ul li a:hover {color: #F7D500;} #header {margin: 0; line-height: 1em; padding: 0; position: relative; z-index: 2;} #logo {position: absolute; top: 0; left: 0; display: block;} #banner {background: url(../images/banner.png) repeat-x; height: 118px; padding: 20px 30px 0 0; box-shadow: 0 0 20px rgba(0,0,0,.5); margin: 50px 0 0 200px;} #banner img {display: block; float: right; clear: right;} #content {background: url(../images/content.png) repeat; padding: 30px 20px; width: 560px; margin: 0 auto; position: relative; left: 150px; min-height: 300px;} #top-bar { background: #003458; padding: 16px; height: 12px; } #top-bar-header { width: 1000px; background: #003458; margin: 0 auto; color: #fff; font-family: 'NovecentowideDemiBold', sans-serif; font-size: 23px; text-align: center; position: relative; } #top-bar-link { background: #00a5c2; color: #fff; padding: 6px 10px; text-decoration: none; font-size: 13px; position: absolute; top: -6px; right: 165px; border-radius: 6px; } #top-bar-link:hover { background: #f8d500; color: #003458; } .lead {text-align: center; font-family: 'NovecentowideDemiBold', sans-serif; font-size: 17px;} h2 {font: 36px/1em 'BebasNeueRegular', sans-serif; margin: 0;} .errors {font-size: 11px; font-weight: bold; color: red;} .errors br {display: none;} .general-form {margin: 0; padding: 0; list-style: none;} .general-form li {margin: 0 0 5px;} input, select, textarea {background: #003f6d; border: 0; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; vertical-align: middle; padding: .5em; width: 360px;} .width-auto {width: auto;} label {font: 24px/1em 'BebasNeueRegular', sans-serif; vertical-align: middle; width: 160px; display: inline-block; *zoom: 1; *display: inline;} button, .button {background: #002442; border: 0; padding: .3em .5em .2em .5em; font: 26px/1em 'BebasNeueRegular', sans-serif; color: #fff; text-decoration: none; vertical-align: middle; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} button:hover,.button:hover {background: #F9D700; color: #222;} .view-newsletter {display: block; background: #F5CF00; padding: .6em; border: 4px solid #003F6D; font: 1.8em/1 'BebasNeueRegular', sans-serif; text-decoration: none; position: absolute; top: 330px; left: 53px; width: 200px; text-align: center; color: #003F6D!important;} .view-newsletter span {display: block; background: #003F6D; color: #fff; font-size: 1.2em; padding: .3em; margin: .5em 0 0; } .view-newsletter:hover span {background: #00A4BD;} @media screen and (min-width: 0) { #page {width: auto; max-width: 920px;} } @media screen and (max-width: 920px) { #page {max-width: 700px;} #logo {position: static; margin: 0 auto; max-width: 300px; width: 100%;} #banner {margin: 0; padding: 25px 20px 10px; margin-top: -20px; background-size: auto 100%; height: auto;} #banner img {float: none; margin: 0 auto; width: 100%;} #banner img:first-child {max-width: 520px;} #banner img:last-child {max-width: 315px; width: 60%;} #content {left: 0; width: auto; margin: 0 10px;} #top-bar { background: #003458; padding: 12px; height: 12px; } #top-bar-header { width: 920px; background: #003458; margin: 0 auto; color: #fff; font-family: 'NovecentowideDemiBold', sans-serif; font-size: 18px; text-align: center; position: relative; margin-left: -60px; } #top-bar-link { background: #00a5c2; color: #fff; padding: 5px 10px; text-decoration: none; font-size: 12px; position: absolute; top: -6px; right: 178px; border-radius: 6px; } #top-bar-link:hover { background: #f8d500; color: #003458; } #nav-toggle {display: block; width: 42px; height: 0; overflow: hidden; padding: 42px 0 0; background: url(../images/nav_view.png) no-repeat; float: right; margin: 3px 3px; cursor: pointer;} #nav ul {display: none; clear: both; background: #F9F7EE; border-bottom: 10px solid #003F6D;} #nav ul li {display: block;} #nav ul li a {font-size: 32px; border-top: 1px solid #ddd; color: #003F6D;} .nav-visible #nav-toggle {background: url(../images/nav_hide.png) no-repeat;} .nav-visible #nav ul {display: block;} .view-newsletter {position: static; margin: 20px auto 0;} } @media screen and (max-width: 630px) { label {display: block; width: auto; margin: 15px 0 5px} input, select, textarea {width: 95%;} #top-bar { background: #003458; padding: 12px; height: 12px; } #top-bar-header { width: 630px; background: #003458; margin: 0 auto; color: #fff; font-family: 'NovecentowideDemiBold', sans-serif; font-size: 18px; text-align: center; position: relative; margin-left: -100px; } #top-bar-link { background: #00a5c2; color: #fff; padding: 5px 10px; text-decoration: none; font-size: 12px; position: absolute; top: -6px; right: 36px; border-radius: 6px; } #top-bar-link:hover { background: #f8d500; color: #003458; } } @media screen and (max-width: 500px) { h2 {font-size: 28px} #logo {max-width: 250px;} #content {margin: 0;} #top-bar { background: #003458; padding: 12px; height: 12px; } #top-bar-header { width: 500px; background: #003458; margin: 0 auto; color: #fff; font-family: 'NovecentowideDemiBold', sans-serif; font-size: 12px; text-align: center; position: relative; margin-left: -136px; } #top-bar-link { background: #00a5c2; color: #fff; padding: 5px 10px; text-decoration: none; font-size: 9px; position: absolute; top: -6px; right: 54px; border-radius: 6px; } #top-bar-link:hover { background: #f8d500; color: #003458; } }