PageSourceSearch

https://www.britishcalypsonians.com/YOUTH-CALYPSO-AND-SOCA-WORKSHOPS.php

html britishcalypsonians.com collected 2026-10-02 23:57:16 UTC 39,902 bytes, 1,304 lines download raw bytes

1<!DOCTYPE html>
2<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
4<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
5<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6    <head>
7        <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
9        <!-- normalize and html5 boilerplate resets -->
10        <link rel="stylesheet" href="templates/Skyline_v2/resources/css/reset.css">
11        <link rel="stylesheet" href="templates/Skyline_v2/resources/css/less.build.css">
12
13        <!--[if lte IE 9]>
14        
14<script src="templates/Skyline_v2/resources/js/html5shiv.js"></script>
14
15        
15<script src="templates/Skyline_v2/resources/js/html5shiv-printshiv.js"></script>
15
16
17        <![endif]-->
18
19        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
20
21
22<title>Association of British Calypsonians</title>
23
24
25
26<meta name="description" content="" />
27<meta name="keywords" content="" />
28
29
30  
31
32
33  <style type="text/css" id="styleCSS">
34    /*
35    Some Style Themes enhanced with background textures provided by http://subtlepatterns.com/
36*/
37body {
38    
39    background-image: url(resources/Music%20Man.jpg);
40    background-repeat: repeat-y;
41    background-attachment: scroll;
42    background-position: top center;
43    background-size: cover;
44}
45
46/* IOS devices 'bgd-att: fixed' solution */
47@media only screen and (max-device-width: 1366px) {
48    .bgd-attachment-fixed {
49        background-image: none;
50    }
51    .bgd-attachment-fixed:after {
52        content: '';
53        position: fixed;
54        top: 0;
55        left: 0;
56        right: 0;
57        width: 100%;
58        height: 100%;
59        background-image: url(resources/Music%20Man.jpg);
60        background-repeat: repeat-y;
61        background-position: top center;
62        background-size: cover;
63        z-index: -2;
64    }
65}
66
67.Text_2_Default,
68.yola_heading_container {
69  word-wrap: break-word;
70}
71
72.yola_bg_overlay {
73    display:table;
74    table-layout: fixed;
75    position:absolute;
76    min-height: 100%;
77    min-width: 100%;
78    width:100%;
79    height:100%;
80}
81.yola_outer_content_wrapper {
82    padding-top: 100px;
83    padding-right: 0rem;
84    padding-bottom: 100px;
85    padding-left: 0rem;
86}
87.yola_inner_bg_overlay {
88    width:100%;
89    min-height: 100vh;
90    display: table-cell;
91    
92    vertical-align: middle;
93}
94.yola_outer_heading_wrap {
95    width:100%;
96    text-align: center;
97}
98.yola_heading_container {
99    margin: 0 auto;
100    max-width: 1400px;
101    	background-color: #ffffff;
102
103}
104.yola_inner_heading_wrap {
105    margin: 0 auto;
106    
107}
108.yola_innermost_heading_wrap {
109    padding-left:0;
110    padding-right:0;
111    margin: 0 auto;
112    
113    padding-bottom: 2.5rem;
114}
115.yola_inner_heading_wrap.top nav,
116.yola_inner_heading_wrap.top div#yola_heading_block,
117.yola_inner_heading_wrap.bottom nav,
118.yola_inner_heading_wrap.bottom div#yola_heading_block {
119    
120    padding-right: 0px;
121}
122.yola_inner_heading_wrap.left .yola_innermost_heading_wrap,
123.yola_inner_heading_wrap.right .yola_innermost_heading_wrap {
124    
125    padding-right: 0px;
126}
127.yola_inner_heading_wrap h1 {
128    margin: 0;
129}
130#yola_nav_block {
131    height: 100%;
132}
133#yola_nav_block nav {
134    text-align: center;
135    
136}
137#yola_nav_block nav ul{
138    display:inline;
139}
140.yola_inner_heading_wrap.left #yola_heading_block {
141    float:left;
142}
143.yola_inner_heading_wrap.right #yola_heading_block {
144    float:right;
145}
146.yola_inner_heading_wrap.top #yola_nav_block {
147    padding:1.9rem 0 0 0;
148}
149.yola_inner_heading_wrap.right #yola_nav_block {
150    float:left;
151    padding:1.9rem 0 0 0;
152}
153.yola_inner_heading_wrap.bottom #yola_nav_block {
154    padding:0 0 1.9rem 0;
155}
156.yola_inner_heading_wrap.left #yola_nav_block {
157    float:right;
158    padding:1.9rem 0 0 0;
159}
160.yola_banner_wrap {
161    background-attachment: scroll;
162    text-align: center;
163    margin: 0 auto;
164    max-width: 1020px;
165    display: none;
166    background-position: bottom center;
167    background-size: auto;
168    background-repeat: repeat-x;
169    
170    
171}
172.yola_inner_banner_wrap {
173    padding-left:0;
174    padding-right:0;
175    padding-top: 0.6rem;
176    padding-bottom: 0.6rem;
177    
178}
179.yola_innermost_banner_wrap {
180    margin: 0 auto;
181    
182}
183.yola_inner_nav_wrap {
184    margin: 0 auto;
185    max-width: 1400px;
186}
187.yola_banner_wrap nav ul.sys_navigation {
188    text-align: center;
189    padding-top:1.9rem;
190    padding-bottom:1.9rem;
191}
192.yola_banner_wrap h1 {
193    margin:0;
194    text-align: center;
195}
196.yola_site_tagline {
197    padding-top:0;
198    padding-bottom:0;
199    font-family: 'Raleway';
200    font-size: 1.5rem;
201    color: #7a7a7a;
202    text-decoration: none;
203    letter-spacing: 2px;
204    line-height: 1.5em;
205    text-transform: none;
206    text-align: center;
207    padding-right: 3.8rem;
208    padding-left: 3.8rem;
209
210}
211.yola_site_tagline span {
212    display: inline-block;
213    
214    
215    
216    
217    
218}
219ul.sys_navigation {
220    margin: 0;
221    padding: 0;
222    text-align: center;
223}
224ul.sys_navigation li {
225    display: inline;
226    list-style: none;
227    margin:0 50px 0 0;
228}
229.yola_inner_heading_wrap ul.sys_navigation li:last-child {
230    margin:0;
231}
232ul.sys_navigation li a{
233    text-decoration: none;
234}
235
236div.ys_submenu {
237    margin-top: 8px;
238}
239
240.yola_content_wrap {
241    margin:0 auto;
242    max-width: 1400px;
243    	background-color: #ffffff;
244
245}
246.yola_content_column {
247    margin:0 auto;
248    
249}
250
251.yola_inner_content_column {
252    margin:0 auto;
253
254    padding-top: 0rem;
255    padding-right: 2rem;
256    padding-bottom: 0rem;
257    padding-left: 2rem;
258}
259.yola_inner_footer_wrap {
260    padding: 0 20px;
261}
262div[id*='sys_region_'] {
263    padding-left: 0 ! important;
264    padding-right: 0 ! important;
265}
266.yola_site_logo {
267    width: 300px;
268    max-width:100%;
269}
270#sys_heading.yola_hide_logo img {
271    display:none;
272}
273#sys_heading.yola_hide_logo span {
274    display:inline;
275}
276a#sys_heading.yola_show_logo {
277    font-size:14px;
278}
279#sys_heading.yola_show_logo img {
280    display:inline;
281}
282#sys_heading.yola_show_logo span {
283    display:none;
284}
285.yola_footer_wrap {
286    margin:0 auto;
287    max-width: 1400px;
288    	background-color: #f9f9f9;
289
290}
291.yola_footer_column {
292    margin:0 auto;
293    
294    display: none;
295}
296footer {
297    padding-top: 2.5rem;
298    padding-right: 3.8rem;
299    padding-bottom: 2.5rem;
300    padding-left: 3.8rem;
301    font-family: 'Lato';
302    font-size: 1.2rem;
303    color: #7a7a7a;
304    line-height: 1.5em;
305    
306    text-transform: none;
307
308}
309span.yola_footer_socialbuttons {
310    display:inline-block;
311    line-height:0;
312    margin:0;
313    padding:0;
314    display:inline-block;
315    position:static;
316    float:left;
317    width:146px;
318    height:20px;
319    display: block;
320}
321.sys_yola_form .submit,
322.sys_yola_form input.text,
323.sys_yola_form input.email,
324.sys_yola_form input.tel,
325.sys_yola_form input.url,
326.sys_yola_form textarea {
327    font-family: 'Actor';
328    font-size: 1.1rem;
329    line-height: 1.5em;
330    
331    text-transform: none;
332}
333div.sys_yola_form {
334    padding:0 !important;
335}
336div.sys_yola_form form {
337    margin:0 !important;
338    padding:0 !important;
339}
340.sys_layout h2, .sys_txt h2, .sys_layout h3, .sys_txt h3, .sys_layout h4, .sys_txt h4, .sys_layout h5, .sys_txt h5, .sys_layout h6, .sys_txt h6, .sys_layout p, .sys_txt p {
341    margin-top:0;
342}
343div[id*='sys_region_'] {
344    padding:0 !important;
345}
346.sys_layout blockquote {
347  margin-top: 10px;
348  margin-bottom: 10px;
349  margin-left: 50px;
350  padding-left: 15px;
351  border-left: 3px solid #797979;;
352  
353  font-style: italic;
354  
355  
356  
357  
358  
359}
360.sys_layout blockquote,
361.sys_layout blockquote h1,
362.sys_layout blockquote h2,
363.sys_layout blockquote h3,
364.sys_layout blockquote h4,
365.sys_layout blockquote h5,
366.sys_layout blockquote h6,
367.sys_layout blockquote p {
368    
369}
370.sys_layout p,.sys_layout pre {margin:0 0 1.5em 0}
371.sys_layout h2,.sys_layout h3,.sys_layout h4,.sys_layout h5,.sys_layout h6 { margin:0 0 0.5em 0 }
372.sys_layout dl, .sys_layout menu,.sys_layout ol,.sys_layout ul{margin:0 0 1.5em 0}
373
374.mob_menu {
375    display: none;
376}
377
378.new-text-widget img, .old_text_widget img {
379    max-width: 100%;
380}
381
382
383@media only screen and (max-width : 736px) {
384    html {
385        font-size: 80%;
386    }
387
388    body .m_inherit_width {
389        width: inherit;
390    }
391
392    .small_device_hide {
393        opacity: 0;
394    }
395
396    /* Remove display table so that fixefox can understand max-width */
397    .yola_bg_overlay, .yola_inner_bg_overlay {
398       display: block;
399    }
400
401    /* Zero out padding of the heading wrapper */
402    .yola_inner_heading_wrap.top .yola_innermost_heading_wrap,
403    .yola_inner_heading_wrap.bottom .yola_innermost_heading_wrap,
404    .yola_inner_heading_wrap.left .yola_innermost_heading_wrap,
405    .yola_inner_heading_wrap.right .yola_innermost_heading_wrap {
406        padding-left: 0;
407        padding-right: 0;
408    }
409
410    /* Make all image widgets center aligned */
411    .Image_Default img {
412        display: block;
413        margin: 0 auto;
414    }
415
416    /* Center button widgets in column dividers */
417    .column_divider .sys_button {
418        text-align: center;
419    }
420
421    /* Make column dividers snap to one over another */
422    .yola_inner_heading_wrap.left #yola_heading_block, .yola_inner_heading_wrap.right #yola_heading_block {
423        float: none;
424    }
425
426    #sys_heading {
427        word-wrap: break-word;
428        word-break: break-word;
429    }
430
431    body .column_divider .left, body .column_divider .right {
432        width: 100%;
433        padding-left: 0;
434        padding-right: 0;
435    }
436
437    .mob_menu a:visited {
438        color: #fff;
439    }
440
441    .mob_menu {
442        display: block;
443        z-index: 1;
444        ;
445        background: rgba(255,255,255,1.00);;
446        ;
447    }
448
449    .mob_menu.menu_open {
450        position: absolute;
451        min-height: 100%;
452        padding: 1rem 0 0 0;
453        margin: 0;
454        top: 0;
455        left: 0;
456        right: 0;
457    }
458
459    .yola_outer_content_wrapper {
460        display: block;
461        padding-top: 0;
462    }
463
464    .mob_menu_overlay {
465        display: none;
466        text-transform: uppercase;
467    }
468
469    .menu_open .mob_menu_overlay  {
470        display: block;
471    }
472
473    .mob_menu_toggle {
474        display: block;
475        padding-top: 5%;
476        padding-bottom: 6%;
477        text-align: center;
478        color: #666;
479        cursor: pointer;
480    }
481    .mob_submenu_toggle {
482        list-style: none;
483        text-align: center;
484        padding: 0;
485        margin: 0;
486    }
487
488    .new-text-widget img, .old_text_widget img {
489        height: auto;
490    }
491
492    #sys_heading span {
493        font-size: 35px;
494        font-weight: 500;
495    }
496    .sys_navigation {
497        display: none;
498    }
499
500    .mobile_ham {
501        stroke: #797979;
502    }
503
504    .mobile_quit {
505        display: none;
506    }
507
508    .menu_open .mobile_ham {
509        display: none;
510    }
511
512    .menu_open .mobile_quit {
513        display: inline;
514        stroke: #797979;
515    }
516
517    .mob_menu_list {
518        font-family: 'Oswald';
519        font-weight: lighter;
520        margin: 0;
521        font-size: 2.2em;
522        line-height: 2;
523        letter-spacing: 0.1em;
524        list-style: none;
525        text-align: center;
526        padding: 0;
527        -webkit-animation-duration: .2s;
528        -webkit-animation-fill-mode: both;
529        -webkit-animation-name: fadeInUp;
530        -moz-animation-duration: .2s;
531        -moz-animation-fill-mode: both;
532        -moz-animation-name: fadeInUp;
533        -o-animation-duration: .2s;
534        -o-animation-fill-mode: both;
535        -o-animation-name: fadeInUp;
536        animation-duration: .2s;
537        animation-fill-mode: both;
538        animation-name: fadeInUp;
539    }
540
541    .mob_menu_overlay .mob_menu_list a {
542        color: #797979;
543    }
544
545    .mob_more_toggle {
546        display: inline-block;
547        cursor: pointer;
548        background: none;
549        border: none;
550        outline: none;
551        margin-left: 8px;
552        stroke: #797979;
553    }
554
555    .up_arrow {
556        display: none;
557    }
558
559    .sub_menu_open svg .down_arrow {
560        display: none;
561    }
562
563    .sub_menu_open .up_arrow {
564        display: inline;
565    }
566
567    .mob_menu_overlay .mob_menu_list .selected a {
568        color: #ff3838;
569    }
570
571    .sub_menu_open a {
572        color: #ff3838;
573    }
574
575    .mob_menu_list .sub_menu_open a {
576        color: #ff3838;
577    }
578
579    .sub_menu_open .mob_more_toggle {
580        stroke: #ff3838;
581    }
582
583    .mob_submenu_list {
584        font-family: 'Oswald';
585        font-weight: lighter;
586        list-style: none;
587        text-align: center;
588        padding: 0 0 5% 0;
589        margin: 0;
590        line-height: 1.6;
591        display: none;
592        -webkit-animation-duration: .2s;
593        -webkit-animation-fill-mode: both;
594        -webkit-animation-name: fadeInUp;
595        -moz-animation-duration: .2s;
596        -moz-animation-fill-mode: both;
597        -moz-animation-name: fadeInUp;
598        -o-animation-duration: .2s;
599        -o-animation-fill-mode: both;
600        -o-animation-name: fadeInUp;
601        animation-duration: .2s;
602        animation-fill-mode: both
603        animation-name: fadeInUp;
604    }
605
606    .sub_menu_open .mob_submenu_list{
607        display: block;
608    }
609
610    .mob_submenu_items {
611        font-size: 0.75em;
612    }
613    .mob_menu_list .mob_nav_selected {
614        color: #ff3838;
615    }
616
617    .menu_open ~ .yola_outer_content_wrapper {
618        display: none;
619    }
620
621    @-webkit-keyframes fadeInUp {
622      0% {
623        opacity: 0;
624        -webkit-transform: translate3d(0, 100%, 0);
625        transform: translate3d(0, 100%, 0);
626      }
627      100% {
628        opacity: 1;
629        -webkit-transform: none;
630        transform: none;
631      }
632    }
633
634    @-moz-keyframes fadeInUp {
635      0% {
636        opacity: 0;
637        -moz-transform: translate3d(0, 100%, 0);
638        transform: translate3d(0, 100%, 0);
639      }
640      100% {
641        opacity: 1;
642        -moz-transform: none;
643        transform: none;
644      }
645    }
646
647    @-o-keyframes fadeInUp {
648      0% {
649        opacity: 0;
650        -o-transform: translate3d(0, 100%, 0);
651        transform: translate3d(0, 100%, 0);
652      }
653      100% {
654        opacity: 1;
655        -o-transform: none;
656        transform: none;
657      }
658    }
659
660    @keyframes fadeInUp {
661      0% {
662        opacity: 0;
663        transform: translate3d(0, 100%, 0);
664      }
665      100% {
666        opacity: 1;
667        transform: none;
668      }
669    }
670}
671
672
673  </style>
674
675
676<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js" type="text/javascript"></script>
676
677
678      <style type="text/css">
679      @import url("//fonts.sitebuilderhost.net/css?family=Oswald%3Aregular%2C700%2C300|Raleway%3Aregular%2C200%2C100|Actor%3Aregular|Lato%3Aregular&subset=latin,latin-ext");
680    </style>
681  
682  <style type="text/css" id="styleOverrides">
683    /* ======================
684*
685*  Site Style Settings
686*
687=========================*/
688/* Paragraph text (p) */
689
690.content p, #content p, .HTML_Default p, .Text_Default p, .sys_txt p, .sys_txt a, .sys_layout p, .sys_txt, .sys_layout  {
691    font-family: 'Actor';
692    
693    font-size: 1.1rem;
694    color: #797979;
695    line-height: 1.5em;
696    
697    text-transform: none;
698}
699
700/* Navigation */
701.sys_navigation a, .ys_menu_2, div#menu ul, div#menu ul li a, ul.sys_navigation li a, div.sys_navigation ul li.selected a, div.sys_navigation ul li a, #navigation li a, div.ys_menu ul a:link, div.ys_menu ul a:visited, div.ys_nav ul li a, #sys_banner ul li a {
702    font-family: 'Oswald';
703    
704    font-size: 1.2rem;
705    color: #797979;
706    text-decoration: none;
707    letter-spacing: 1px;
708    line-height: 1.5em;
709    text-transform: uppercase;
710}
711
712
713/* Navigation:selected */
714div.sys_navigation ul li.selected a, div#menu ul li.selected a, #navigation li.selected a, div.ys_menu ul li.selected a:link, div.ys_menu ul li.selected a:visited, div.ys_nav ul li.selected a, #sys_banner ul li.selected a {
715    color: #ff3838;
716}
717
718/* Navigation:hover */
719div.sys_navigation ul li a:hover, div#menu ul li a:hover, #navigation li a:hover, div.ys_menu ul a:hover, div.ys_nav ul li a:hover, div.ys_menu ul li a:hover, #sys_banner ul li a:hover {
720    color: #ff0000;
721}
722
723/* Site Title */
724#sys_heading, a#sys_heading, #sys_banner h1 a, #header h1 a, div#heading h1 a {
725    font-family: 'Oswald';
726    font-weight: 300;
727    font-size: 4.5rem;
728    color: #ffffff;
729    text-decoration: none;
730    letter-spacing: 5px;
731    line-height: 1.5em;
732    text-transform: uppercase;
733}
734
735/* Hyperlinks (a, a:hover, a:visited) */
736a, .sys_txt a:link, .sys_layout a:link {color: #ff0000;}
737a, .sys_txt a:link, .sys_layout a:link {text-decoration: none;}
738a:visited, .sys_txt a:visited, .sys_layout a:visited {color: #ff0000;}
739a:hover, .sys_txt a:hover, .sys_layout a:hover {color: #797979;}
740a:hover, .sys_txt a:hover, .sys_layout a:hover {text-decoration: underline;}
741
742/* Headings (h2, h3, h4, h5, h6) */
743.sys_layout h2, .sys_txt h2 {
744    font-family: 'Oswald';
745    font-weight: 700;
746    font-size: 2.5rem;
747    color: #ffffff;
748    text-decoration: none;
749    letter-spacing: 1px;
750    line-height: 1em;
751    text-transform: uppercase;
752}
753
754.sys_layout h2 a, .sys_layout h2 a:link, .sys_layout h2 a:hover, .sys_layout h2 a:visited {
755    font-family: 'Oswald';
756    font-weight: 700;
757    font-size: 2.5rem;
758    color: #ffffff;
759    letter-spacing: 1px;
760    line-height: 1em;
761    text-transform: uppercase;
762}
763
764.sys_layout h3, .sys_txt h3 {
765    font-family: 'Raleway';
766    font-weight: 200;
767    font-size: 2.5rem;
768    color: #7a7a7a;
769    text-decoration: none;
770    letter-spacing: 1px;
771    line-height: 1em;
772    text-transform: none;
773}
774
775.sys_layout h3 a, .sys_layout h3 a:link, .sys_layout h3 a:hover, .sys_layout h3 a:visited {
776    font-family: 'Raleway';
777    font-weight: 200;
778    font-size: 2.5rem;
779    color: #7a7a7a;
780    letter-spacing: 1px;
781    line-height: 1em;
782    text-transform: none;
783}
784
785.sys_layout h4, .sys_txt h4 {
786    font-family: 'Oswald';
787    
788    font-size: 1.5rem;
789    color: #ffffff;
790    text-decoration: none;
791    letter-spacing: 1px;
792    line-height: 1.5em;
793    text-transform: uppercase;
794}
795
796.sys_layout h4 a, .sys_layout h4 a:link, .sys_layout h4 a:hover, .sys_layout h4 a:visited {
797    font-family: 'Oswald';
798    
799    font-size: 1.5rem;
800    color: #ffffff;
801    letter-spacing: 1px;
802    line-height: 1.5em;
803    text-transform: uppercase;
804}
805
806.sys_layout h5, .sys_txt h5 {
807    font-family: 'Raleway';
808    font-weight: 200;
809    font-size: 1.4rem;
810    color: #7a7a7a;
811    text-decoration: none;
812    letter-spacing: 1px;
813    line-height: 1.5em;
814    text-transform: none;
815}
816
817.sys_layout h5 a, .sys_layout h5 a:link, .sys_layout h5 a:hover, .sys_layout h5 a:visited {
818    font-family: 'Raleway';
819    font-weight: 200;
820    font-size: 1.4rem;
821    color: #7a7a7a;
822    letter-spacing: 1px;
823    line-height: 1.5em;
824    text-transform: none;
825}
826
827.sys_layout h6, .sys_txt h6 {
828    font-family: 'Raleway';
829    font-weight: 200;
830    font-size: 1.2rem;
831    color: #7a7a7a;
832    
833    letter-spacing: 1px;
834    line-height: 1.5em;
835    text-transform: none;
836}
837
838.sys_layout h6 a, .sys_layout h6 a:link, .sys_layout h6 a:hover, .sys_layout h6 a:visited {
839    font-family: 'Raleway';
840    font-weight: 200;
841    font-size: 1.2rem;
842    color: #7a7a7a;
843    letter-spacing: 1px;
844    line-height: 1.5em;
845    text-transform: none;
846}
847
848/*button widget*/
849.sys_layout .sys_button a, .sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
850    display:inline-block;
851    text-decoration: none;
852}
853.sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
854    cursor:pointer;
855}
856.sys_layout .sys_button a {
857    cursor:default;
858}
859
860.sys_layout .sys_button.square a, .sys_layout .sys_button.square a:link {
861    border-radius:0px;
862}
863.sys_layout .sys_button.rounded a, .sys_layout .sys_button.rounded a:link {
864    border-radius:3px;
865}
866.sys_layout .sys_button.pill a, .sys_layout .sys_button.pill a:link {
867    border-radius:90px;
868}
869
870/*button sizes*/
871.sys_layout .sys_button.small a, .sys_layout .sys_button.small a:link, .sys_layout .sys_button.small a:visited {font-size: 0.8rem;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:1.5rem;padding-right:1.5rem;}
872.sys_layout .sys_button.medium a, .sys_layout .sys_button.medium a:link, .sys_layout .sys_button.medium a:visited {font-size: 15px;padding-top:0.9rem;padding-bottom:0.9rem;padding-left:2.3rem;padding-right:2.3rem;}
873.sys_layout .sys_button.large a, .sys_layout .sys_button.large a:link, .sys_layout .sys_button.large a:visited {font-weight: bold;font-size: 1.4rem;line-height: 1.7em;text-transform: capitalize;padding-top:1.3rem;padding-bottom:1.3rem;padding-left:3.1rem;padding-right:3.1rem;}
874
875/*button styles:small*/
876.sys_layout .sys_button.small.outline a, .sys_layout .sys_button.small.outline a:link {
877    border-color:#88d5c2;
878    color: #88d5c2;
879    border-style: solid;
880    border-width: 2px;
881}
882.sys_layout .sys_button.small.outline a:visited {
883    color: #88d5c2;
884}
885.sys_layout .sys_button.small.solid a, .sys_layout .sys_button.small.solid a:link {
886    	background-color: #88d5c2;
887
888    color: #ffffff;
889    border-color:#88d5c2;
890    border-style: solid;
891    border-width: 2px;
892}
893.sys_layout .sys_button.small.solid a:visited {
894    color: #ffffff;
895}
896.sys_layout .sys_button.small.outline a:hover {
897    background-color: #88d5c2;
898    color: #ffffff;
899    text-decoration: none;
900}
901
902/*button styles:medium*/
903.sys_layout .sys_button.medium.outline a, .sys_layout .sys_button.medium.outline a:link {
904    border-color:#88d5c2;
905    color: #88d5c2;
906    border-style: solid;
907    border-width: 2px;
908}
909.sys_layout .sys_button.medium.outline a:visited {
910    color: #88d5c2;
911}
912.sys_layout .sys_button.medium.solid a, .sys_layout .sys_button.medium.solid a:link {
913    	background-color: #88d5c2;
914
915    color: #ffffff;
916    border-color:#88d5c2;
917    border-style: solid;
918    border-width: 2px;
919}
920.sys_layout .sys_button.medium.solid a:visited {
921    color: #ffffff;
922}
923.sys_layout .sys_button.medium.outline a:hover {
924    background-color: #88d5c2;
925    color: #ffffff;
926    text-decoration: none;
927}
928/*button styles:large*/
929.sys_layout .sys_button.large.outline a, .sys_layout .sys_button.large.outline a:link {
930    border-color:rgba(92,92,92,1.00);
931    color: rgba(92,92,92,1.00);
932    border-style: solid;
933    border-width: 2px;
934}
935.sys_layout .sys_button.large.outline a:visited {
936    color: rgba(92,92,92,1.00);
937}
938.sys_layout .sys_button.large.solid a, .sys_layout .sys_button.large.solid a:link {
939    	background-color: #5c5c5c;
940
941    color: #4d4d4d;
942    border-color:rgba(92,92,92,1.00);
943    border-style: solid;
944    border-width: 2px;
945}
946.sys_layout .sys_button.large.solid a:visited {
947    color: #4d4d4d;
948}
949.sys_layout .sys_button.large.outline a:hover {
950    background-color: rgba(92,92,92,1.00);
951    color: #4d4d4d;
952    text-decoration: none;
953}
954
955.sys_layout .sys_button.solid a:hover {
956    text-decoration: none;
957    opacity: .8;
958}  </style>
959
960  
961
962
963
964<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
vendor: 1 bytes, line 964
964
965<script type="text/javascript">window.jQuery || document.write('
965<script src="/components/bower_components/jquery/dist/jquery.js"><\/script>')</script>
965
966<link rel="stylesheet" type="text/css" href="classes/commons/resources/flyoutmenu/flyoutmenu.css?1001119" />
967<script type="text/javascript" src="classes/commons/resources/flyoutmenu/flyoutmenu.js?1001119"></script>
967
968<link rel="stylesheet" type="text/css" href="classes/commons/resources/global/global.css?1001119" />
969
970
971<script type="text/javascript">
972  var swRegisterManager = {
973    goals: [],
974    add: function(swGoalRegister) {
975      this.goals.push(swGoalRegister);
976    },
977    registerGoals: function() {
978      while(this.goals.length) {
979        this.goals.shift().call();
980      }
981    }
982  };
983
984  window.swPostRegister = swRegisterManager.registerGoals.bind(swRegisterManager);
985</script>
985
986
987  <link rel="stylesheet" type="text/css" href="classes/components/Image/layouts/Default/Default.css?1001119" />
988  
989  
990  
991  
992  
993
994    </head>
995    <body lang="en" class="">
996        
997        <div id="sys_background" class="yola_bg_overlay">
998            <div class="yola_inner_bg_overlay">
999                <div class="yola_outer_content_wrapper">
1000                    <header role="header">
1001                        <div class="yola_outer_heading_wrap">
1002                            <div class="yola_heading_container">
1003                                <div class="yola_inner_heading_wrap top">
1004                                    <div class="yola_innermost_heading_wrap">
1005                                                                                <nav class="mob_menu">
1006                                            <div class="mob_menu_toggle"><!--Mobile Nav Toggle-->
1007                                                <svg class="mobile_ham" width="40" height="25">
1008                                                  <line x1="0" y1="3" x2="40" y2="3" stroke-width="2"/>
1009                                                  <line x1="0" y1="13" x2="40" y2="13" stroke-width="2"/>
1010                                                  <line x1="0" y1="23" x2="40" y2="23" stroke-width="2"/>
1011                                                </svg>
1012                                                <svg class="mobile_quit" width="26" height="50">
1013                                                    <line x1="0" y1="1" x2="26" y2="25" stroke-width="2"/>
1014                                                    <line x1="0" y1="25" x2="26" y2="1" stroke-width="2"/>
1015                                                </svg>
1016                                            </div>
1017                                            <div class="mob_menu_overlay"> <!--Mobile Nav Overlay-->
1018                                                <ul class="mob_menu_list">
1019      <li class="">
1020      <a href="./" title="Home">Home</a>
1021          </li>
1022      <li class="">
1023      <a href="background.php" title="Background">Background</a>
1024          </li>
1025      <li class="">
1026      <a href="our-artistes.php" title="Our Artistes">Our Artistes</a>
1027          </li>
1028      <li class="selected">
1029      <a href="YOUTH-CALYPSO-AND-SOCA-WORKSHOPS.php" title="YOUTH CALYPSO AND SOCA WORKSHOPS">YOUTH CALYPSO AND SOCA WORKSHOPS</a>
1030          </li>
1031      <li class="">
1032      <a href="london-calypso-tent.php" title="London Calypso Tent">London Calypso Tent</a>
1033          </li>
1034      <li class="">
1035      <a href="video-archives.php" title="Video Archives">Archives</a>
1036          </li>
1037      <li class="">
1038      <a href="carnival.php" title="Carnival">Carnival</a>
1039          </li>
1040      <li class="">
1041      <a href="world-music-stage.php" title="World Music Stage">World Music Stage</a>
1042          </li>
1043      <li class="">
1044      <a href="contact-us.php" title="Contact Us">Contact Us</a>
1045          </li>
1046  </ul>
1047                                            </div>
1048                                        </nav>
1049                                                                                                                        <div id="yola_heading_block"> <!--Title / Logo-->
1050                                            <h1>
1051                                                <a id="sys_heading" class="yola_hide_logo" href="./">
1052                                                    <img class="yola_site_logo" src="" alt="" >
1053                                                    <span></span>
1054                                                </a>
1055                                            </h1>
1056                                        </div>
1057                                        <div id="yola_nav_block"> <!--Nav-->
1058                                            <nav role="navigation">
1059                                                <div class="sys_navigation">
1060                                                <ul class="sys_navigation">
1061                    <li id="ys_menu_0">
1062                    <a href="./" title="Home">Home</a>
1063        </li>
1064                    <li id="ys_menu_1">
1065                    <a href="background.php" title="Background">Background</a>
1066        </li>
1067                    <li id="ys_menu_2">
1068                    <a href="our-artistes.php" title="Our Artistes">Our Artistes</a>
1069        </li>
1070                    <li id="ys_menu_3"class="selected">
1071                    <a href="YOUTH-CALYPSO-AND-SOCA-WORKSHOPS.php" title="YOUTH CALYPSO AND SOCA WORKSHOPS">YOUTH CALYPSO AND SOCA WORKSHOPS</a>
1072        </li>
1073                    <li id="ys_menu_4">
1074                    <a href="london-calypso-tent.php" title="London Calypso Tent">London Calypso Tent</a>
1075        </li>
1076                    <li id="ys_menu_5">
1077                    <a href="video-archives.php" title="Video Archives">Archives</a>
1078        </li>
1079                    <li id="ys_menu_6">
1080                    <a href="carnival.php" title="Carnival">Carnival</a>
1081        </li>
1082                    <li id="ys_menu_7">
1083                    <a href="world-music-stage.php" title="World Music Stage">World Music Stage</a>
1084        </li>
1085                    <li id="ys_menu_8">
1086                    <a href="contact-us.php" title="Contact Us">Contact Us</a>
1087        </li>
1088    </ul>
1089                                             
1090<script>
1091/* jshint ignore:start */
1092$(document).ready(function() {
1093    flyoutMenu.initFlyoutMenu(
1094        [{"name":"Home","title":"Home","href":".\/","children":[]},{"name":"Background","title":"Background","href":"background.php","children":[]},{"name":"Our Artistes","title":"Our Artistes","href":"our-artistes.php","children":[]},{"name":"YOUTH CALYPSO AND SOCA WORKSHOPS","title":"YOUTH CALYPSO AND SOCA WORKSHOPS","href":"YOUTH-CALYPSO-AND-SOCA-WORKSHOPS.php","children":[]},{"name":"London Calypso Tent","title":"London Calypso Tent","href":"london-calypso-tent.php","children":[]},{"name":"Archives","title":"Video Archives","href":"video-archives.php","children":[]},{"name":"Carnival","title":"Carnival","href":"carnival.php","children":[]},{"name":"World Music Stage","title":"World Music Stage","href":"world-music-stage.php","children":[]},{"name":"Contact Us","title":"Contact Us","href":"contact-us.php","children":[]}]
1095    , 'flyover');
1096});
1097/* jshint ignore:end */
1098</script>
1098
1099
1100                                                </div>
1101                                            </nav>
1102                                        </div>
1103                                                                                <div style="padding:0; height:0; clear:both;">&nbsp;</div>
1104                                    </div>
1105                                </div>
1106                            </div>
1107                            <div id="sys_banner" class="yola_banner_wrap">
1108                                <div class="yola_inner_banner_wrap">
1109                                    <div class="yola_innermost_banner_wrap">
1110                                        <h2 class="yola_site_tagline" style="display:none"><span></span></h2>
1111                                    </div>
1112                                </div>
1113                            </div>
1114                        </div>
1115                    </header>
1116
1117                    <main class="yola_content_wrap" role="main">
1118                        <div class="yola_content_column">
1119                            <div class="yola_inner_content_column clearFix">
1120                                <style media="screen">
1121  .layout_1-column {
1122    width: 100%;
1123    padding: 0;
1124    margin: 0;
1125  }
1126
1127  .layout_1-column:after {
1128    content: "";
1129    display: table;
1130    clear: both;
1131  }
1132
1133  .zone_top {
1134    margin: 0;
1135    padding: 5px;
1136    vertical-align: top;
1137    line-height: normal;
1138    min-width: 100px;
1139  }
1140</style>
1141
1142<div class="layout_1-column sys_layout">
1143    <div id="layout_row1">
1144        <div id="sys_region_1" class="zone_top" ><div id="Idcf6751984a74bd081797329cdcb7b2b" style="display:block;clear: both;text-align:center;" class="Image_Default"><style>#Idcf6751984a74bd081797329cdcb7b2b_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 452px;border:none;max-width: 100%;height: auto;}</style><img id="Idcf6751984a74bd081797329cdcb7b2b_img" src="resources/Flyer-ACASA%27s%20Youth%20Calypso%20%26%20Soca%20Workshops%20%26%20Competitions.jpg.opt452x640o0%2C0s452x640.jpg"  /></div><div id="I5" style="display:block;clear: both;margin:0 0 0 0;" class="Panel_Default">    <style id='yola-panel-style-I5' type='text/css'>
1145
1146                div#yola-panel-inner-I5,
1147        div#yola-panel-inner-I5 p,
1148        div#yola-panel-inner-I5 .sys_txt,
1149        .content div#yola-panel-inner-I5 p,
1150        #content div#yola-panel-inner-I5 p,
1151        div#yola-panel-inner-I5 .HTML_Default p,
1152        div#yola-panel-inner-I5 .Text_Default p,
1153        div#yola-panel-inner-I5 .sys_txt p,
1154        div#yola-panel-inner-I5 .sys_txt p a,
1155        div#content div#yola-panel-inner-I5 p{
1156            color:#ffffff;
1157        }
1158        
1159                div#yola-panel-inner-I5 h1,
1160        div#yola-panel-inner-I5 h2,
1161        div#yola-panel-inner-I5 h3,
1162        div#yola-panel-inner-I5 h4,
1163        div#yola-panel-inner-I5 h5,
1164        div#yola-panel-inner-I5 h6,
1165        div#yola-panel-inner-I5 .sys_txt h1,
1166        div#yola-panel-inner-I5 .sys_txt h2,
1167        div#yola-panel-inner-I5 .sys_txt h3,
1168        div#yola-panel-inner-I5 .sys_txt h4,
1169        div#yola-panel-inner-I5 .sys_txt h5,
1170        div#yola-panel-inner-I5 .sys_txt h6{
1171            color:#ffffff;
1172        }
1173        
1174        
1175        
1176        
1177        #yola-panel-I5 {
1178            min-height: 0;position:relative;
1179        }
1180
1181        #yola-panel-inner-I5 {
1182            padding:30px 50px 30px 50px;position:relative;
1183        }
1184
1185                    #yola-panel-background-I5 {
1186                                    background:#333333;background-position:top left;background-repeat:repeat;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;touch-action:none;
1187                            }
1188        
1189        
1190            </style>
1191
1192    <div id='yola-panel-I5'>
1193                    <div
1194                id='yola-panel-background-I5'
1195                            >
1196                                            </div>
1197                <div id='yola-panel-inner-I5'>
1198            <div id="Panel_I5" style="text-align:left; vertical-align:top;" ><div id="I6" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
1199    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
1200    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
1201    div.sys_text_widget img{margin:4px;}
1202    div.sys_text_widget {
1203        overflow: hidden;
1204        margin: 0;
1205        padding: 0;
1206        color: ;
1207        font: ;
1208        background-color: ;
1209    }
1210</style>
1211
1212<div id="I6_sys_txt" systemElement="true" class="sys_txt sys_text_widget new-text-widget"><p style="text-align: center;"><a href="index.php">Home</a> / <a href="contact-us.php">Contact Us</a></p>
1213<p><img src="//assets.yolacdn.net/template_assets/carbon/resources/95a0d1bc-arrows.png?timestamp=1401738653031" style="width: 236px; margin-left: auto; margin-right: auto; display: block;"></p></div></div></div>
1214        </div>
1215    </div>
1216
1217    
1218    
1219</div></div>
1220    </div>
1221</div>
1222                            </div>
1223                        </div>
1224                    </main>
1225
1226                    <div class="yola_footer_wrap">
1227                        <div class="yola_footer_column">
1228                            <footer id="yola_style_footer">
1229                                <span class="yola_footer_socialbuttons"><table cellpadding="0" cellspacing="0">
1230	<tr>
1231		<td style="vertical-align:bottom;">
1232			
1232<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
1232
1233			<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-count="none">Tweet</a>
1234		</td>
1235		<td style="vertical-align:bottom;">
1236			<div style="padding:0 5px;">
1237				<iframe src="//www.facebook.com/plugins/like.php?send=false&amp;href=https%3A%2F%2Fwww.britishcalypsonians.com%2FYOUTH-CALYPSO-AND-SOCA-WORKSHOPS.php&amp;layout=button_count&amp;show_faces=false&amp;action=like&amp;width=49&amp;height=20&amp;locale=en_US" scrolling="no" frameborder="0" style="border:none;overflow:hidden;width:49px;height:20px;" allowTransparency="true"></iframe>
1238			</div>
1239		</td>
1240		<td style="vertical-align:bottom;">
1241			
1241<script type="text/javascript" src="//apis.google.com/js/plusone.js">
1242				{lang: "en_US"}
1243			</script>
1243
1244				<g:plusone size="medium" count="false"></g:plusone>
1245			
1245<script type="text/javascript">gapi.plusone.go();</script>
1245
1246		</td>
1247	</tr>
1248</table></span>
1249<p style="float:right; margin:0;">Association of Calypsonians UK - ACUK-The ABC (Co. Reg. No. 09562036), 1 Chippenham Mews, London, England W10 2AN, GB | 07712894518</p><div style="clear:both; height:0;"></div>
1250                            </footer>
1251                        </div>
1252                    </div>
1253                    
1254                <style type="text/css">
1255                    #sys_yolacredit_wrap{text-align:center;}
1256                    #sys_yolacredit{text-align:center;line-height:1.2em;margin:2em auto;font-family:Arial;
1257                        position:relative;background:#fff url(classes/commons/yola_footer/png/sprites.png?1001119) right 0.3em no-repeat;
1258                        background-size:7em;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;
1259                        padding:0.5em 2.6em 0.6em 0.4em;color:#222;font-size:0.6rem;display:inline-block;}
1260                    #sys_yolacredit p{margin:0;padding:0;line-height:1.2em;}
1261                    #sys_yolacredit p a{color:#222;text-decoration:none;}
1262                    #sys_yolacredit p a:hover{text-decoration:underline;}
1263                    #sys_yolacredit a.yola{font-size:0;position:absolute;top:5px;right:0;display:inline-block;
1264                        width:25px;height:16px;float:right;text-decoration:none;color:"#fff";}
1265                    #sys_yolacredit a.yola span{display:none;}
1266                </style>
1267                <!--[if lte IE 6]>
1268                    <style type="text/css">
1269                        #sys_yolacredit{background:#fff url(classes/commons/yola_footer/gif/sprites.gif?1001119) right 2px no-repeat;}
1270                    </style>
1271                <![endif]-->
1272                <div id="sys_yolacredit_wrap">
1273                    <div id="sys_yolacredit" style="" title="Visit Yola.com to create your own free website">
1274                        <p>Make a <a href="https://www.yola.com/">free website</a> with <a class="yola" href="https://www.yola.com/"><span>Yola</span></a></p>
1275                    </div>
1276                </div>
1277
1278
1279                    
1280<script type="text/javascript" id="site_analytics_tracking" data-id="8a4986c945d3913f0145d5f28bc31fed" data-user="883380879bff4111be5d8ab19874b6c6" data-partner="YOLA" data-url="//analytics.yolacdn.net/tracking.js">
1281  var _yts = _yts || [];
1282  var tracking_tag = document.getElementById('site_analytics_tracking');
1283  _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]);
1284  _yts.push(["_userId", tracking_tag.getAttribute('data-user')]);
1285  _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]);
1286  _yts.push(["_trackPageview"]);
1287  (function() {
1288    var yts = document.createElement("script");
1289    yts.type = "text/javascript";
1290    yts.async = true;
1291    yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url');
1292    (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts);
1293  })();
1294</script>
1294
1295
1296
1297<!-- template: Skyline_v2 975106e9-a8c6-4f79-8606-43ec3160d4ea -->
1298                </div>
1299            </div> <!-- .inner_bg_overlay -->
1300        </div> <!-- #sys_background / .bg_overlay -->
1301        
1301<script src="templates/Skyline_v2/resources/js/browserify.build.js"></script>
1301
1302    
1302<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"696c13fc43e24b25b63a960584c8453e","r":1,"spa":2}' crossorigin="anonymous"></script>
1302
1303</body>
1304</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.