@font-face {
    font-family: 'LatoWeb';
    src: url('fonts/LatoLatin-Bold.eot');
    src: url('fonts/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatin-Bold.woff2') format('woff2'),
         url('fonts/LatoLatin-Bold.woff') format('woff'),
         url('fonts/LatoLatin-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'LatoWeb';
    src: url('fonts/LatoLatin-BoldItalic.eot');
    src: url('fonts/LatoLatin-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatin-BoldItalic.woff2') format('woff2'),
         url('fonts/LatoLatin-BoldItalic.woff') format('woff'),
         url('fonts/LatoLatin-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: bold;
}
@font-face {
    font-family: 'LatoWeb';
    src: url('fonts/LatoLatin-Italic.eot');
    src: url('fonts/LatoLatin-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatin-Italic.woff2') format('woff2'),
         url('fonts/LatoLatin-Italic.woff') format('woff'),
         url('fonts/LatoLatin-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
}
@font-face {
    font-family: 'LatoWeb';
    src: url('fonts/LatoLatin-Regular.eot');
    src: url('fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/LatoLatin-Regular.woff2') format('woff2'),
         url('fonts/LatoLatin-Regular.woff') format('woff'),
         url('fonts/LatoLatin-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'MuseoSans500';
    src: url('museosans_500-webfont.eot');
    src: url('museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('museosans_500-webfont.woff') format('woff'),
         url('museosans_500-webfont.ttf') format('truetype'),
         url('museosans_500-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans900';
    src: url('museosans_900-webfont.eot');
    src: url('museosans_900-webfont.eot?#iefix') format('embedded-opentype'),
         url('museosans_900-webfont.woff') format('woff'),
         url('museosans_900-webfont.ttf') format('truetype'),
         url('museosans_900-webfont.svg#MuseoSans900') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MarcelleScriptRegular';
    src: url('marcsc___-webfont.eot');
    src: url('marcsc___-webfont.eot?#iefix') format('embedded-opentype'),
         url('marcsc___-webfont.woff') format('woff'),
         url('marcsc___-webfont.ttf') format('truetype'),
         url('marcsc___-webfont.svg#MarcelleScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; border: 0; }
html, body { height: 100%; background: #fff url('../gfx/bg-body.gif') center; color: #333; font: 15px/21px LatoWeb, Arial, Helvetica, sans-serif; }
.wrapper { width: 960px; margin: 0 auto; }
p { margin: 10px 0; }
ul { margin: 10px 20px; list-style: square; }
a { color: #065478; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; }
h1, h2, h3 { font-weight: normal; font-family: "MarcelleScriptRegular", Arial, Helvetica, sans-serif; color: #83aabc; margin-bottom: 20px; }
a:hover { text-decoration: none; color: #e7c203!important; }
h1 { font-size: 40px; line-height: 44px; }
h2 { font-size: 32px; line-height: 36px; }
h3 { font-size: 28px; line-height: 32px; }
img { max-width: 100%; height: auto!important; }

.header { background: url('../gfx/bg-header.png') repeat-x top center; height: 230px; }
.logo { float: left; margin-top: 60px; margin-left: 5px; width: 185px; height: 144px; background: url('../gfx/bwyw.png') no-repeat center; background-size: contain; }
.topright { float: right; padding-top: 130px; position: relative; height: 70px;  }
.socmed { float: right; margin-bottom: 20px; }
.socmed a { float: left; margin-left: 3px; width: 33px; height: 34px; }
.socmed a, .ctglogo { transition-duration: 0.2s; -webkit-transition-duration: 0.2s; }
.socmed a:hover, .ctglogo:hover { opacity: 0.8; }
.socmed a.fb { background: url('../gfx/facebook.png'); }
.socmed a.tw { background: url('../gfx/twitter.png'); }
.socmed a.rss { background: url('../gfx/rss.png'); }

.ctglogo { width: 100px; height: 86px; background: url('../gfx/ctg.png') no-repeat center; background-size: contain; display: block; margin: 30px auto 0; }

.topright form { position: absolute; width: 220px; height: 30px; bottom: 0; right: 0; }
input#search { width: 174px; height: 30px; padding: 0 8px; position: absolute; border: 0; -webkit-appearance: none; border-radius: 0; color: #999; background: #eee; margin: 0; font: 12px LatoWeb, Arial, Helvetica, sans-serif; }
input#search:focus { color: #333; }
input.gosearch { position: absolute; right: 0; width: 30px; height: 30px; padding: 0; border: 0; cursor: pointer; box-sizing: border-box; background: #065478 url('../gfx/magnify.png') no-repeat center; background-size: 16px auto; margin: 0; border-radius: 0; }
input#search:hover, input#search:focus { background: #eee; }
input.gosearch:hover, input.gosearch:focus { background-color: #83aabc; }

.bodybox { clear: both; }
.lhs { float: left; width: 200px; margin-right: 20px; }
.fl_menu { margin: 0; list-style: none; text-transform: uppercase; text-align: center; border-bottom: 1px solid #f5deb8; }
.fl_menu a { text-decoration: none; color: #3f4a49; display: block; padding: 12px 0; font: 16px/24px MuseoSans500, Arial, Helvetica, sans-serif; border-top: 1px solid #f5deb8; color: #065478; }
.fl_menu li.current>a, .fl_menu li.current>a:hover { color: #628b99!important; cursor: default; }
.fl_menu ul { display: none; }
.fl_menu li.current ul, .fl_menu li.curparent ul, .fl_menu li.curhighparent ul { display: block; margin: -5px 0 12px; list-style: none; text-transform: none; }
.fl_menu li.current ul a, .fl_menu li.curparent ul a, .fl_menu li.curhighparent ul a { background: none; color: #999; font-family: MuseoSans500, Arial, Helvetica, sans-serif; border: 0; padding: 5px 10px; }
.fl_menu li.curparent ul a { color: #999; }
.fl_menu li ul li.current a, .fl_menu li ul li.current a:hover { color: #333!important; cursor: default; }
.fl_menu ul ul { display: none!important; margin: 5px 0!important; }
.fl_menu ul li.current ul, .fl_menu ul li.curparent ul { display: block!important; }
.fl_menu ul li.current ul a, .fl_menu ul li.curparent ul a { font-size: 14px; line-height: 20px; }
.fl_menu ul li.current ul a { cursor: pointer!important; color: #999!important; }
.fl_menu ul li.current ul a:hover { color: #e7c203!important; }

.middle { float: left; width: 480px; margin-right: 20px; }
.page_index .middle { width: 740px; margin-right: 0; }
.tabs { float: left; width: 100%; }
.tab { float: left; margin-right: 2px; background: #065478; color: #83aabc; text-transform: uppercase; padding: 10px 15px; font: 16px MuseoSans500, Arial, Helvetica, sans-serif; sans-serif; cursor: pointer; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; }
.page_index .tab { font-size: 18px; }
.curtab { color: #fff; cursor: default; }
.tabcontent { display: none; }
.page_index .tabcontent { font-weight: bold; font-size: 16px; line-height: 22px; }
.curtabcontent { clear: both; display: block; border-top: 1px solid #065478; }
.curtabcontent img { float: left; margin-right: 20px; }
.tabcontent h2 { color: #065478; margin-top: 10px; }
.morelinks { clear: both; color: #99dbfe; border-top: 1px solid #83aabc; border-bottom: 1px solid #065478; padding: 10px 0; text-align: center; font-weight: normal; }
.morelinks a { margin: 0 20px; font-weight: bold; }
.larger { font-size: 1.1em; margin-top: 30px; }
.middle li { margin-bottom: 5px; }
.boxesbottom { width: 740px; }

.rhs { float: left; width: 240px; position: relative; color: #999; }
.page_index .rhs { display: none; }
.newsheading { font-weight: bold; }
.more { text-align: right; }
.rhsimg { width: 240px; display: block; margin-bottom: 20px; }

.boxleft { width: 230px; float: left; margin-right: 20px; }
.boxright { width: 230px; float: left; }

.box { margin-bottom: 30px; padding-bottom: 20px; }
.boxblue { border-bottom: 1px solid #99dbfe; }
.boxred { border-bottom: 1px solid #af1702; }

#imgfade { width: 738px; height: 245px; overflow: hidden; position: relative; margin-bottom: 30px; }
#imgfade img { position: absolute; }
.topcontent { font-size: 21px; line-height: 25px; font-weight: bold; color: #065478; margin-bottom: 20px; }
.bottomcontent { margin-top: 20px; font-size: 16px; line-height: 22px; }

.fronttext { width: 49%; display: inline-block; vertical-align: top; padding: 0; box-sizing: border-box; margin-right: 2%; }
.ytwrap { width: 49%; display: inline-block; vertical-align: top; }
.ytvid { position: relative; height: 0; padding-bottom: 56.25%; }
.ytvid iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }


.footer { clear: both; height: 51px; padding-top: 30px; background: url('../gfx/bg-footer.png') repeat-x bottom center; text-align: right; color: #999; font-size: 12px; }
.footer a { color: #999; }

.page_index .breadcrumbs, .page_index h1 { display: none; }

.fl_mailform label, .fl_commform label { display: block; font-size: 10px; text-transform: uppercase; margin: 5px 0 0; }
input, textarea, select { font: 12px Arial, Helvetica, sans-serif; color: #333; border: 1px solid #ccc; width: 400px; margin-right: 5px; }
select { width: 408px; }
input.checkbox { border: 0; width: auto; }
input:hover, textarea:hover, select:hover { background-color: #fff; border-color: #ccc; }
input:focus, textarea:focus, select:focus { background-color: #fff; border-color: #999; }
#mailspamcode, #commspamcode { width: 375px; }
.fl_mailform img { position: relative; top: 5px; }
.fl_postingform img { position: relative; top: -3px; }

.shopbutton, input.emailsub, input.commentsub, input.formsub { display: block; width: auto; border: 1px solid #ccc; font-weight: bold; margin-top: 10px; padding-left: 22px; font-size: 14px; background: #eee no-repeat 3px 4px; background-image: url('../gfx/icons/email_go.png'); text-decoration: none; color: #333; cursor: default; margin-right: 5px; }
.shopbutton { padding: 3px 3px 3px 22px; float: left; }
.shopbutton:hover, input.emailsub:hover, input.commentsub:hover, input.formsub:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #333; }
.shopbutton:active, input.emailsub:active, input.commentsub:active, input.formsub:active { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #369!important; }

#fl_loading { display: none; position: fixed; top: 10px; right: 10px; background: #fff; padding: 3px; border: 1px solid #ccc; }

.fl_blogintro, .fl_blogpost1, .fl_blogpost2 { margin-top: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.fl_postinfo { margin-top: 10px; }
#fl_commsbox h3 { font-weight: normal; }
#fl_commsbox { clear: both; margin: 0; padding: 0; border: 0; background: transparent; }
.fl_commentname, .fl_commentmessage { margin-left: 0; }
.fl_newspreview b, .fl_newspreview strong { font-weight: normal; }

.page_index .pagetitle, #fl_tracksbox, .fl_rsslinks, .fl_rsslinks .rsscomments { display: none; }
.page_blog .fl_rsslinks { display: block; }

.breadcrumbs { font-size: 10px; text-transform: uppercase; color: #bbb; margin-bottom: 10px; }
.breadcrumbs a { color: #bbb!important; margin: 3px; display: inline-block; }


.page_resources h2, .page_resources img { clear: left; }
.cms_imgleft { margin: 0 10px 10px 0; border: 0; max-width: 200px; }
.cms_imgright { margin: 0 0 10px 10px; border: 0; max-width: 200px; }

.boxcats a { width: 155px; height: 95px; margin: 0 5px 5px 0; float: left; position: relative; color: #fff; text-decoration: none; text-transform: uppercase; }
.boxcats a span { position: absolute; width: 145px; padding: 5px; background: rgba(0, 0, 0, 0.5); bottom: 0; font-family: MuseoSans500, Arial, Helvetica, sans-serif; }

.boxpaths ul { margin: 20px 0 0; list-style: none; }
.boxpaths ul li { display: block; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.boxpaths h3 { margin-top: 20px; }
.boxpaths strong, .boxpaths b { font-size: 0.8em; color: #999; text-transform: uppercase; font-weight: normal; display: block; margin-top: -5px; }
.boxpaths ul li a { display: block; }

#searchresults .url { font-size: 10px; text-align: right; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
    .logo { background-image: url('../gfx/bwyw@2x.png'); }
    .ctglogo { background-image: url('../gfx/ctg@2x.png'); }
    input.gosearch { background-image: url('../gfx/magnify@2x.png'); }
}

@media all and (max-width: 979px) {
    html, body { min-width: 320px; -webkit-text-size-adjust: none; }
    .wrapper { width: 740px; }
    .lhs { float: none; margin-right: 0; width: auto; border-bottom: 1px solid #f5deb8; margin-bottom: 30px; }
    .ctglogo { display: none; }
    .fl_menu { border-bottom: 0; }
    .topright { padding-top: 10px; }
    .logo { margin-top: 20px; }
    .header { height: 190px; }
    
	#menubutton { position: absolute; top: 151px; right: 20px; width: 38px; height: 38px; background: #fff; cursor: pointer; z-index: 16; border: 1px solid #fcda30; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; }
    #menubutton .rowbar { position: absolute; top: 19px; left: 8px; width: 22px; height: 2px; background: #fcda30; }
    #menubutton .rowtop { top: 11px; }
    #menubutton .rowbottom { top: 27px; }
    #menubutton.menushown { background: #99dbfe; border-color: #99dbfe; }
    #menubutton.menushown .rowbar { background: #fff; }
    #menubutton:active { background: #fcda30; border-color: #fcda30; }
    #menubutton:active .rowbar { background: #fff; }
    
	#menu { display: none; }
    #menu.menublock { display: block; }
}

@media all and (max-width: 767px) {
    .wrapper { width: auto; margin: 0 20px; }
    .middle { width: 100%!important; float: none; }
    .rhs { display: none; }
    #imgfade { width: 100%; height: 0; padding-bottom: 33.1%; }
    .boxesbottom { width: auto; }
    .boxesbottom .box, .boxleft, .boxright { width: 100%; margin-right: 0; float: none; height: auto!important; }
    
    .curtabcontent img { display: block; margin-right: 0; margin-bottom: 10px; float: none; }
    .morelinks span { display: block; height: 0; overflow: hidden; }
    .tabs { white-space: nowrap; float: none; width: auto; }
    .tabscont { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
    .page_index .tab, .tab { float: none; display: inline-block; font-size: 14px; }

	.ytwrap { width: 100%; }
	.fronttext { width: 100%;margin-right: 0; }
    
}
@media all and (max-width: 599px) {
    .cms_imgleft { max-width: 180px; }
    .cms_imgright { max-width: 180px; }
}

@media all and (max-width: 499px) {
    .topright { display: none; }
    .logo { width: 92.5px; height: 72px; }
    .header { height: 108px; }
    .lhs { margin-bottom: 10px; }
    .breadcrumbs { margin-bottom: 0; }
    #imgfade { display: none; }
    .topcontent { margin-top: 20px; }
    .cms_imgleft { max-width: 150px; }
    .cms_imgright { max-width: 150px; }
    #menubutton { top: 69px; }
}

@media all and (max-width: 399px) {
    .wrapper { margin: 0 10px; }
    .cms_imgleft { max-width: 120px; }
    .cms_imgright { max-width: 120px; }
    #menubutton { right: 10px; }
}

@media all and (min-width: 768px) {
    .page_index .tab { padding: 10px 40px; }
}