/*--------------------------------------------------------- S4/C Style Sheet ----------------------------------------------------------- For page(s): music Last modified: 02/04/07 Modified by: * Morris, S4C Additional notes: ***** ---------------------------------------------------------*/ /* -------------------------------------------- ELEMENTS */ *{font-size:100%;} body{margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.80em;text-align:center;line-height:1.4em;color:#4d4d4d;background:#fff;} html{margin:0 0 20px 0;padding:0;} /* h1 rules */ h1{position:relative;height:35px;overflow:hidden;margin:0 0 10px 0;padding:0 0 5px 0;border-bottom:1px solid #989898;} h1 span{display:block;position:absolute;height:35px;width:528px;top:2px;left:0;background:transparent url("") no-repeat top left;} h1#e_h-music span{background:url(../../img/e_h-music.gif);} h1#c_h-music span{background:url(../../img/c_h-music.gif);} /* music */ #music-archive h2{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;padding:0 0 0.4em 0;color:#786e19;margin:1em 9px 1em 9px;font-weight:normal;border-bottom:1px solid #e7e7e7;} #music-archive p{margin:0;margin:0 9px 0 9px;padding:0 0 0.7em 0;color:#494949;} /*#music h2{text-shadow: 0 0 0 #000;font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;padding:7px 9px 5px 9px;color:#000;margin:2.8em 0 .8em 0;font-weight:normal; background:#fff; width:250px; line-height:1.1em;}*/ #music h2{text-shadow: 0 0 0 #000;font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;padding:7px 9px 5px 9px;color:#000;margin:2.8em 0 .8em 0;font-weight:normal; background:#CCCCCC; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); width:250px; line-height:1.1em;} /*#music p{text-shadow: 0 0 0 #000;margin: 0 0 0px 0px;padding:1px 3px 4px 9px;color:#000;width:200px; background:none;background:#fff;}*/ /*#music p{text-shadow: 0 0 0 #000;margin: 0 0 0px 0px;padding:1px 3px 4px 9px;color:#000;width:300px; background:none;background:#fff;}*/ #music p{text-shadow: 0 0 0 #000;margin: 0 0 0px 0px;padding:1px 3px 4px 9px;color:#000;width:300px; background:#CCCCCC;background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);} #music-one h2{float:right;clear:both; width:175px; margin:40px 0 0 0;} #music-one p{float:right;clear:both; margin-top:5px; width: 180px;} #music img{width:256px;float:left;} #music ul{margin:10px 0 2em 0;padding:0;list-style-type:none;} #music a{color:#000;border-bottom:1px solid #000;text-decoration:none;padding:0 0 0.1em 0;margin: 0 0 0;} #music a:hover{color:#cc0421;border-bottom:1px solid #cc0421;text-decoration:none;padding:0 0 0.1em 0;margin:0;} div.music-column h3{border-bottom:1px solid #9CA4A4;font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;padding:0 9px 0.2em 0;color:#000018;margin:0 0 0 0;font-weight:normal;line-height:1.2em;} div.music-column ul{margin:0.4em 0 0 0;padding:0;list-style-type:none;} div.music-column ul li{padding:0.1em 0 0.3em 10px;margin:0;color:#4d4d4d;background:transparent url("../../img/bulletonwhite.gif") no-repeat top left;} div.music-column ul li a{color:#786e19;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0;} div.music-column ul li a:hover{color:#494949;border-bottom:1px solid #898989;text-decoration:none;padding:0 0 0.1em 0;margin:0;} div.music-column h3.h-level{padding-top:1.2em;} /*coloured columns */ #music-column-01{width:174px;float:left;margin:0 3px 2em 0px;} #music-column-02{width:174px;float:left;margin:0 0px 2em 9px;} #music-column-03{width:174px;float:right;margin:0 0px 2em 0px;} /*#music-column-01{background:#D4D4D4 url("../../img/cyngerddsirysioe-small.jpg") no-repeat top left;padding-top:110px;}*/ /*#music-column-01{background:#D4D4D4 url("../../img/shancothi_sm.jpg") no-repeat top left;padding-top:110px;}*/ /*#music-column-01{background:#D4D4D4 url("../../img/bandityngigio-small.jpg") no-repeat top left;padding-top:110px;}*/ /*#music-column-01{background:#D4D4D4 url("http://www.s4c.co.uk/amg/web/175x110/only-men-aloud.jpg") no-repeat top left;padding-top:110px;}*/ /*#music-column-01{background:#D4D4D4 url("http://www.s4c.co.uk/amg/web/175x110/gwyl-cerdd-dant.jpg") no-repeat top left;padding-top:110px;}*/ /*#music-column-01{background:#D4D4D4 url("http://www.s4c.co.uk/amg/web/175x110/rhydian_2011.jpg") no-repeat top left;padding-top:110px;}*/ #music-column-01{background:#D4D4D4 url("http://www.s4c.co.uk/amg/web/245x138/rhydian_2011.jpg") no-repeat top left;padding-top:110px;} /*#music-column-02{background:#D4D4D4 url("../../img/elin-fflur-small.jpg") no-repeat top left;padding-top:110px;}*/ /*#music-column-02{background:#D4D4D4 url("../../img/eist11_175.jpg") no-repeat top left;padding-top:110px;}*/ /*#music-column-02{background:#D4D4D4 url("../../img/ysgol_glanaethwy_150.jpg") no-repeat top left;padding-top:110px;}*/ /*#music-column-02{background:#D4D4D4 url("http://www.s4c.co.uk/amg/web/175x110/gwyl-gobaith.jpg") no-repeat top left;padding-top:110px;}*/ /*#music-column-02{background:#D4D4D4 url("../../img/dcdc_alwyn.jpg") no-repeat top left;padding-top:110px;}*/ #music-column-03{background:#D4D4D4 url("http://www.s4c.co.uk/amg/web/245x138/dcdc.jpg") no-repeat top left;padding-top:110px;} /*#music-column-03{background:#D4D4D4 url("http://www.s4c.co.uk/amg/web/175x110/dawel-nos.jpg") no-repeat top left;padding-top:110px;}*/ /*#music-column-03{background:#D4D4D4 url("http://www.s4c.co.uk/amg/web/175x110/ylle.jpg") no-repeat top left;padding-top:110px;}*/ #music-column-02{background:#D4D4D4 url("http://www.s4c.co.uk/amg/web/245x138/ylle.jpg") no-repeat top left;padding-top:110px;} #music-column-01 div, #music-column-02 div, #music-column-03 div, #music-column-04 div, #music-column-05 div,#music-column-06 div{padding:0 10px 10px 10px;color:#c5c5c5c;} #music-column-01 div h2, #music-column-02 div h2, #music-column-03 div h2, #music-column-04 div h2, #music-column-05 div h2, #music-column-06 div h2 {color:#228eb4; padding:0.5em 0px 0px 0px; } #music-column-01 div h2 a, #music-column-02 div h2 a, #music-column-03 div h2 a, #music-column-04 div h2 a, #music-column-05 div h2 a, #music-column-06 div h2 a{color:#228eb4; padding:0em 0px 0.2em 0px;text-decoration:none; border-bottom: 1px solid #D3D6CF;} #music-column-01 div h2 a:hover, #music-column-02 div h2 a:hover, #music-column-03 div h2 a:hover, #music-column-04 div h2 a:hover, #music-column-05 div h2 a:hover, #music-column-06 div h2 a:hover{color:#7a7a7d; padding:0em 0px 0.2em 0px; text-decoration:none; border-bottom: 1px solid #7a7a7d;} #music-column-01 div a, #music-column-02 div a, #music-column-03 div a, #music-column-04 div a, #music-column-05 div a, #music-column-06 div a{color:#228eb4; text-decoration:none; border-bottom: 1px solid #D3D6CF;} #music-column-01 div a:hover, #music-column-02 div a:hover, #music-column-03 div a:hover, #music-column-04 div a:hover, #music-column-05 div a:hover, #music-column-06 div a:hover{color:#7a7a7d; text-decoration:none; border-bottom: 1px solid #7a7a7d;} #p.watch a{color:#228eb4;border-bottom:1px solid #D3D6CF;text-decoration:none;padding:0 0 0.1em 1.8em;margin:0em 0em 0.8em 0em;background:transparent url("../../img/watch.gif") no-repeat top left;} /* Side Nav */ #sideNav div{margin:8px 0 10px 0;} #sideNav h4{padding:0.8em 0.8em 0 0.8em;margin:0;color:#fff;} #sideNav .sideNav-promo img{margin:0.8em 0 0 0.8em;} #sideNav .sideNav-promo p{color:#fff;margin-bottom:1em;} /* Misc. */ .cb{clear:both; margin:0;padding:0;} .nb{border:0px;} .error{color:red;font-weight:bold;} .hide{width:1px;position:absolute;left:-9999px;} .cbHide{clear:both;margin:0;padding:0;line-height:0;} .block{display:block;} .fl{float:left;} .fr{float:right;} ol.alpha{list-style-type:lower-alpha;} abbr, acronym{border:0;} .np{padding-left:0;margin-left:11px;} /* --------------------------------------------- LAYOUT */ /* Main content areas */ #content{clear:both;padding-top:1em;border-top:1px solid #989898;} #content-nb{clear:both;padding-top:1em;} /* Two column */ #content-2col-col1{width:190px;float:left;padding-top:43px;background:transparent url("http://www.s4c.co.uk/img/nav-top.gif") no-repeat top left;} #content-2col-col2{width:548px;float:right;} /*Sub content sections of inner pages (contact and feeds) */ div.subContent-2col-col1{width:264px;float:left;} div.subContent-2col-col2{width:264px;float:right;} /* music */ /*#music{padding:0; margin:0px 0px 5px 0px;height:207px;background: #dc8848 url("../../img/tritenorcymru.jpg") no-repeat center left;}*/ /*#music{padding:0; margin:0px 0px 5px 0px;height:207px;background: #dc8848 url("../../img/nodyn.jpg") no-repeat center left;}*/ /*#music{padding:0; margin:0px 0px 5px 0px;height:207px;background: #dc8848 url("http://www.s4c.co.uk/amg/web/548x207/cor-y-fron.jpg") no-repeat center left;}*/ /*#music{padding:0; margin:0px 0px 5px 0px;height:207px;background: #dc8848 url("http://www.s4c.co.uk/amg/web/548x207/rhydian_2011.jpg") no-repeat center left;}*/ /*#music{padding:0; margin:0px 0px 5px 0px;height:207px;background: #dc8848 url("http://www.s4c.co.uk/amg/web/548x207/only-men-aloud.jpg") no-repeat center left;}*/ /*#music{padding:0; margin:0px 0px 5px 0px;height:207px;background: #dc8848 url("http://www.s4c.co.uk/amg/web/548x207/llais-i-gymru1.jpg") no-repeat center left;}*/ #music{padding:0; margin:0px 0px 5px 0px;height:207px;background: #dc8848 url("http://www.s4c.co.uk/amg/web/840x250/llais-i-gymru1.jpg") no-repeat center left;} #music div{clear:both;padding:0px 10px 0 10px;} #urdd2011{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/alix-jones.jpg") no-repeat bottom right;} #urdd2011 div{clear:both;padding:10px 10px 0 10px;} #carolaurhysarhian{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/rhys-meirion.jpg") no-repeat bottom right;} #carolaurhysarhian div{clear:both;padding:10px 10px 0 10px;} /*Program header images*/ #maestro{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/music_maestro_bk.gif") no-repeat bottom right;} #maestro div{clear:both;padding:10px 10px 0 10px;} #urdd{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/music_urdd_bk.gif") no-repeat bottom right;} #urdd div{clear:both;padding:10px 10px 0 10px;} #llangollen{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/music_llangollen_bk.jpg") no-repeat bottom right;} #llangollen div{clear:both;padding:10px 10px 0 10px;} #genedlaethol{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/music_llyrwilliams_bk.jpg") no-repeat bottom right;} #genedlaethol div{clear:both;padding:10px 10px 0 10px;} #jazz{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/music_jazz_bk.jpg") no-repeat bottom right;} #jazz div{clear:both;padding:10px 10px 0 10px;} #faenol{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/music_faenol_bk.jpg") no-repeat bottom right;} #faenol div{clear:both;padding:10px 10px 0 10px;} #gwylcerdddant{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/music_gwylcerdddant_bk.jpg") no-repeat bottom right;} #gwylcerdddant div{clear:both;padding:10px 10px 0 10px;} #carolauolangollen{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/music_carolauolangollen_bk.jpg") no-repeat bottom right;} #carolauolangollen div{clear:both;padding:10px 10px 0 10px;} #dolgellau{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/music_dolgellau_bk.jpg") no-repeat bottom right;} #dolgellau div{clear:both;padding:10px 10px 0 10px;} #elenid{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/music_elenid_bk.gif") no-repeat bottom right;} #elenid div{clear:both;padding:10px 10px 0 10px;} #saithgair{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/music_saithgair_bk.gif") no-repeat bottom right;} #saithgair div{clear:both;padding:10px 10px 0 10px;} #corigymru{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/music_corigymru_bk.gif") no-repeat bottom right;} #corigymru div{clear:both;padding:10px 10px 0 10px;} #galadennisakiri{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/galadennisakiri_bk.jpg") no-repeat bottom right;} #galadennisakiri div{clear:both;padding:10px 10px 0 10px;} #codicanu{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/codicanu_bk.jpg") no-repeat bottom right;} #codicanu div{clear:both;padding:10px 10px 0 10px;} #cerys{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/cerys_bk.jpg") no-repeat bottom right;} #cerys div{clear:both;padding:10px 10px 0 10px;} #falstaff{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/falstaff_bk.jpg") no-repeat bottom right;} #falstaff div{clear:both;padding:10px 10px 0 10px;} #duffy{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/duffy_bk.jpg") no-repeat bottom right;} #duffy div{clear:both;padding:10px 10px 0 10px;} #melyslais{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/melyslais_bk2.jpg") no-repeat bottom right;} #melyslais div{clear:both;padding:10px 10px 0 10px;} #tanyddraig{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/tanyddraig_bk.jpg") no-repeat bottom right;} #tanyddraig div{clear:both;padding:10px 10px 0 10px;} #breuddwydsax{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/breuddwydsax.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #nodyn{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/nodyn.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #miloleisiau{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/miloleisiau.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #otello{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/otello.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #urdd_2009{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/ysgoloriaeth_bk.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #bandit{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/bandit_bk.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #awh3{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/awh3.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #bandit2{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/huw-bandit.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #wynneevans{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/wynneevans.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #margaretprice{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/margaretprice.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #figaro{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/figaro-header.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #piws{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/piws.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #gg{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/cyngerdd-garethglyn.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #cef{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/cyngerdd-elin-fflur.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #cyngerddsirysioe{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/cyngerddsirysioe.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #cyngerddaberglasne{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/cyngerddaberglasne.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #wakestock{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/wakestock11.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #russell{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/russell-watson.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #tritenorcymru{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/tritenorcymru.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #seshfawr{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/sesiwn-fawr-2011.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #nadolig_bt{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/nadolig-bryn-terfel.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #carolau{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/carolau2.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #pencamp{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/morgan_jones.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #llyr{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/llyr_bk.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #karljenkins{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/karljenkins.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #karljenkins div{clear:both;padding:10px 10px 0 10px;} #brynterfel{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/brynterfel_bk.jpg") no-repeat bottom right;} #brynterfel div{clear:both;padding:10px 10px 0 10px;} #serysteddfod{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/serysteddfod_bk.jpg") no-repeat bottom right;} #serysteddfod div{clear:both;padding:10px 10px 0 10px;} #glanaethwy{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/glanaethwy_bk.jpg") no-repeat bottom right;} #glanaethwy div{clear:both;padding:10px 10px 0 10px;} #sopranos{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/sopranos_bk.jpg") no-repeat bottom right;} #sopranos div{clear:both;padding:10px 10px 0 10px;} #oma{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/oma_bk.jpg") no-repeat bottom right;} #oma div{clear:both;padding:10px 10px 0 10px;} #proms{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/proms_bg.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #promstwo{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/proms_nosonolaf_bg.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #gwrygan{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/gwrygan_bg.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #cyngerddwestend{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/cyngerdd_we.jpg") no-repeat bottom right;clear:both;padding:10px 10px 0 10px;} #carolauolangollen_10{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/carolauolangollen-wynne.jpg") no-repeat bottom right;} #llangollen11{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/llangollen11.jpg") no-repeat bottom right;} #gwyl-cerdd-dant{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/gwyl-cerdd-dant.jpg") no-repeat bottom right;} #dawel-nos{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/dawel-nos.jpg") no-repeat bottom right;} #shelter-cymru{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/cyngerdd-shelter-cymru.jpg") no-repeat bottom right;} #cwm-gwendraeth{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("http://www.s4c.co.uk/amg/web/548x207/cyngerdd-cwm-gwendraeth.jpg") no-repeat bottom right;} #schedule{padding:0; margin:0px 0px 5px 0px;height:207px;background:#fff url("../../img/schedule_bk.jpg") no-repeat top left;} #schedule div{clear:both;padding:10px 10px 0 10px;} div.music-directory{clear:both;} div.music-directory h3{border-bottom:1px solid #9CA4A4;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.3em;padding:0 9px 0.2em 20px;color:#000018;margin:0 0 0 0;font-weight:normal;line-height:1.2em;} div.music-column{width:159px;float:left;margin:1em 10px 10px 10px;clear:right;} /* ------------------------------------------ NAVIGATION */ a img{border:none;} /* Sidenav */ #sideNav{width:188px;float:left;} /* Generic side links styles */ #sideNav ul, #sideNav p{list-style-type:none;margin:0.7em;padding:0.2em 0 0.6em 0;line-height:1.6em;} #sideNav ul li{padding:0.3em 0.5em 0.2em 0.5em;} #sideNav ul li a{color:#FFFFFF;text-decoration:none;border-bottom:1px solid #08445E;padding:0 0 0.2em 0;} #sideNav ul a:link{} #sideNav ul a:visited{} #sideNav ul a:hover{} #sideNav ul a:active{} #sideNav ul a:focus{} .sideNav-navy-dk{background:#02364D;} #sideNav .sideNav-navy-dk ul {padding-top:0.1em;} #sideNav .sideNav-navy-dk ul li {color:#FFF;} #sideNav .sideNav-navy-dk ul li a{color:#fff;} #sideNav .sideNav-navy-dk ul a:hover{color:#A6A6A3;border-bottom-color:#08445E;} .sideNav-navy-lt{background:#36312D;} #sideNav .sideNav-navy-lt ul {padding-top:0.1em;} #sideNav .sideNav-navy-lt ul li {color:#FFF;} #sideNav .sideNav-navy-lt ul li a{color:#fff;border-bottom:1px solid #484440;padding:0 0 0.2em 0;} #sideNav .sideNav-navy-lt ul a:hover{color:#A6A6A3;border-bottom-color:#484440;} #sideNav .sideNav-navy-lt h3{margin:0.5em;padding:0.2em 0 0.4em 0.4em;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.1em;text-align:left;line-height:1.4em;color:#a3a2a2; font-weight:normal; border-bottom:1px solid #3f3c3b;} #sideNav .sideNav-feeds{background:#36312D;} #sideNav .sideNav-feeds h3{color:#fff;border-bottom:0px solid #403b37;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;padding:0 0 0 1.2em;} #sideNav .sideNav-feeds ul li{padding:0 0 0.5em 0.3em;} #sideNav .sideNav-feeds ul li a{color:#fff;border-bottom:1px solid #403b37;text-decoration:none;padding:0em 0 0.2em 2em;background:transparent url("../../img/pdf_icon.gif") no-repeat bottom left;} #sideNav .sideNav-feeds ul li a:link{padding:0.1em 0 0.5em 2em;background:transparent url("../../img/pdf_icon.gif") no-repeat bottom left;} #sideNav .sideNav-feeds ul li a:visited{background:transparent url("../../img/pdf_icon.gif") no-repeat bottom left;} #sideNav .sideNav-feeds ul li a:hover{color:#555555;background:transparent url("../../img/pdf_icon.gif") no-repeat bottom left;} #sideNav .sideNav-feeds ul li.none {color:#FFF;padding:0.5em 0 0.3em 0.4em;background:none;line-height:1.4em;} #sideNav .sideNav-feeds ul li.none a{color:#FFF;padding:0.5em 0 0 0;background:none;} #sideNav .sideNav-feeds ul li.none a:hover{color:#555555;padding:0.5em 0 0 0;background:none;} /* music */ #music ul li a{text-decoration:none;color:#fff;} div.music-column ul li a{text-decoration:none;color:#555555;} /* new learners (also used in about pages) styles */ #learners h2{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.6em;padding:0 0 0.4em 0;color:#228eb4;margin:1em 9px 0.2em 9px;font-weight:normal;border-bottom:1px solid #e7e7e7;} #learners h3{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;padding:0.2em 9px 0 9px;color:#228eb4;margin:0;font-weight:normal;} #learners p{margin:0.5em 9px 1.7em 9px; clear:both;} #learners img{float:right;padding:0 0.7em 0 0.7em;} #learners a{color:#000018;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0;margin:0;} #learners a:hover{color:#000018;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 0;margin:0;} #learners ul, {list-style-type:none;margin:0.7em;padding:0em 0 0.6em 0;line-height:1.6em;} #learners ul li{list-style-type:none;padding:0.3em 0em 0.2em 0em;} #learners ul li.watch a{color:#000018;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 1.8em;margin:0em 0em 0.8em 0em;background:transparent url("../../img/watch.gif") no-repeat top left;} #learners ul li.watch a:hover{color:#555555;border-bottom:1px solid #555555;text-decoration:none;padding:0 0 0.1em 1.8em;margin:0;background:transparent url("../../img/watch.gif") no-repeat top left;} #schedulelist h3{font-family:Helvetica, Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;padding:0.2em 9px 0 0px;color:#228eb4;margin:0;font-weight:normal;} #schedulelist ul{padding:0.2em 9px 0 9px;color:#4d4d4d4;margin:0;font-weight:normal; list-style: none;} #schedulelist ul li{padding:0.2em 9px 0 0px;color:#4d4d4d4;margin:0;font-weight:normal; list-style: none; margin:0em 0em 1em 0em;} #schedulelist ul li.tight{padding:0.3em 9px 0.2em 0px;color:#4d4d4d4;margin:0;font-weight:normal; list-style: none; margin:0em 0em 0em 0em;} #schedulelist ul li a{color:#555555;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 0em;margin:0em 0em 0.8em 0em;/*background:transparent url("../../img/watch.gif") no-repeat top left;*/} #schedulelist ul li.watch a{color:#555555;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 1.8em;margin:0em 0em 0.8em 0em;background:transparent url("../../img/watch.gif") no-repeat top left;} #schedulelist ul li.watch a:hover{color:#555555;border-bottom:1px solid #555555;text-decoration:none;padding:0 0 0.1em 1.8em;margin:0;background:transparent url("../../img/watch.gif") no-repeat top left;} #duffy ul li.watch a{color:#555555;border-bottom:1px solid #e7e7e7;text-decoration:none;padding:0 0 0.1em 1.8em;margin:0em 0em 0.8em 0em;background:transparent url("../../img/watch.gif") no-repeat top left;} #duffy ul li.watch a:hover{color:#555555;border-bottom:1px solid #555555;text-decoration:none;padding:0 0 0.1em 1.8em;margin:0;background:transparent url("../../img/watch.gif") no-repeat top left;} #onlineNav{/*width:300px;float:right; margin:0px 0px 5px 0px;text-align:right;*/padding:1px;border:1px solid #dadada; background:#fff;margin: 0.8em 0 1.5em 10px;} #onlineNav p{text-shadow: 0 0 0 #000;margin:0;padding:0.2em 0em 0.5em 0.6em;} #onlineNav ul {list-style-type:none;margin:0.7em;padding:0.2em 0 0em 0;line-height:1.4em;} #onlineNav ul li{padding:0em 0em 0em 0.5em;} #onlineNav ul li a{color:#FFFFFF;text-decoration:none;padding:0 0 0em 0;} #onlineNav_inner{padding:0.1em 0.1em 0.1em 0; background-color:#E4EEF2;} #onlineNav_inner ul{margin:0.5em 0 0.3em 0;padding:0;} #onlineNav_inner ul li{padding:0em 0em 0.2em 0.5em;} #onlineNav_inner ul li a{color:#000018;text-decoration:none;padding:0 0 0.1em 0;border-bottom:1px solid #cccccc;text-decoration:none;} #onlineNav_inner ul li a:hover{color:#4d4d4d;text-decoration:none;padding:0 0 0.1em 0;border-bottom:1px solid #cccccc;text-decoration:none;} #onlineNav_inner ul li.watch a{color:#000018;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} #onlineNav_inner ul li.watch a:link{color:#000018 ;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} #onlineNav_inner ul li.watch a:hover{color:#4d4d4d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} #onlineNav_inner ul li.title{color:#000; font-size:1.1em; padding-top:4px;} .onlineNav{/*width:300px;float:right; margin:0px 0px 5px 0px;text-align:right;*/padding:1px;border:1px solid #dadada; background:#fff;margin: 0.8em 0 1.5em 10px;} .onlineNav p{text-shadow: 0 0 0 #000;margin:0;padding:0.2em 0em 0.5em 0.6em;} .onlineNav ul {list-style-type:none;margin:0.7em;padding:0.2em 0 0em 0;line-height:1.4em;} .onlineNav ul li{padding:0em 0em 0em 0.5em;} .onlineNav ul li a{color:#FFFFFF;text-decoration:none;padding:0 0 0em 0;} .onlineNav_inner{padding:0.1em 0.1em 0.1em 0; background-color:#E4EEF2;} .onlineNav_inner ul{margin:0.5em 0 0.3em 0.5em;padding:0;} .onlineNav_inner ul li{padding:0em 0em 0.2em 0.5em;} .onlineNav_inner ul li a{color:#000018;text-decoration:none;padding:0 0 0.1em 0;border-bottom:1px solid #cccccc;text-decoration:none;} .onlineNav_inner ul li a:hover{color:#4d4d4d;text-decoration:none;padding:0 0 0.1em 0;border-bottom:1px solid #cccccc;text-decoration:none;} .onlineNav_inner ul li.watch a{color:#000018;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} .onlineNav_inner ul li.watch a:link{color:#000018 ;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} .onlineNav_inner ul li.watch a:hover{color:#4d4d4d;border-bottom:1px solid #cccccc;text-decoration:none;padding:0 0 0.1em 1.8em; background:transparent url("../../img/watch.gif") no-repeat top left;} .onlineNav_inner ul li.title{color:#000; font-size:1.1em;} #learners p.q{margin:0 0 0 9px; font-size:1.1em; color:#333333;} /* ------------------------------------ END STYLE SHEET */ #nodyn_pics {margin-left: 10px;} #nodyn_pics img {} #sponsor { float:right; position:relative; top:25px; } /*video-popup*/ #video-popup { position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:url(http://www.s4c.co.uk/hafan/img/black35.png); display:none; } #video-popup-holder { padding:20px; position:absolute; z-index:10001; left:50%; background:#ffffff; background:rgba(255,255,255,.85); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 0 110px rgba(0,0,0,.8), 0 0 8px rgba(0,0,0,1); -moz-box-shadow:0 0 110px rgba(0,0,0,.8), 0 0 8px rgba(0,0,0,1); box-shadow:0 0 110px rgba(0,0,0,.8), 0 0 8px rgba(0,0,0,1); behavior: url(PIE.htc); display:none; } #video-popup-close { position:absolute; z-index:10002; top:-7px; right:-7px; }