/* common properties */ #leftnav {margin: 0px; padding:0px;} #leftnav ul {width:155px; margin:0em; padding: 0em; } #leftnav li { width:155px; margin:0em; padding:0em; list-style-type:none;} #leftnav li a { width:155px; background-color:#DF0031; text-decoration:none; display:block; padding:5px 0 5px 15px; margin:0; color:#FFFFFF; font-weight:bold; border-bottom:1.5px SOLID #FFFFFF; } #leftnav li a:hover { background-color: #FFF; text-decoration:none; color:#000; } #leftnav .subMenu2 a{ padding-left: 30px; width:140px; font-weight:normal;} #leftnav .subMenu2 a:hover { border-left:20px; border-color:#FFFFFF;} #leftnav .subMenu2Active a {padding-left: 15px; width:140px; font-weight:normal;} .mainContent { margin:0px 15px;} .bodytext { margin:0px 15px;} .bodytext h1 { margin: 0 15px 5px 15px;} .bodytext h3 { margin: 0 15px 5px 15px;} .bodytext h2 { margin:15px 15px 5px 15px;} .bodytext h4 { font-size: 9pt;} .bodytext li { list-style-type: square; margin: 0 0 0 4em;} .bodytext img { margin: 0 0 0 0} p.redbox a{color: white; font-size:10pt;} p.redbox { font-size: 150%; line-height: 150%; background: #c00000; color:white; font-weight: bold; padding: 15px 0px 15px 5px; } .fontbach {font-family: Verdana; font-size: 8pt;} .csc-textpic-intext-left { margin: 0 0 0 2em; } /* TABLE STYLING AR GYFER TABLAU AM LLGC */ .amllgc {border-top: 1px solid #df0031; border-left: 1px solid #df0031; border-spacing: 0px; margin-left: 15px; margin-right: 15px;} .amllgc th {border-right: 1px solid #df0031; border-bottom: 1px solid #ffffff; padding: 5px; background-color: #df0031; color: white;} .amllgc .tr-last th {border-bottom: 1px solid #df0031;} .amllgc td {border-right: 1px solid #df0031; border-bottom: 1px solid #df0031; padding: 5px;} .amllgc .tr-even td {background-color: #f9e3e7;} /* TABLE STYLING AR GYFER TABLAU YMWELD A NI */ .ymweld {border-top: 1px solid #ed008c; border-left: 1px solid #ed008c; border-spacing: 0px; margin-left: 15px; margin-right: 15px;} .ymweld th {border-right: 1px solid #ff6600; border-bottom: 1px solid #ffffff; padding: 5px; background-color: #ed008c; color: white;} .ymweld .tr-last th {border-bottom: 1px solid #ed008c;} .ymweld td {border-right: 1px solid #ed008c; border-bottom: 1px solid #ed008c; padding: 5px;} .ymweld .tr-even td {background-color: #f6e0ed;} /* TABLE STYLING AR GYFER TABLAU CASGLIADAU */ .casgliadau {border-top: 1px solid #ffcc00; border-left: 1px solid #ffcc00; border-spacing: 0px; margin-left: 15px; margin-right: 15px;} .casgliadau th {border-right: 1px solid #ffcc00; border-bottom: 1px solid #ffffff; padding: 5px; background-color: #ff6600; color: black;} .casgliadau .tr-last th {border-bottom: 1px solid #ffcc00;} .casgliadau td {border-right: 1px solid #ffcc00; border-bottom: 1px solid #ffcc00; padding: 5px;} .casgliadau .tr-even td {background-color: #f5efd8;} /* TABLE STYLING AR GYFER TABLAU CATALOGAU */ .catalogau {border-top: 1px solid #ef3f2f; border-left: 1px solid #ff6600; border-spacing: 0px; margin-left: 15px; margin-right: 15px;} .catalogau th {border-right: 1px solid #ef3f2f; border-bottom: 1px solid #ffffff; padding: 5px; background-color: #ef3f2f; color: white;} .catalogau .tr-last th {border-bottom: 1px solid #ef3f2f;} .catalogau td {border-right: 1px solid #ef3f2f; border-bottom: 1px solid #ef3f2f; padding: 5px;} .catalogau .tr-even td {background-color: #ffe6e4;} /* TABLE STYLING AR GYFER TABLAU HANES TEULU */ .hanesteulu {border-top: 1px solid #ff6600; border-left: 1px solid #ff6600; border-spacing: 0px; margin-left: 15px; margin-right: 15px;} .hanesteulu th {border-right: 1px solid #ff6600; border-bottom: 1px solid #ffffff; padding: 5px; background-color: #ff6600; color: white;} .hanesteulu .tr-last th {border-bottom: 1px solid #ff6600;} .hanesteulu td {border-right: 1px solid #ff6600; border-bottom: 1px solid #ff6600; padding: 5px;} .hanesteulu .tr-even td {background-color: #fff7ef;} /* TABLE STYLING AR GYFER TABLAU DRYCH DIGIDOL */ .drychtablau {border-top: 1px solid #81b413; border-left: 1px solid #81b413; border-spacing: 0px; margin-left: 15px; margin-right: 15px;} .drychtablau th {border-right: 1px solid #81b413; border-bottom: 1px solid #ffffff; padding: 5px; background-color: #81b413; color: white;} .drychtablau .tr-last th {border-bottom: 1px solid #81b413;} .drychtablau td {border-right: 1px solid #81b413; border-bottom: 1px solid #81b413; padding: 5px;} .drychtablau .tr-even td {background-color: #f5fde4;} /* TABLE STYLING AR GYFER TABLAU GWASANAETHAU */ .gwasanaethau {border-top: 1px solid #9966cc; border-left: 1px solid #9966cc; border-spacing: 0px; margin-left: 15px; margin-right: 15px;} .gwasanaethau th {border-right: 1px solid #9966cc; border-bottom: 1px solid #ffffff; padding: 5px; background-color: #9966cc; color: white;} .gwasanaethau .tr-last th {border-bottom: 1px solid #9966cc;} .gwasanaethau td {border-right: 1px solid #9966cc; border-bottom: 1px solid #9966cc; padding: 5px;} .gwasanaethau .tr-even td {background-color: #e9dff4;} /* TABLE STYLING AR GYFER TABLAU DIGWYDDIADAU */ .digwyddiadau {border-top: 1px solid #0fc3c3; border-left: 1px solid #0fc3c3; border-spacing: 0px; margin-left: 15px; margin-right: 15px;} .digwyddiadau th {border-right: 1px solid #0fc3c3; border-bottom: 1px solid #ffffff; padding: 5px; background-color: #0fc3c3; color: white;} .digwyddiadau .tr-last th {border-bottom: 1px solid #0fc3c3;} .digwyddiadau td {border-right: 1px solid #0fc3c3; border-bottom: 1px solid #0fc3c3; padding: 5px;} .digwyddiadau .tr-even td {background-color: #e1f4f4;} /* TOP RIGHT BOTM LEFT */ /* MAILFORMS STYLING */ TABLE.csc-mailform { border: 1px solid #8fb0c0; font-size: 1em; padding: 3px; background-color: #e0e6e9; } TABLE TR TD { padding-left: 3px; padding-right: 3px; } TABLE TR TD.csc-mailform-fieldcell INPUT, TABLE TR TD.csc-mailform-fieldcell SELECT, TABLE TR TD.csc-mailform-fieldcell TEXTAREA { border: 1px solid #8fb0c0;} TABLE TR TD.csc-mailform-labelcell P.csc-mailform-label-req { font-weight: bold;} legend { display:none; } fieldset { border: 0px; padding: 5px 0px 8px 0px; } label { padding: 0px 0px 0px 3px; } .csc-mailform-submit { text-align:center; float: left; } /* Newid main font y caption */ .csc-textpic-caption {font-size: 8pt;} blockquote { margin: 0 0 0 60px; } p.smallpromotext { font-size: 0.89em; } /* FORMATTING TABLAU DRYCH*/ td.drych { margin: 5px; background-color: #D6EFEF; padding: 5px; } td.drych_ll { margin: 5px; background-color: #e5eaea; padding: 5px; } /* Formating i linc Ymuno a'r Llyfrgell - Join the Library */ .patronloginbox { margin: -1.2em 0 0.4em 0.38em; } .patronloginbox a { color:#ffffff; background: #ef3f2f url(/fileadmin/templates/images/join.gif) left no-repeat; border: 1px #ffffff solid; font-size: 1.1em; font-weight: bold; line-height: 2em; text-decoration: none; padding: 0.2em 0.36em 0.26em 2.1em; } .patronloginbox a:link { color:#ffffff; background: #ef3f2f url(/fileadmin/templates/images/join.gif) left no-repeat; border: 1px #ffffff solid; font-size: 1.1em; font-weight: bold; line-height: 2em; text-decoration: none; padding: 0.2em 0.36em 0.26em 2.1em; } .patronloginbox a:visited:link { color:#ffffff; background: #ef3f2f url(/fileadmin/templates/images/join.gif) left no-repeat; border: 1px #ffffff solid; font-size: 1.1em; font-weight: bold; 1.1em; line-height: 2em; text-decoration: none; padding: 0.2em 0.36em 0.26em 2.1em; } .patronloginbox a:active { color: #ef3f2f; background: grey url(/fileadmin/templates/images/join.gif) left no-repeat; border: 1px #ef3f2f solid; font-size: 1.1em; font-weight: bold; 1.1em; line-height: 2em; text-decoration: none; padding: 0.2em 0.36em 0.26em 2.1em; } .patronloginbox a:hover { color: #ef3f2f; background: grey url(/fileadmin/templates/images/join.gif) left no-repeat; border: 1px #ef3f2f solid; font-size: 1.1em; font-weight: bold; 1.1em; line-height: 2em; text-decoration: none; padding: 0.2em 0.36em 0.26em 2.1em; } .bodytext table {font-size: 10pt;} .activeLink a{color: #000000; background-color: #FFFFFF;} body #sectioncontainer img#sectionnameimage {float: right;} .smallpromo a{color:#617A2C;} /* homepage */ body#homepage #sectioncontainer {background-color: #DF0031;} #masthead {background: url(../images/masthead_bg.jpg) bottom right no-repeat;} #homepage .subc2 a {color: #0000ee;} #homepage .subc2 a:visited (color: #4e6223;) #homepage .smallpromo{background:#ECE7E2; border-top: 5px solid #fff;} #homepage #c2 div.smallpromo h4 a {margin: 0 10px 0 10px;color: #DF0031;} /* aboutNLW theme*/ body#aboutNLW #sectioncontainer { background: #DF0031;} #aboutNLW #c2{background:#fff;} #aboutNLW #masthead {background: url(../images/masthead_bg.jpg) bottom right no-repeat;} /* content links in section colour #aboutNLW .bodytext a{color:#DF0031;}*/ #aboutNLW #leftnav a{ color: #FFFFFF; background-color: #DF0031;} #aboutNLW #leftnav a:focus{ color: #000;} #aboutNLW #leftnav ul li a:hover, #leftnav ul li a:focus{ color: #000000; background-color: #FFFFFF;} #aboutNLW #leftnav .subMenu1 a{color: #000000; background-color: #FABFE2;} #aboutNLW #leftnav .activeLink a{color: #000000; background-color: #FFFFFF;} #aboutNLW #leftnav .subMenu2 a{color: #000000; background-color: #ECE7E2; border-left-color: #ECE7E2; } #aboutNLW #leftnav .subMenu2Active a{color: #000000; background-color: #fff; border-left-width: 20px; border-left-color: #fff; border-left-style: solid;} #aboutNLW .smallpromo{background:#ECE7E2; border-top: 5px solid #617A2C; width: 170px;} #aboutNLW .subc2 a, .subc2 a:visited{color:#4e6223;} #aboutNLW #c1 div.smallpromo h4 a {margin: 0 10px 0 10px;color: #4e6223;} #aboutNLW .csc-frame-frame1{background:#df0031; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #aboutNLW .csc-frame-frame1 a{color: black; font-weight: bold;} #aboutNLW .csc-frame-frame2{background:#fabfe2; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #aboutNLW .csc-frame-frame2 a{color: black; font-weight: bold;} /* Table layout 1*/ #aboutNLW .contenttable-1 {border: 1px solid black;} #aboutNLW .contenttable-1 .tr-0{border: 1px solid black; font-weight: bold;} #aboutNLW .contenttable-1 .td-0{border: 0px solid black; vertical-align:top;} #aboutNLW .contenttable-1 .td-1{border: 0px solid black; vertical-align:top;} /* Table layout 2 */ #aboutNLW .contenttable-2 {border: 1px solid black;} #aboutNLW .contenttable-2 .tr-0{border: 1px solid black; font-weight: bold;} #aboutNLW .contenttable-2 .tr-1{border: 1px solid red; font-weight: normal;} #aboutNLW .contenttable-2 .td-0{border: 1px solid black; vertical-align:top; padding: 5px 30px 5px 10px; width: 16%;} #aboutNLW .contenttable-2 .td-1{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px;} #aboutNLW .contenttable-2 .td-2{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px;} #aboutNLW .contenttable-2 .td-3{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px;} /* Table layout 3 */ #aboutNLW .contenttable-3 {border: 1px solid black;} #aboutNLW .contenttable-3 .tr-0{border: 1px solid black;} #aboutNLW .contenttable-3 .td-0{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px; width: 18%; font-weight: bold;} #aboutNLW .contenttable-3 .td-1{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px;} #aboutNLW .contenttable-3 .td-2{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px;} #aboutNLW .contenttable-3 .td-3{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px;} /* supportUs theme*/ body#supportUs #sectioncontainer { background: #617A2C;} #supportUs #c2{background:#fff;} #supportUs #masthead {background: url(../images/supportUs/headerSupportUs.jpg) bottom right no-repeat;} /*content links in section colour #supportUs .mainContent a{color:#617A2C;}*/ #supportUs #leftnav a{ color: #FFFFFF;background-color: #617A2C;} #supportUs #leftnav a:focus{ color: #000;} #supportUs #leftnav ul li a:hover, #leftnav ul li a:focus{ color: #000000; background-color: #FFFFFF;} #supportUs #leftnav .subMenu1 a{color: #000000; background-color: #A0AF80;} #supportUs #leftnav .activeLink a{color: #000000; background-color: #FFFFFF;} #supportUs #leftnav .subMenu2 a{color: #000000; background-color: #ECE7E2; border-left-color: #ECE7E2; } #supportUs #leftnav .subMenu2Active a{color: #000000; background-color: #fff; border-left-width: 20px; border-left-color: #fff; border-left-style: solid;} #supportUs .smallpromo{background:#ECE7E2; border-top: 5px solid #617A2C;} #supportUs .subc2 a, .subc2 a:visited{color:#4e6223;} #supportUs #c1 div.smallpromo h4 a {margin: 0 10px 0 10px;color: #4e6223;} #supportUs .csc-frame-frame1{background:#617a2c; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #supportUs .csc-frame-frame1 a{color: black; font-weight: bold;} #supportUs .csc-frame-frame2{background:#A0AF80; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #supportUs .csc-frame-frame2 a{color: black; font-weight: bold;} /* collections theme*/ body#collections #sectioncontainer { background: #FFCC00;} #collections #c1{background:#fff;} #collections #masthead {background: url(../images/collections/headercollections.jpg) bottom right no-repeat;} /*content links in section colour #collections .mainContent a{color:#FFCC00;}*/ #collections #leftnav a{ color: #000;background-color: #FFCC00;} #collections #leftnav ul li a:hover, #leftnav ul li a:focus{ color: #000000; background-color: #FFFFFF;} #collections #leftnav .subMenu1 a{color: #000000; background-color: #FFFE7F;} #collections #leftnav .activeLink a{color: #000000; background-color: #FFFFFF;} #collections #leftnav .subMenu2 a{color: #000000; background-color: #ECE7E2; border-left-color: #ECE7E2; } #collections #leftnav .subMenu2Active a{color: #000000; background-color: #fff; border-left-width: 20px; border-left-color: #fff; border-left-style: solid;} #collections .smallpromo{background:#ECE7E2; border-top: 5px solid #617A2C;} #collections .subc2 a, .subc2 a:visited{color:#4e6223;} #collections #c1 div.smallpromo h4 a {margin: 0 10px 0 10px;color: #4e6223;} #collections .csc-frame-frame1{background:#ffcc00; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #collections .csc-frame-frame1 a{color: black; font-weight: bold;} #collections .csc-frame-frame2{background:#FFFE7F; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #collections .csc-frame-frame2 a{color: black; font-weight: bold;} /* catalogues theme*/ body#catalogues #sectioncontainer { background: #EF3F2F;} #catalogues #c1{background:#fff;} #catalogues #masthead {background: url(../images/catalogues/headercatalogues.jpg) bottom right no-repeat;} /*content links in section colour #catalogues .mainContent a{color:#EF3F2F;}*/ #catalogues #leftnav a{ color: #FFFFFF;background-color: #EF3F2F;} #catalogues #leftnav a:focus{ color: #000;} #catalogues #leftnav ul li a:hover, #leftnav ul li a:focus{ color: #000000; background-color: #FFFFFF;} #catalogues #leftnav .subMenu1 a{color: #000000; background-color: #F89F97;} #catalogues #leftnav .activeLink a{color: #000000; background-color: #FFFFFF;} #catalogues #leftnav .subMenu2 a{color: #000000; background-color: #ECE7E2; border-left-color: #ECE7E2; } #catalogues #leftnav .subMenu2Active a{color: #000000; background-color: #fff; border-left-width: 20px; border-left-color: #fff; border-left-style: solid;} #catalogues .smallpromo{background:#ECE7E2; border-top: 5px solid #617A2C;} #catalogues .subc2 a, .subc2 a:visited{color:#4e6223;} #catalogues #c1 div.smallpromo h4 a {margin: 0 10px 0 10px;color: #4e6223;} /*Promobox #catalogues .csc-frame-frame1 {background: #c00000; color: white; font-size: 10pt; margin: 0 15px 25px 15px; padding-bottom: 10px;} #catalogues .csc-frame-frame1 a {color: white; font-weight: bold;} #catalogues .csc-frame-frame1 h1 {color: white;}*/ #catalogues .csc-frame-frame1{background:#ef3f2f; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #catalogues .csc-frame-frame1 a{color: black; font-weight: bold;} #catalogues .csc-frame-frame2{background:#F89F97; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #catalogues .csc-frame-frame2 a{color: black; font-weight: bold;} /* Classess ar gyfer rhestr A-Z Adnoddau Electronic sub-pages */ .adel_A-Z {font-size: 9pt; margin: 10px 0 0 10px; } /* TOP RIGHT BOTM LEFT */ A:link.rhestr { text-decoration: none; color: #D2EDF8; } A:visited.rhestr, A:active.rhestr { text-decoration: none; color: #D2EDF8; } A:hover.rhestr { text-decoration: underline; color: #D2EDF8; } A:link.rhestr_sub { text-decoration: none; color: #003366; } A:visited.rhestr_sub, A:active.rhestr { text-decoration: none; color: #003366; } A:hover.rhestr_sub { text-decoration: underline; color: #003366; } table.rhestr { border-collapse: collapse; border-top: hidden; font-size: 9pt; padding-left: 5px;} tr.rhestr { border-top: solid #D2EDF8; border-width: 2px; font-size: 9pt;} td.rhestr { background: #006699; color: #D2EDF8 ; text-align: top; font-size: 9pt; font-weight: bold; padding-left: 5px;} .rhestrtop { font-size: 16pt; font-weight: bold; } A:link.rhestrtop { text-decoration: none; color: #D2EDF8; } A:visited.rhestrtop, A:active.rhestr { text-decoration: none; color: #D2EDF8; } A:hover.rhestrtop { text-decoration: underline; color: #D2EDF8; } #catalogues td {padding-left: 5px;} table.allwedd { border-collapse: collapse; border-top: hidden; font-family: Arial; color: #006699; width: 90%;} tr.allwedd { border-top: thin solid #006699; width: 1px; } td.allwedd {} td.disgrifiad { background: #D2EDF8; color: #006699 ; text-align: top; font-size: 8pt; padding-left: 2px;} /* familyHistory theme*/ body#familyHistory #sectioncontainer { background: #FF6600;} #familyHistory #c1{background:#fff;} #familyHistory #masthead {background: url(../images/familyHistory/headerfamilyHistory.jpg) bottom right no-repeat;} /*content links in section colour #familyHistory .mainContent a{color:#FF6600;}*/ #familyHistory #leftnav a{ color: #FFFFFF;background-color: #FF6600;} #familyHistory #leftnav a:focus{ color: #000;} #familyHistory #leftnav ul li a:hover, #leftnav ul li a:focus{ color: #000000; background-color: #FFFFFF;} #familyHistory #leftnav .subMenu1 a{color: #000000; background-color: #FFCC99;} #familyHistory #leftnav .activeLink a{color: #000000; background-color: #FFFFFF;} #familyHistory #leftnav .subMenu2 a{color: #000000; background-color: #ECE7E2; border-left-color: #ECE7E2; } #familyHistory #leftnav .subMenu2Active a{color: #000000; background-color: #fff; border-left-width: 20px; border-left-color: #fff; border-left-style: solid;} #familyHistory .smallpromo{background:#ECE7E2; border-top: 5px solid #617A2C;} #familyHistory .subc2 a, .subc2 a:visited{color:#4e6223;} #familyHistory #c1 div.smallpromo h4 a {margin: 0 10px 0 10px;color: #4e6223;} #familyHistory .csc-frame-frame1{background:#ff6600; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #familyHistory .csc-frame-frame1 a{color: black; font-weight: bold;} #familyHistory .csc-frame-frame2{background:#FFCC99; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #familyHistory .csc-frame-frame2 a{color: black; font-weight: bold;} /* digitalMirror theme*/ body#digitalMirror #sectioncontainer { background: #81B413;} #digitalMirror #c1{background:#fff;} #digitalMirror #masthead {background: url(../images/digitalMirror/headerdigitalMirror.jpg) bottom right no-repeat;} /*content links in section colour #digitalMirror .mainContent a{color:#81B413;}*/ #digitalMirror #leftnav a{ color: #FFFFFF;background-color: #81B413;} #digitalMirror #leftnav a:focus{ color: #000;} #digitalMirror #leftnav ul li a:hover, #leftnav ul li a:focus{ color: #000000; background-color: #FFFFFF;} #digitalMirror #leftnav .subMenu1 a{color: #000000; background-color: #DEEBC2;} #digitalMirror #leftnav .activeLink a{color: #000000; background-color: #FFFFFF;} #digitalMirror #leftnav .subMenu2 a{color: #000000; background-color: #ECE7E2; border-left-color: #ECE7E2;} #digitalMirror #leftnav .subMenu2Active a{color: #000000; background-color: #fff; border-left-width: 20px; border-left-color: #fff; border-left-style: solid;} #digitalMirror .smallpromo{background:#ECE7E2; border-top: 5px solid #617A2C;} #digitalMirror .subc2 a, .subc2 a:visited{color:#4e6223;} #digitalMirror #c1 div.smallpromo h4 a {margin: 0 10px 0 10px;color: #4e6223;} #digitalMirror .csc-frame-frame1{background:#deebc2; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #digitalMirror .csc-frame-frame1 a{color: black; font-weight: bold;} #digitalMirror .csc-frame-frame2{background:#81b413; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #digitalMirror .csc-frame-frame2 a{color: black; font-weight: bold;} /* styling ar gyfer tudalen blaen y Drych*/ .cynnwys {font-family: Verdana, Arial; font-size: 10pt; position: relative; left: 0px; top: 0px; text-align: left; padding-bottom: 10px; padding-top: 10px;} .chwith { float: left; width: 48%; align: top; } .de { float: right; width: 48%; align: top; } .bocs_cyswllt_bywg { background-image: url(../images/digitalMirror/bywg.gif); layer-background-image: url(../images/digitalMirror/bywg.gif); background-repeat: no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_darl { background-image: url(../images/digitalMirror/darl.gif); layer-background-image: url(../images/digitalMirror/darl.gif); background-repeat: no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_llaw { background-image: url(../images/digitalMirror/llaw.gif); layer-background-image: url(../images/digitalMirror/llaw.gif); background-repeat: no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_gwyb { background-image: url(../images/digitalMirror/gwyb.gif); layer-background-image: url(../images/digitalMirror/gwyb.gif); background-repeat: no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_archifau { background-image: url(../images/digitalMirror/archifau.gif); layer-background-image: url(../images/digitalMirror/archifau.gif); background-repeat:no-repeat; height: 110px; width: 370px;} .bocs_cyswllt_map { background-image: url(../images/digitalMirror/map.gif); layer-background-image: url(../images/digitalMirror/map.gif); background-repeat:no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_print { background-image: url(../images/digitalMirror/print.gif); layer-background-image: url(../images/digitalMirror/print.gif); background-repeat:no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_ffoto { background-image: url(../images/digitalMirror/ffoto.gif); layer-background-image: url(../images/digitalMirror/ffoto.gif); background-repeat:no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_ardd { background-image: url(../images/digitalMirror/ardd.gif); layer-background-image: url(../images/digitalMirror/ardd.gif); background-repeat:no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_sain { background-image: url(../images/digitalMirror/sain.gif); layer-background-image: url(../images/digitalMirror/sain.gif); background-repeat:no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_testun_bywg { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} .bocs_cyswllt_testun_darl { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em; } .bocs_cyswllt_testun_llaw { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} .bocs_cyswllt_testun_gwyb { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} .bocs_cyswllt_testun_archifau { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} .bocs_cyswllt_testun_map { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} .bocs_cyswllt_testun_print { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em; } .bocs_cyswllt_testun_ffoto { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em; } .bocs_cyswllt_testun_ardd { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} .bocs_cyswllt_testun_sain { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} .bocs_cyswllt_bywg_s { background-image: url(../images/digitalMirror/bywg_s.gif); layer-background-image: url(../images/digitalMirror/bywg_s.gif); background-repeat: no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_darl_s { background-image: url(../images/digitalMirror/darl_s.gif); layer-background-image: url(../images/digitalMirror/darl_s.gif); background-repeat: no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_llaw_s { background-image: url(../images/digitalMirror/llaw_s.gif); layer-background-image: url(../images/digitalMirror/llaw_s.gif); background-repeat: no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_gwyb_s { background-image: url(../images/digitalMirror/gwyb_s.gif); layer-background-image: url(../images/digitalMirror/gwyb_s.gif); background-repeat: no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_archifau_s { background-image: url(../images/digitalMirror/archifau_s.gif); layer-background-image: url(../images/digitalMirror/archifau_s.gif); background-repeat:no-repeat; height: 110px; width: 370px;} .bocs_cyswllt_map_s { background-image: url(../images/digitalMirror/map_s.gif); layer-background-image: url(../images/digitalMirror/map_s.gif); background-repeat:no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_print_s { background-image: url(../images/digitalMirror/print_s.gif); layer-background-image: url(../images/digitalMirror/print_s.gif); background-repeat:no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_ffoto_s { background-image: url(../images/digitalMirror/ffoto_s.gif); layer-background-image: url(../images/digitalMirror/ffoto_s.gif); background-repeat:no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_ardd_s { background-image: url(../images/digitalMirror/ardd_s.gif); layer-background-image: url(../images/digitalMirror/ardd_s.gif); background-repeat:no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_sain_s { background-image: url(../images/digitalMirror/sain_s.gif); layer-background-image: url(../images/digitalMirror/sain_s.gif); background-repeat:no-repeat; height: 110px; width: 370px; } .bocs_cyswllt_testun_bywg_s { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} .bocs_cyswllt_testun_darl_s { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em; } .bocs_cyswllt_testun_llaw_s { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} .bocs_cyswllt_testun_gwyb_s { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} .bocs_cyswllt_testun_archifau_s { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} .bocs_cyswllt_testun_map_s { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} .bocs_cyswllt_testun_print_s { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em; } .bocs_cyswllt_testun_ffoto_s { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em; } .bocs_cyswllt_testun_ardd_s { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} .bocs_cyswllt_testun_sain_s { font-size: 0.9em; color: #003366; padding-left: 126px; padding-top: 10px; padding-right: 86px; line-height: 1.3em;} /* services theme*/ body#services #sectioncontainer { background: #9966CC;} #services #c1{background:#fff;} #services #masthead {background: url(../images/services/headerservices.jpg) bottom right no-repeat;} /*content links in section colour #services .mainContent a{color:#9966CC;}*/ #services #leftnav a{ color: #FFFFFF;background-color: #9966CC;} #services #leftnav a:focus{ color: #000;} #services #leftnav ul li a:hover, #leftnav ul li a:focus{ color: #000000; background-color: #FFFFFF;} #services #leftnav .subMenu1 a{color: #000000; background-color: #CCB2E5;} #services #leftnav .activeLink a{color: #000000; background-color: #FFFFFF;} #services #leftnav .subMenu2 a{color: #000000; background-color: #ECE7E2; border-left-color: #ECE7E2;} #services #leftnav .subMenu2Active a{color: #000000; background-color: #fff; border-left-width: 20px; border-left-color: #fff; border-left-style: solid;} #services .smallpromo{background:#ECE7E2; border-top: 5px solid #617A2C;} #services .subc2 a, .subc2 a:visited{color:#4e6223;} #services #c1 div.smallpromo h4 a {margin: 0 10px 0 10px;color: #4e6223;} #services .csc-frame-frame1{background:#9966CC; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #services .csc-frame-frame1 a{color: black; font-weight: bold;} #services .csc-frame-frame2{background:#CCB2E5; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #services .csc-frame-frame2 a{color: black; font-weight: bold;} /* visit us theme*/ body#visitUs #sectioncontainer { background: #ED008C;} #visitUs #c1{background:#fff;} #visitUs #masthead {background: url(../images/visitUs/headerVisitUs.jpg) bottom right no-repeat;} /*content links in section colour #visitUs .mainContent a{color:#ED008C;}*/ #visitUs #leftnav a{ color: #FFFFFF; background-color: #ED008C;} #visitUs #leftnav a:focus{ color: #000;} #visitUs #leftnav ul li a:hover, #leftnav ul li a:focus{ color: #000000; background-color: #FFFFFF;} #visitUs #leftnav .subMenu1 a{color: #000000; background-color: #FABFE2;} #visitUs #leftnav .activeLink a{color: #000000; background-color: #FFFFFF;} #visitUs #leftnav .subMenu2 a{color: #000000; background-color: #ECE7E2; border-left-color: #ECE7E2;} #visitUs #leftnav .subMenu2Active a{color: #000000; background-color: #fff;} #visitUs .smallpromo{background:#ECE7E2; border-top: 5px solid #617A2C;} #visitUs .subc2 a, .subc2 a:visited{color:#4e6223;} #visitUs #c1 div.smallpromo h4 a {margin: 0 10px 0 10px;color: #4e6223;} #visitUs .csc-frame-frame1{background:#ED008C; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #visitUs .csc-frame-frame1 a{color: black; font-weight: bold;} #visitUs .csc-frame-frame2{background:#FABFE2; color: black; font-size: 10pt; margin: 0 15px 20px 10px; padding-top: 10px; padding-bottom: 35px;padding-left: 10px;} #visitUs .csc-frame-frame2 a{color: black; font-weight: bold;} /* whatsOn theme*/ body#whatsOn #sectioncontainer { background: #0FC3C3;} #whatsOn #c1{background:#fff;} #whatsOn #masthead {background: url(../images/whatsOn/headerwhatsOn.jpg) bottom right no-repeat;} #whatsOn .mainContent a{color:#0B8D8D;} #whatsOn #leftnav a{ color: #FFFFFF;background-color: #0FC3C3;} #whatsOn #leftnav a:focus{ color: #000;} #whatsOn #leftnav ul li a:hover, #leftnav ul li a:focus{ color: #000000; background-color: #FFFFFF;} #whatsOn #leftnav .subMenu1 a{color: #000000; background-color: #88E1E1;} #whatsOn #leftnav .activeLink a{color: #000000; background-color: #FFFFFF;} #whatsOn #leftnav .subMenu2 a{color: #000000; background-color: #ECE7E2; border-left-color: #ECE7E2; } #whatsOn #leftnav .subMenu2Active a{color: #000000; background-color: #fff; border-left-width: 20px; border-left-color: #fff; border-left-style: solid;} #whatsOn .colouredHead h3{background-color: #0FC3C3;color: #fff; padding: 5px 10px;} #whatsOn .smallpromo{background:#ECE7E2; border-top: 5px solid #617A2C;} #whatsOn .subc2 a, .subc2 a:visited{color:#4e6223;} #whatsOn #c1 div.smallpromo h4 a {margin: 0 10px 0 10px;color: #4e6223;} #whatsOn .testMid {} #whatsOn .csc-frame-frame1{ background:#c00000; color: white; font-size: 10pt; margin: 10px 10px 0px 0px; padding-top: 2px; padding-bottom: 8px; width: 60%;} #whatsOn .csc-frame-frame1 a{color: white; font-size: 10pt; font-weight: bold;} #whatsOn .csc-frame-frame1 p.bodytext { margin: 0 10px 18px 10px; } #whatsOn .csc-textpic-intext-left {font-size: 10pt; margin: 10px 10px 10px 10px;} #whatsOn .csc-header-n1 {margin: -10px 0 10px 10px;} #whatsOn .csc-textpic-imagewrap (margin: -20px 0 0 0;} /* Table layout 1*/ #whatsOn .contenttable-1 {border: 1px solid black;} #whatsOn .contenttable-1 .tr-0{border: 1px solid black; font-weight: bold;} #whatsOn .contenttable-1 .td-0{border: 0px solid black; vertical-align:top;} #whatsOn .contenttable-1 .td-1{border: 0px solid black; vertical-align:top;} /* Table layout 2 */ #whatsOn .contenttable-2 {border: 1px solid black;} #whatsOn .contenttable-2 .tr-0{border: 1px solid black; font-weight: bold;} #whatsOn .contenttable-2 .tr-1{border: 1px solid red; font-weight: normal;} #whatsOn .contenttable-2 .td-0{border: 1px solid black; vertical-align:top; padding: 5px 30px 5px 10px; width: 16%;} #whatsOn .contenttable-2 .td-1{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px;} #whatsOn .contenttable-2 .td-2{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px;} #whatsOn .contenttable-2 .td-3{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px;} /* Table layout 3 */ #whatsOn .contenttable-3 {border: 1px solid black;} #whatsOn .contenttable-3 .tr-0{border: 1px solid black;} #whatsOn .contenttable-3 .td-0{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px; width: 18%; font-weight: bold;} #whatsOn .contenttable-3 .td-1{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px;} #whatsOn .contenttable-3 .td-2{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px;} #whatsOn .contenttable-3 .td-3{border: 1px solid black; vertical-align:top; padding: 5px 15px 5px 5px;}