/* This is bodyStyle.css Last Revision: Q; Date 09/08/2020*/
EFFECTIVE FOR ALL STYLE SECTIONS: snippets come from W3PRO.CSS 4.10 February 2018 by Jan Egil and Boaddinrge Refsnes Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
General css Created 02/06/2018     last revision:  08/20/2020
*/
*{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{ margin:-1px; width:100%; height:auto; padding:0px;font-size:16px;background: #00a url("images/pd.jpg") no-repeat absolute: center center;}
a, a:link {border-bottom:1px solid #f00; border-radius:14px; background-color:inherit; padding:2px 6px; font-weight:800; font-size:1em; color: #f00;  text-shadow: 2px 2px 25px green;}
a:visited {border-bottom:1px solid #f00; border-radius:14px; background-color:inherit; padding:2px 6px; font-weight:800; font-size:1em; color:#a00; text-shadow: 2px 2px 25px red;}
a:hover, a.active  {border:1px solid #000; border-radius:14px; background-color:white; padding:2px 6px; font-weight:800; font-size:1em; color:#000; text-shadow: 2px 2px 15px blue;}
div.lyric{width:60%;background-color:inherit; color:#E0C31D; padding:5px; margin:9px auto; height:auto;text-align:center;}
div.melodyTopics {float: right; width:40%; background-color:fff; color:#000; text-align:justify; padding:5px; margin:9px auto 1em 59%; height:auto;font-size:16px;}
div.container-top {overflow-x:auto; width:100%; background-color:#00a; color:#cfb53b;padding:5px; /*border: 2px dashed white;*/ margin:-1px auto; height:auto;font-size:16px;}
div.container-middle {width: 85%; margin:35px auto; border: 5px inset #a00; border-radius:25px; background-color:#fff; color:#00a; padding:5px; min-height:350px;}
div.container-main	{width: 85%; margin:35px auto; border: 5px inset #a00; border-radius:25px; background-color:#f1f1f1; background=url('images/pd.jpg') color:#00a;background-position:center center; padding:30px; min-height:570px; background-repeat:no-repeat; outline: none;}
div.container-bottom {display:block;overflow-x:auto; width:100%;border:none;background-color:#00a; color:#cfb53b;padding:25px; font-size:16px;}
div.container2 {width: 100%; margin:0px border: none;background-color:#a00;color:#cfb53b;}
div.future {bwidth:450px; text-align:center; vertical-align:middle; margin:-1px auto 5px  auto;background-color:#00a;}
div.top-future {bwidth:550px; text-align:center; vertical-align:middle; margin:-1px auto 5px  auto;background-color:#00a;}
span.future {font-size:1.6em;color:#cfb53b;text-shadow: +2px +2px #fff, +4px +4px #f00;}
span.nw {box-sizing: border-box; text-align:center;border: none;width:100%; padding:10%px;font-size:2.7em; color:#cfb53b; text-shadow:none;color.a:#ffffff!important; text-align:center;font-size:.8em!important;vertical-align:top;}
.localHeader0 {font-size:1.8em; width:45%; background-color:#00a; color:#cfb53b; text-align:center; border: 2px inset #cfb53b; border-radius: 25px;margin:2px auto 20px auto;}
div.localHeader1 {text-align:center; border: none; margin:35px auto; padding: 2px;font-size:1.5em; color:#00a; text-shadow: +2px +2px #a00, +4px +4px #fff; +6px +6px #00b, -1px -1px #a00,-2px -2px #fff; -3px -3px #cfb53b;}
div.localHeader2 {text-align:center; width:30%; border: none; margin:3px auto; padding: 0px;font-size:3em; color:#00a; text-shadow: +2px +2px #a00, +4px +4px #fff; +6px +6px #00b, -1px -1px #a00,-2px -2px #fff; -3px -3px #cfb53b;}
.txt {font-size:1.2em;color:#191970;padding:20px;font-weight:300;}
.row:after {display: table;clear: both;}
div.lyric-note-container {color: #004823; margin:8px;  background-color:#fff; font-size:9px; font-weight:600; font-style: italic; text-align: justify; padding: 3px;  width:98%;height:245; }
.irishGreen0 {color:#004823;}
.irishGreen1 {color:#009400;}
.irishOrange0 {color:#FF6300;}
.irishOrange1 {color:#DD660A;}
div.leftNoteBox   {float:left; width:40%;height:245px;background:URL(images/harp.jpg)background-repeat: no-repeat; background-position: center center;}
div.rightNoteBox   float:left; width:60%;height:245px;font-size:12px; }
div.lyric-notes {width;65%;padding:5px;margin:10px 2% 10px auto;text-align:justify;font-size:.5em!important;border:5px inset  red;border-radius:15px;}
div.lyric-container-of=notes {
div.dinner {border:1px solid red;width: 100%;text-align: left; font-size:1.3em; color:#00a; padding: 5px 20px; position:relative; top:1em;right:0px;}
div.ffq { width: 80%; padding:15px; border: 1px solid #cfb53b; margin:15px auto; background-color:#00a;color:#cfb53b; background-image: url("images/cut4.gif")}
div.head-2 {text-align:center; border: none ;margin:8px auto; padding: 0px; color:#a00;font-size:2.1em; text-shadow: +0px +1px +1px #704, +0 +2px +2px #50a, +0 +3px +3px #20e, +0 +4px +4px #00a;}
div.head1 {text-align:center; border: DOTTED margin:2em auto; padding: 10px; color:#00a;font-size:2.6em; text-shadow: +0px +1px +1px #007, +0 +2px +2px #005, +0 +3px +3px #002, +0 +4px +4px #000;}
div.head5 {text-align:center; border: none ;margin:8px auto; padding: 0px; color:#a00;font-size:3.4em; text-shadow: +0px +1px +1px #704, +0 +2px +2px #50a, +0 +3px +3px #20e, +0 +4px +4px #00a;}
div.hello {text-align:center;MIN-WIDTH:760PX; HEIGHT:760px; margin:8px auto; margin-top: 4em; width:760PX;color:#cfb53b;text-shadow: +2px +2px #fff, +4px +4px #f00; font-size:2.5em;}
div.hello2 {text-align:center; margin:20px auto 2em auto; width:70%;color:#cfb53b;text-shadow: +1px +1px #fff, +2px +2px #f00; font-size:.9em;color; #fff;}
div.bottom2{ min:85%; background-color:#eeee; color #000; border:1em solid red; border-radius:25px;}
div.bottom-center{width: 98%;text-align: justify;margin: 10px auto; color:#000; background-color: #eee; padding: 5px 5px; border:5px solid red; border-radius:25px;}
span.jdc {box-sizing:border-box;width:auto max-width:200px; float:left; font-size:3em; line-height:1em; font-weight:700; margin-left:3px; background-color: #fff; color:#f00;}
div.floatMeLeft {float:left;min-width:250px; max-width:380px;background-color: #fff;margin: 6px;margin-right:20px; padding:4px; border: 8px solid #a00; border-radius: 20px; text-align:center;color:#000;vertical-align:bottom;}
div.spc {position:relative; left:2px;width:95%;max-width:200 margin:10px auto;}
div.floatMeRight {float:right;width:auto;max-width:270px;height:auto;min-height:150px;max-height:800px;background-color: #fff;margin: 1em;margin-right:2em;margin-bottom:2em;padding: 4px 12px;border:8px solid #a00;border-radius: 30px;text-align:justify;color:#000;vertical-align:bottom;img: margin:5px auto;}
.littlebox {font-size:2em;font-weight:800;}
div.menuBox {box-sizing: border-box; background-color:#00a; width:100%; padding:0px; border: height:auto; min-height:110px; margin:-2px auto; position:fixed; top:3px;}
div.second1 { position:absolute:top:400px;width:99%; color:#00a; padding:10px; text-align: left; font-size: 1.2em;}
div.second2 { width:99%; color:red; padding:65px; text-align: left; font-size: 1em; text-indent:0px; font-weight:300;}
div.quote {text-align:left; width:75%;padding:10px; border: 3px inset #cfb53b; border-radius:20px; margin:15px auto; height:auto; background-color:#00a!Important;font-size:1.4em; color:#ffffff; font-weight:900;}
div.quote2 {box-sizing: border-box; text-align:left; width: 88%; padding:10px; border: none; margin:10px auto; height:auto; background-color:#fff;font-size:1em; color:#00a;font-weight:500;}
div.quote3 {bx-sizing: border-box; width: 85%; padding:15px; border: 4px inset #00a; margin:15px auto; height:auto; background-color:#fff;font-size:.9m; color:#a00;font-weight:500;}
div.nw {margin-bottom:2px;text-align:center;}
div.topOfPage {vertical-align:top;margin:0px auto;width:1340px; height:3%;max-height:5%;padding:0px 5px;text-align:center;}
div.norm: {color:#00a; padding: 5px 25px; text-align: left; text-indent:50px; font-size: 1.2em;}
div.space {width:10px; height:auto;w3-container; margin:25px;auto;color:#fff;text-align:center;}
/*@media all and (max-width: 576px) {
table {width:100%; table-layout: fixed;}
table tr th:first-child {width:40px;}
table tr td:first-child {width:40px;}
table tr td:nth-child(2),table tr td:nth-child(4) {word-wrap:break-word;}} */
table { border:2px inset red; padding: 20px;color:white;background-color:inherit; background: white url("images/PD.gif") no-repeat fixed center center;}
img.ilf {float:left;width:150px;padding:5px;}
img.irf {float:right;width:150px;padding:5px;}
img.l {float: left;}
img.r {float: right;}
.left,.right {width:20%;}
.middle {width: 60%;}
.notes {text-align:center; vertical-align:top; font-size:1.2em; color:#00a; padding-top: 25px;}
th.notes {text-align:left; vertical-align:middle; font-size:1.2em; color:#00a; padding-top: 8px;}
ol.970 {padding: 5px 25px; text-align: left; text-indent:50px; font-size: 1.2em;}
ol.UR {list-style-type: upper-roman; font-size:16px;}
ol.lr {list-style-type: lower-roman; font-size:16px;}
ul.me {list-style-image: url("images/starsolid.gif"); }
dl,ol.norm {color:#00a; padding: 5px 25px; text-align: left; text-indent:50px; font-size: 1.2em;}
ul.cir {list-style-type: circle;}
ul.disc {list-style-type: disc;}
ul.suqare {list-style-type: square;}
ol{color:black!important;font-size:1em;)
ol.d {list-style-type: armenian;}
ol.e {list-style-type: cjk-ideographic;}
ol.f {list-style-type: decimal;}
ol.g {list-style-type: decimal-leading-zero;}
ol.h {list-style-type: georgian;}
ol.he {list-style-type: hebrew;}
ol.la {list-style-type: lower-alpha;}
ol.ua {list-style-type: upper-alpha;}
ol.lg {list-style-type: lower-greek;}
ol.ll {list-style-type: lower-latin;}
ol.lr {list-style-type: lower-roman;}
ol.ua {list-style-type: upper-alpha;}
ol.ug {list-style-type: upper-greek;}
ol.ul {list-style-type: upper-latin;}
ol.ur {list-style-type: upper-roman;}
ol.none {list-style-type: none;}
ol.inherit {list-style-type: inherit;}
padding:15px; background-color:#00a;font-size:1em;color:#cfb53b;
p {font-size:1.3em;font-weight:600;text-indent:0px;color:#00a; padding: 5px 0px; text-align: left; text-indent:0px; font-size: 1em;}
p.dent {text-indent:20px;}
dl,ol.norm {color:#00a; padding: 5px 25px; text-align: left; text-indent:50px; font-size: 1.2em;}
p.menu {font-size:2.6em; color:#171719;text-align:center;text-shadow: +1px +1px #ffffff, 2px 2px #ff0000, 3px 3px blue, 4px 4px #cfb53b;}
p {font-size:1.2em;}
.row:after {display: table;clear: both;}
.space {width:100%;border:0px;background-color:#00a;height:150px;}
span.menu {border: none margin:2em 0px; padding: 10px; color:#00a;font-size:2.6em; text-shadow: +0px +1px +1px #007, +0 +2px +2px #005, +0 +3px +3px #002, +0 +4px +4px #000;}
span.note_tag {color:white; font-size:.9em}
span.pop{font-size:1.3em; font-weight:600; color:#a00; text-shadow: +0px +1px +1px #704, +0 +2px +2px #50a, +0 +3px +3px #20e;} 
span.reason{font-size:1.4em;color:red;position: relative; top:30px; left:50px; font-weight:500;text-decoration: underline;}
table, th, td {border-collapse: collapse;border-spacing: 0px;border: 2px solid red;border-radius:7px;}
td{text-align:center;}
th {padding:8px; text-align:left;
.txt {font-size:1.2em;color:#000;padding:8px;font-weight:300;text-align:left}
p.l,h1.l,h2.l,h3.l,h4.l,h5.l,div.l,span.l {text-align:left;}
p.l,h1.l,h2.l,h3.l,h4.l,h5.l,div.l,span.l {text-align:left;}
p.r,h1.r,h2.r,h3.r,h4.r,h5.r,div.r,span.r {text-align:right;}
p.c,h1.c,h2.c,h3.c,h4.c,h5.c,div.c,span.c {text-align:center;}
p.n {font-size:16px!important;text-align:left;color:#000000!important;}
div.h1c1 {width:65%;padding:25px;margin:65px auto;}
h1.c1	{text-align:center; color: #a00;  text-shadow: +1px +1px +1px #fff, +2px +2px +2px #ff0, +4px +3px +3px #a00;}
 /* This is bodyStyle.css Last Revsion: Q; Date 09/08/2020*/