/*  main layout information  */
body {
    text-align: left;
    background: #688BA6;
    font-family: Verdana, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif", sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #000000;
}
/* ================= container is 1000px wide  =========== */
#container {
    max-width: 1000px;
    background: #FFFFFF;
    margin: 0 auto;
    padding: 0px;
    border: 1px solid #000066;
    font-family: Verdana, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif", sans-serif;
}
#mainContent {
    width: 95%;
    margin: 0px;
    float: left;
    padding: 0px 1rem 0px 1rem;
    background-color: white;
    font-family: Verdana, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    color: #006;
    text-transform: capitalize;
    text-align: left;
    margin-top: 1rem;
}
h1 {
    font-size: 2.0rem;
}
h2 {
    font-size: 1.8rem;
}
h3 {
    font-size: 1.6rem;
}
h4 {
    font-size: 1.4rem;
}
h5 {
    font-size: 1.2rem;
}
h6 {
    font-size: 1rem;
}
p {
    font-size: 1rem;
    line-height: 125%;
    text-align: left;
}
ul, ol {
    font-size: 1.0rem;
    line-height: 130%;
    margin-right: 3rem;
    text-align: left;
}
ul li, ol li {
    margin: .5rem;
}
ul ul, ol ol {
    font-size: .98rem;
    margin: .4rem 0px;
}
ul ul li, ol ol li {
    margin: .4rem 0px;
}
table {
    font-size: 12pt;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
img {
    margin: .5rem;
}

/* unvisited link */
a:link {
  color: blue;
}

/* visited link */
a:visited {
  color: purple;
}

/* mouse over link */
a:hover {
  color: orange;
}

/* ========== header and footer =========== */
#header {
    background: #EEF;
    text-align: center;
    font-weight: normal;
    width: 100%;
    max-width: 1000px;
    margin-bottom: 1rem;
    border-bottom: 1px solid #006;
    font-size: 1rem;
}
#headerP {
    background: #EEF;
    margin-bottom: .5rem;
    width: 100%;
    max-width: 1000px;
    font-size: 0.9rem;
    border-bottom: 1px solid #006;
}
#footer {
    padding: 0px 0px 15px 0px;
    margin: 1rem 0px 0px 0px;
    font-size: 1rem;
    text-align: center;
    background: #EEF;
    position: relative;
    width: 99.8%;
    height: 105px;
    clear: both;
}
#donate {
    float: right;
    width: 160px;
    position: relative;
    right: 10px;
    top: 10px
}
#footmessage {
    float: left;
    width: 65%;
    position: relative;
    top: 10px;
    left: 10px;
    text-align: center;
}
/* ========== TOP LEVEL NAVIGATOR STYLING =========== */
.nav1 {
    padding: 4px 0px 0px 3px;
    margin: 0px 0px 0px 0px;
    background: #006;
    height: 1.8em;
    width: 100%;
    text-align: center;
}
.nav1 ul {
    width: 100%;
    padding: 0;
    list-style: none;
    margin: 3px 0px 0px 0px;
    float: left;
    text-align: center;
}
.nav1 ul li {
    width: 11%;
    margin: 0px;
    padding: 0px;
    float: left;
}
.nav1 li a:link, .nav1 li a:visited {
    font-size: 1.0rem;
    background: #006;
    display: block;
    color: white;
    line-height: 1.3em;
    text-decoration: none;
}
.nav1 li a:hover {
    background: #CCCCFE;
    color: #006;
    font-weight: bold;
}
.nav1 li a.current, .nav1 li a.current:hover, .nav1 li a.current:active {
    color: #006;
    background: #FFF;
    cursor: default;
    font-weight: bold;
}

  /*Navigator used in Utilities*/  
.navEV1 {
    padding: 4px 10px 0px 0px;   /*Boven Rechts   Onder  Links */
    margin: 0px 1em 10px 1em;    /*Boven Rechts   Onder  Links */
    background: #0035FF;
    height: 1.8em;
    width: 95%;
    text-align: center;
}
.navEV1 ul {
    width: 90%;
    padding: 0;
    list-style: none;
    margin: 3px 0px 0px 0px;
    float: left;
    text-align: center;
}
.navEV1 ul li {
    width: 16.5%;
    margin: 0px;
    padding: 0px;
    float: left;
}
.navEV1 li a:link, .navEV1 li a:visited {
    font-size: 1.0rem;
    background: #0035FF;
    display: block;
    color: white;
    line-height: 1.3em;
    text-decoration: none;
}
.navEV1 li a:hover {
    /*background: #CCCCFE;*/
    background: #CCCCFE;
    color: #006;
    font-weight: bold;
}
.navEV1 li a.current, .navEV1 li a.current:hover, .navEV1 li a.current:active {
    color: #006;
    /*background: #FFF;*/
    background: #FFF;
    cursor: default;
    font-weight: bold;
}

/* ========== 2nd LEVEL NAVIGATOR STYLING =========== */
.nav2 {
    margin: 0px;
    padding: 4px 0px 0px 3px;
    border-bottom: 1px solid #006;
    height: 1.5rem;
    margin-top: 1rem;
    width: 100%;
}
.nav2 ul {
    width: 100%;
    padding: 0px;
    list-style: none;
    margin: 0px;
    float: left;
    text-align: center;
}
.nav2 li {
    width: 11%; font-size: .85rem; margin: 0px; padding: 0px; float: left;
    background-color: #CCCCFF; height: 24px; text-align: center;
    margin-left: 3px;
    border-left: 2px solid #000066;
    border-right: 2px solid #000066;
    border-bottom: 1px solid #000066;
    border-top: 1px solid #000066;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.nav2 li a:link, .nav2 li a:visited {
    display: block;
    border-bottom: 1px solid #006;
    text-decoration: none;
    line-height: 23px;
    color: #003;
}
.nav2 li a:hover {
    font-weight: bold;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: #FFF6CC;
    border: 1px solid #000066;
}
.nav2 li a.current, .nav2 li a.current:hover, .nav2 li a.current:active {
    cursor: default;
    font-weight: bold;
    border-bottom: 2px solid white;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: #EEF;
}
/* ======== 3rd LEVEL NAVIGATOR STYLING IN SIDEBAR ========= */
#sidebar1, #sidebarAP {
    width: 175px;
    padding: .1rem 0px .2rem 0px;
    border: 3px solid #7D7DB2;
    font-size: 85%;
}
#sidebarAPx {
    width: 170px;
    padding: 5px;
    border: 5px inset #7D7DB2;
    font-size: 90%;
    float: right;
}
#sidebar1 a, #sidebarAP a {
    text-decoration: none;
}
#sidebar1 {
    float: left;
    background: #E5E5FF;
    clear: left;
    margin: 0px 1rem .5rem 0px;
}
#sidebarAP {
    float: right;
    background: #FFF6CC;
    margin: 0px 0px 1.5rem 1.5rem;
}
#sidebar1 h3, #sidebar1 h5 {
    font-size: 1rem;
    margin: 0px;
    padding: .1rem 0px;
    color: #006;
    text-align: center;
    border-bottom: 3px double #006;
}
#sidebarAP h3 {
    font-size: .95rem;
    margin: 4px;
    padding: 4px 5px;
    color: #006;
    text-align: center;
    border-bottom: 3px double #006;
}
#sidebar1 h5 {
    border: 2px inset #009;
    margin: .1rem .3rem;
}
#sidebar1 p {
    padding: 0px .1rem;
    margin: 0;
    text-align: center;
    font-size: .9rem;
}
#sidebarAP p {
    padding: 0px .1rem;
    margin: 0;
    text-align: center;
    font-size: .9rem;
}
#sidebar1s {
    float: left;
    width: 70px;
    background: #E5E5FF;
    padding: .1rem 0px .1rem 0px;
    border: 2px solid #7D7DB2;
    margin: 0px 1.5rem 1.5rem 0px;
    clear: left;
}
#sidebarR {
    float: right;
    width: 14rem;
    background: #E5E5FF;
    padding: 2px;
    border: 2px solid #688BA6;
    font-size: 85%;
    margin: 0px 0px 1.5rem 0px;
}
.recent p {
    font-size: .9rem;
    margin: 0px;
    border-bottom: 1px solid #BEAEE8;
    background: #FFF;
    padding: 4px 6px;
    line-height: 1.2;
    width: 95%;
}
.recent h3 {
    background: #006;
    text-align: center;
    text-transform: none;
    color: #FFF;
    font-size: 1.2em;
    font-weight: 500;
    padding: 0.4em .1em;
    margin: 0px;
    border-bottom: 4px solid #BEAEE8;
}
.nav3, .nav3s {
    padding: 4px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 1rem;
}
.nav3 ul, .nav3s ul {
    margin: .3rem 0;
    padding: 0;
    list-style: none;
}
.nav3 ul li, .nav3s ul li {
    margin: 0;
    font-size: .9rem;
    padding: 1px;
    margin-bottom: 0.4rem;
    border-left: 2px solid #006;
    border-bottom: 2px solid #006;
}
.nav3s ul li {
    background: #ADCBE8;
    width: 3.5rem;
    text-align: center;
}
.nav3 li a, .nav3s li a {
    text-decoration: none;
    color: #000;
}
.nav3 li a:link, .nav3 a:visited, .nav3s li a:link, .nav3s li a:visited {
    text-decoration: none;
    display: block;
    margin: 0;
    line-height: 120%;
    background: #ADCBE8;
    padding-left: 0.4em;
}
.nav3s a:link, .nav3s a:visited {
    border: 1px solid #006;
    text-align: center;
    color: #000;
}
.nav3 li a:hover {
    background: #FFF6CC;
}
.nav3 li a.current, #nav3 li a.current:hover, #nav3 li a.current:active {
    background: #FFF;
    cursor: default;
}
.nav3 ul a.last {
    border-bottom: none;
}
.nav3 ul ul {
    margin: 0px .5rem 0px .5rem;
    padding: 0px;
    list-style: none;
}
.nav3 ul ul li {
    border-left: 1px solid #006;
    border-bottom: 1px solid #006;
    font-size: .9rem;
}
.nav3s li a.current, .nav3s li a.current:hover, .nav3s li a.current:active {
    background: #FFF;
    cursor: default;
}
.nav3s li a:hover {
    color: #000;
    background: #FFF6CC;
}
.nav3s ul ul li {
    background: #B2A66B;
    width: 6em;
    text-align: center;
    margin-left: 3em;
    margin-bottom: 1px;
}
.nav3s ul ul li a {
    background: #B2A66B;
    width: 6em;
    text-align: center;
    margin-left: 0em;
}

.alphalist {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    font-weight: normal;
    color: #036;
    background: #EFEFFF;
    margin-top: 1.5rem;
    text-align: left;
    vertical-align: top;
    padding: 4px;
    border: 1px solid #0000E6;
}
.alphalist th {
    font-size: 1rem;
    padding: 0px;
    background: #000096;
    color: #FFF;
    text-align: center;
}
.alphaNav {
    font-size: 0.85rem;

    width: inherit
    padding: 0px;
    margin: 0px 0px 1rem 0px;
    height: 2.5rem;
}
.alphaNav ul {
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px;
    background: #FFF6CC;
}
.alphaNav ul li {
    width: 5%;
    margin: 0px;
    padding: 0px;
    text-align: center;
    float: left;
}
.alphaNav a:link, .alphaNav a:visited {
    background: #FFF6CC;
    color: black;
    line-height: 1.3rem;
    display: block;
    text-decoration: none;
}
.alphaNav a:hover {
    background: #DDD;
    color: #006;
    font-weight: bold;
}
.alphaNav li a.current, .alphaNav li a.current:hover, .alphaNav li a.current:active {
    color: #006;
    background: #CCCCFE;
    font-weight: bold;
}


#AperfName {
    background: #EADB8C;
    margin: 0px;
    position: relative;
    height: 7.3rem;
    border: 1px solid black;
    text-align: center;
}
#AperfNP {
    margin: 4px 0px;
    width: 100%;
    padding: 0px;
    clear: both;
    position: absolute;
}
#AperfNP p {
    font-family: Palatino, "Times New Roman", "serif";
    font-size: 1.2rem;
    font-weight: bold;
}
#AperfName p {
    font-family: "Times New Roman", Times, serif;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #000;
}
#AperfName #perfHimg {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 80px;
    text-decoration: none;
    border: none;
}
#AperfName #perfKing a img {
    text-decoration: none;
    border-width: 0px;
}
#AperfName #perfKing {
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
}
AperfName img {
    margin: 4px;
}
.arrows {
    margin: 0px;
}
.articleTitle {
    padding-right: 0em;
    padding-left: 0em;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.1em;
}
.bckWhite {
    background: #FFF;
    border: 2px solid #006;
}
.boxRightDiv {
    background: #FFF6CC;
    padding: .5rem;
    padding-top: 0px;
    fnt-size: .9rem;
    float: right;
    margin-left: 1rem;
    margin-top: 1rem;
    border: 4px inset #BEAEE8;
    text-align: center;
}
.cart {
        border: 1px solid blue;
        width: 140px;
    float: right;
    padding: 3px;
    text-align: center;
    }
.centeredIntro {
    margin: 10px auto;
    text-align: center;
    background-color: #E5E5FF;
    border: 2px solid #006;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: .5rem;
    width: 90%;
}
.centerImg {
    text-align: center;
    font-size: .9rem;
    margin: 2em auto;
    width: 95%;
}
.centerImage {
    text-align: center;
    margin: 1rem auto;
    border: 1px solid blue;
    padding: 3px;
}
.centertext {
    text-align: center;
}
.clip1 {
    border: 1px solid rgba(104,139,166,1.00);
}
.clip2 {
    width: 90%;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    margin-left: 5%;
    margin-top: 30px;
    border: 1px solid rgba(104,139,166,1.00);
}
.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
.columns {
    width: 24%;
    float: left;
    line-height: 24px;
    padding: 10px 0px;
    text-align: left;
    margin-top: 0px;
}
.columns p {
    font-size: .9rem;
    color: black;
}
.columns p a:link {
    text-decoration: none;
    color: black;
}
.columns p a:hover {
    color: blue;
}
.columns h4 {
    text-align: center;
    color: #01B2D1;
}
.columns h4 a:link, .columns h4 a:visited {
    color: black;
    padding: 2px;
    text-decoration: none;
}
.columns p a:link, .columns p a:visited {
    color: black;
    padding: 2px;
    text-decoration: none;
}
.columns p a:hover, .columns p a:hover {
    background: #CCCCFE;
}
.column_half {
    width: 50%;
    float: left;
    margin-top: 0px;
}
.column_half p {
    font-style: normal;
    font-size: .9rem;
    margin: 0px;
    padding: 0px;
}
.column_half.left_half h2 {
    color: #FFFFFF;
    text-align: center;
}
.crumbs {
    font-size: .9rem;
    border-bottom: 1px solid #006;
}
.divimgrt {
    padding: 0.5em;
    margin-left: 1em;
    float: right;
    font-size: .8em;
}
.divnote {
    margin: 1rem;
    padding: 0.8rem;
    border: 5px double #B2A66B;
}
.divnote h5 {
    text-align: center;
    margin: .3rem auto;
}
.divrt {
    margin: 1em 0px 1em 1em;
    padding: 0.4em;
    float: right;
    width: 12em;
    border: 2px solid #EADB8C;
}
.divrt p {
    font-size: .9em;
    line-height: 105%;
}
figure {
    width: 360px;
    max-width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.figure7 {
    width: 700px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
figure img {
    max-width: 100%;
}
figcaption {
    display: block;
    margin-top: 1em;
    font-size: 0.85em;
}
#firmware p {
    font-size: 1rem;
}
.floatleft {
    float: left;
    margin-left: 0px;
    margin-right: 1rem;
}
.floatright {
    float: right;
    margin-right: 0px;
    margin-left: 1rem;
    margin-bottom: 5rem;
    width: 300px;
    height: 5em;
    text-align: center;
    border-style: double;
    border-color: rgba(0,0,102,1.00);
}
.fltlft {
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.fltlftmg {
    float: left;
    padding: .5rem;
    border: 1px solid #333;
    margin-bottom: 1rem;
    margin-right: 1rem;
    margin-top: 0px;
}
.fltrt {
    float: right;
    margin-left: 1rem;
    margin-bottom: 3rem;
}
.fltrtimg {
    float: right;
    margin-left: 1rem;
    margin-bottom: 1rem;
    margin-top: 0px;
    padding: .5rem;
    border: 1px solid #333;
}
.font9 {
    font-size: 0.9rem;
}
.font8 {
    font-size: 0.8rem;
}
.fontblue {
    color: #000066;
    font-family: Cambria, Times, "Times New Roman", "serif";
    font-size: 1.3rem;
    margin-right: 2rem;
}
.fontp9 {
    color: #000;
    font-size: 0.9em;
}
.fontred {
    color: #F00;
    background: #DEDEDE;
}
.fontblue1 {
    color: #010133;
    background-color: rgba(229,229,254,1.00);
}
.footnote {
    font-size: 0.9em;
    line-height: 110%;
    margin-top: 0px;
    margin-right: 2em;
    margin-left: 3em;
    text-indent: -1em;
    font-family: Arial, Helvetica, sans-serif;
}
.group {
    margin: 1rem 4px 0px 4px;
    padding: 2px 2px;
}
.group p {
    font-size: .9rem;
}
.group h2 {
    font-size: 1.7rem;
    margin: 0px;
    text-align: center;
    padding: .4rem 0px;
}
.group h2 a:link, .group h2 a:visited {
    display: block;
    text-decoration: none;
    color: white;
}
.group h4 {
    font-size: 1.5rem;
    margin: 4px;
    padding: .2rem;
    text-align: left;
}
.group h4 a:link, .group h4 a:visited {
    text-decoration: none;
    color: #660066;
}
.h1box {
    font-size: 180%;
    text-align: center;
    border: 7px groove #7D7DB2;
    color: #006;
    background: #CCCCFF;
    padding: 0.4em 2em;
    display: block;
    font-weight: bold;
    margin: 0px .4em 0em .4em;
}
.h1boxNoSide {
    font-size: 170%;
    text-align: center;
    border: 7px groove #7D7DB2;
    color: #006;
    background: #CCCCFF;
    padding: 0.3em 1.5em;
    display: block;
    font-weight: bold;
    margin: 1rem 2rem;
}
.h1box2Side {
    font-size: 180%;
    text-align: center;
    border: 7px groove #7D7DB2;
    color: #006;
    background: #CCCCFF;
    padding: .4em 1em;
    margin-bottom: 1em;
    display: block;
    margin-left: 5.5em;
    margin-right: 5.5em;
    font-weight: bold;
}
.hilite {
    color: #FFF;
    font-size: .85rem;
    background: #999;
}
.hilite1 {
    color: #fff;
    background-color: #688BA6;
    padding: .4rem 1rem;
    border: 5px inset #688BA6;
}
.hilite2 {
    color: #fff;
    background-color: #444;
    Padding: .4rem 1rem;
    border: 5px inset #B2A66B;
}
.hilite4 {
    color: #660066;
    background-color: #FFF6CC;
    border: 2px solid #664D00;
    text-decoration: none;
}
.hilite4 a:link {
    text-decoration: none;
}
.hilite4 a:hover {
    background-color: #B2A66B;
}
.hiliteBigBlue {
    font-size: 1.5em;
    font-weight: bold;
    color: #FFF;
    background: #12106E;
    padding: 0.1em 0.3em;
    line-height: 1.2;
}
.highlightBlue, .highlightBlueR {
    color: #FFF;
    background-color: #006;
    padding: 0.4rem;
    margin: 1rem;
}
.highlightBlueR {
    margin-left: 190px;
}
.highlightBlueSel {
    border: 2px solid #006;
    font-weight: bold;
    color: #006;
    padding: 0.3rem 0.4rem;
    background-color: #EEE;
}
.imgfltrt {
    font-size: 90%;
    color: #333;
    text-align: center;
    margin: 6px;
    padding: 2px;
    float: right;
}
.infoBlueBox {
    background: #E5E5FF;
    border: 2px solid #7D7DB2;
    padding: 0.2rem 1rem;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    line-height: 120%;
    margin-top: 1rem;
}
.infoBlueDiv {
    background: #EEEEFF;
    border: 4px inset #12106E;
    padding: 0.3em 1em;
    margin-left: auto;
    margin-top: 1rem;
    margin-right: auto;
    line-height: 120%;
    width: 90%;
}
.infoNote {
    background: #FFF6CC;
    border: 4px solid #B2A66B;
    padding: 1rem;
    margin-left: 3rem;
    margin-right: 3rem;
}
.infoNote h3 {
    margin: .2rem 0px;
}
.infoNoteS {
    background: #FFF6CC;
    border: 3px solid #B2A66B;
    padding: 0.3rem 1rem;
    margin-left: 4em;
    margin-right: 4em;
    line-height: 97%;
}
.infoYellowBox {
    background: #FFF6CC;
    border: 5px double #B2A66B;
    padding: 0.2em 1em;
    width: 80%;
    line-height: 120%;
    font-size: 1em;
    margin: 1em auto;
}
.intropara {
    margin: 0px 1rem 2rem 0px;
    padding: .5rem;
    border: 2px solid black;
    height: 90px;
    background-color: beige;
}
.lsideintro {
    margin: 0px 0px 1rem 180px;
    text-align: center;
    background-color: #FFF6CC;
    border: 2px solid #B2A66B;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: .5rem;
}

#jukeboxNew {
    width: 300px;
    float: right;
    clear: right;
    padding: 5px;
    background: #EEF;
    margin: 1rem 0px 1rem 1rem;
    font-size: 1rem;
    border: 5px inset #00A;
}
#jukeboxNew h3 {
    font-size: 1rem;
    text-align: center;
    margin: 0px 0px .5rem 0px;
}
#jukeboxNew p {
    font-family: Cambria, Times, "Times New Roman", "serif";
    margin: 3px 0px;
    font-size: .95rem;
}
#jukebox {
    padding: 5px;
    margin-left: 1rem;
    font-size: 1rem;
}
#jukebox h3 {
    text-align: center;
    margin: 0px 0px .5rem 0px;
}
#jukebox p {
    font-family: Cambria, Times, "Times New Roman", "serif";
    margin: 0;
    border-top: 1px dashed blue;
}
.jukeboxS {
    margin: 6px;
    padding: 8px;
    float: right;
    border: 4px inset #B2A66B;
    text-align: center;
    background: #BFE0FF;
}
.jukeboxS h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #006;
    margin: 0px 0px 5px;
}
#kbdline {
    font-size: 1.5rem;
    margin-top: 1rem;
    padding: 4px;
    text-align: center;
    color: white;
    background-color: #006;
    margin-bottom: 1rem;
}
.lastupdate {
    font-size: .9rem;
    font-style: italic;
    color: black;
    margin: .5rem;
}
.left12 {
    margin: 1rem 1rem 1rem 12rem;
    padding: 1rem;
    border: 1px solid yellow;
    width: 100%;
}
.leftBox {
    width: 170px;
    border: 5px inset #688BA6;
    text-align: center;
    padding: .5rem;
    float: left;
    margin-right: 1rem;
    color: #000066;
    background-color: #FFF6CC;
}
.leftBox h6 {
    text-align: center;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px .5rem 0px;
}
.Lh1box {
    font-size: 100%;
    text-align: center;
    border: 7px groove #7D7DB2;
    color: #006;
    background: #CCCCFF;
    padding: .4em 1em;
    display: block;
    margin: 0px .4em 4px .4em;
}
.Lh1box h1 {
    margin: 0px;
    padding: 0px;
    font-size: 200%;
    font-family: Verdana, Geneva, sans-serif;
    border-width: 0px;
    border-style: none;
}
.line3, .line4 {
    font-size: .9rem;
    padding: 2px;
    margin: 0px;
}
.line4 h4 a:link, .line3 h4 a:link {
    color: #006;
    text-decoration: none;
}
.line4 h6, line3 h6 {
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.line4 h6 a, line3 h6 {
    text-decoration: none;
}
.line4 h6 a:link, .line3 h6 a:link {
    color: #006;
    padding: .2rem 1rem;
}
.line4 h6 a:hover, .line3 h6 a:hover {
    background: #CCCCFE;
}
.line3 ul, .line4 ul {
    color: black;
    width: 97%;
    float: left;
    list-style: none;
    margin: 3px 0px;
    padding: 3px;
}
.line3 ul li, .line4 ul li {
    margin: 3px;
    padding: 0px;
    float: left;
    height: 2.4rem;
}
.line3 ul li {
    width: 32%;
}
.line4 ul li {
    width: 24%;
}
.line4 li a:link, .line4 li a:visited {
    line-height: 1.2em;
    color: black;
    padding: 3px;
    text-decoration: none;
}
.line3 li a:link, .line3 li a:visited {
    color: black;
    padding: 2px;
    text-decoration: none;
}
.line3 li a:hover, .line4 li a:hover {
    background: #CCCCFE;
}
.linksdiv {
    padding-top: 1em;
    border-top: 4px solid #7E7DB1;
    margin: 1em 2em;
    padding-bottom: 1em;
    font-size: 0.9em;
    line-height: 120%;
    float: left;
}
.linksdiv img {
    margin: 0px 8px 4px 0px;
    border-top: 4px ridge #3F3E58;
    border-right: 4px ridge #7E7DB1;
    border-bottom: 4px ridge #7E7DB1;
    border-left: 4px ridge #3F3E57;
    text-decoration: none;
}
#MBtitle {
    border: 7px groove #7D7DB2;
    color: #006;
    background: #CCCCFF;
    text-align: center;
    margin: 0 1em 1.5em 1em;
    padding: .1em .5em 0 .5em;
}
#MBtitle h1 {
    margin: 0px;
    padding: 0px;
    font-size: 2.2em;
}
#MBtitle .author {
    font-size: 1em;
    margin-top: 0px;
    padding-top: .5em;
}
#MBHead h1 {
    border: 7px groove #7D7DB2;
    margin: 0px 1em .4em 5.5em;
    padding: .2em .5em;
    background: #CCCCFF;
    text-align: center;
    display: block;
    color: #006;
}
.mbDownload {
    background: #FFF6CC;
    margin: 0px 1rem 1rem 13rem;
    padding: 1rem;
    font-size: .95rem;
    border: 5px inset #B2A66B;
    border-radius: 20px;
}
.mbDownload h3 {
    margin: 0px auto;
    padding: 0px;
    font-size: 1.1rem;
    color: #635A34;
}
.mbDownload ul {
    margin: 0;
    padding: 1rem;
}
.mbDownload ul li {
    font-size: .9rem;
}
.notready {
    color: #666;
    background: #DEDEFE;
}
.pageTitle {
    font-size: 2em;
    text-align: center;
    border: 6px groove #7D7DB2;
    color: #006;
    background: #CCCCFF;
    padding: 0.3em 1em;
    font-weight: bold;
    margin: 1rem auto .5rem auto;
    width: 85%;
}

.pageTitle h1 {
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    margin: 1rem auto .5rem auto;
    width: 85%;
}
.pageTitle .author {
    font-family: Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 1.5rem;
    font-style: italic;
    text-align: center;
    margin-top: .5rem;
    margin-bottom: .1rem;
    font-weight: bold;
}
.pageTitle .dateEntry {
    font-size: 1.2rem;
    font-style: normal;
    text-transform: capitalize;
    text-align: center;
}
#perfName {
    background: #F2F1FF;
    height: 7.5rem;
    position: relative;
}
#perfName #perfHimg {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 80px;
    text-decoration: none;
    border: none;
}
#perfName #perfKing a img {
    text-decoration: none;
    border-width: 0px;
}
#perfName #perfKing {
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
}
#perfName img {
    margin: 4px;
}
.Performer {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    line-height: 70px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#perfPicture {
    width: 250px;
    float: left;
    margin: 0px 1rem 1rem 0px;
    padding: 3px;
}
#perfPicture p {
    font-size: .9rem;
}
#perfSongs {
    border: 3px inset navy;
    padding: 5px;
    margin: .5rem 0px;
    background: #EEF;
}
#perfSongs h5 {
    text-align: center;
    margin: .3rem 0px;
}
#perfSongs p {
    font-size: .85rem;
    text-align: left;
    margin: .2rem 0px;
}
#PRbanner {
    font-size: 2rem;
    text-align: center;
    border: 7px groove #7D7DB2;
    color: #006;
    background: #CCCCFF;
    padding: 0.3rem 1rem;
    font-weight: bold;
    margin: .5rem auto .5rem auto;
}
.pr2 {
    text-align: center;
    font-family: Baskerville, Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    padding: .5rem 1.5rem;
    color: black;
    font-size: 1.5rem;
    background-color: #ddd;
    width: 80%;
    margin: 1rem auto;
    border: 2px solid red;
    border-radius: 16px;
}
.proR {
    font-size: 1rem;
    color: #006;
    font-weight: 600;
}
.proA {
    color: black;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.proQ {
    color: black;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    background-color: #FFF6CC;
    padding: .5rem 1rem;
}
.quote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1em;
    line-height: 120%;
    color: #009;
    margin-right: 1em;
    margin-left: 1em;
}
.quotediv {
    margin: 1rem;
    padding: .5rem 1rem;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}
.rightimg {
    text-align: center;
    float: right;
    margin-top: 0px;
    padding: 0px 0px 0px 10px;
    width: 410px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.rip {
    font-family: Baskerville, Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    padding: .5rem 1.5rem;
    color: black;
    font-size: 1.5rem;
    background-color: #ddd;
    width: 20%;
    margin: 1rem auto;
    border: 2px solid red;
    border-radius: 16px;
}
.ripAP {
    font-family: Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    padding: .3rem 1rem;
    color: red;
    width: 18%;
    font-size: 1.2rem;
    background-color: #eee;
    margin: 5px auto;
    border: 3px solid black;
    float: right;
}
.row {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: inline-block
}
#rside {
    float: right;
    width: 250px;
    border: 4px double #006;
    padding: .5rem;
    margin-left: 1em;
    margin-right: 0px;
    background: #FFF6CC;
}
#rside p {
    color: #663300;
    line-height: 1.2;
    font-size: 0.9em;
    margin: 5px 0px;
}
#rside h6 {
    text-align: center;
    font-size: 1.1rem;
    margin: 4px auto;
}
#rside ol {
    width: 100%;
    font-size: .9rem;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#rside ol ol li {
    font-size: .8rem;
    padding-left: 8px;
    border: none;
}
#rside ol li {
    border-bottom: 1px solid;
}
#whatsNew {
    width: 11%;
    float: left;
    position: relative;
    top: 37px;
}
.row.blockDisplay {
    display: block;
}
.row .columns p {
    padding-left: 0px 10%;
}
.scaleImage img {
    max-width: 100%;
    display: block;
}
.signature {
    margin-left: 60%;
}
.software {
    font-size: 1.1rem;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
}
#SongLeft {
    width: 50%;
    float: left;
}
#SongRight {
    float: right;
    width: 50%;
}
.songListTitle {
    text-align: center;
    font-size: 80%;
    margin: 1em auto;
    border: 1px solid #333;
}
.songListTitle {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 140%;
    font-weight: bold;
    text-align: center;
    color: #6D6540;
    background: #FFF6CC;
    padding: 0.3em 1em;
    margin: 0 2em 1;
    border-top: 7px solid #B2A66B;
    border-bottom: 7px solid #B2A66B;
}
.songlist {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: .95em;
    margin: 1rem 0px;
    color: #000;
    font-style: italic;
    line-height: normal;
}
.songlist3 {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 1rem;
    margin: .5rem 0px;
    color: #000;
    line-height: normal;
    clear: none;
    width: 98%;
}
.songlist3 td {
    width: 33%;
}
.songlist3 td p {
    font-size: .95rem;
    margin: 1px 0px;
    padding-left: 3px;
    font-style: normal;
    text-indent: -3px;
}
.songlist4 {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: .9rem;
    margin: 2rem 0px;
    color: #000;
    line-height: normal;
    clear: none;
    width: 100%;
}
.songlist4 td {
    width: 25%;
}
.songlist4 td p {
    font-size: .9rem;
    margin: 1px 2px;
    padding-left: 5px;
    font-style: normal;
    text-indent: 0px;
}
.songlist2 {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: .95rem;
    margin: 1rem 0px;
    border: 1px solid #006;
    color: #000;
    line-height: normal;
    width: 60%;
}
.songlist2 td {
    width: 40%;
}
.songlist2 td p {
    font-size: .9rem;
    margin: 0px;
    padding: 0px;
}
.songlist1 td p {
    font-size: .9rem;
    margin: 0px;
    padding: 3px;
}
.songlist1 {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: .95rem;
    margin: 1rem 0px;
    border: 1px solid #006;
    color: #000;
}
.songTitle {
    padding-right: 0em;
    padding-left: 0em;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.1em;
}
.step {
    margin-top: 2rem;
}
.style {
    font-family: "Times New Roman", Times, serif;
    font-size: 1.1rem;
    font-weight: bold;
}
.styTab {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    text-align: center;
    border-collapse: collapse;
    border: 5px inset #B2A66B;
    margin: 1.5rem auto 2rem;
    background: #FFF6CC;
}
.styTab caption {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 1rem;
    font-weight: bold;
    padding-bottom: .4rem;
    margin-top: 0px;
    color: #006;
}
.styTab caption a {
    text-decoration: none;
    color: #00C;
    margin: 0px;
    padding: 5px;
}
.styTab tr td a {
    font-weight: bold;
    padding: .5rem 1.5rem;
}
.styTabList {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    font-weight: normal;
    color: #036;
    background: #EFEFFF;
    margin: 1.5rem auto;
    border: 5px inset #0000E6;
    line-height: 1.3;
    border-collapse: collapse;
}
.styTabList caption {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 0.4rem;
    margin-top: 1rem;
    color: #006;
    padding-bottom: 0.3rem;
}
.styTabList caption a {
    color: #00C;
    text-decoration: none;
}
.styTabList td {
    font-size: .95rem;
    vertical-align: top;
    font-weight: normal;
    color: #009;
    padding: 5px;
    border: 1px solid #0000E6;
}
.styTabList th {
    font-size: 1rem;
    padding: 5px;
    background: #000096;
    color: #FFF;
    font-weight: normal;
    text-align: center;
}
.styTabList th a {
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
}
.styTabList p {
    margin: 0px 0px .5rem 0px;
    padding: 0px;
    font-size: .9rem;
}
.subcenter {
    text-align: center;
    font-size: 1rem;
    width: 100%;
    margin: 0 auto;
    padding: .2rem;
}
.tdBottomLine {
    border-bottom: 2px solid #009;
    margin-bottom: 1rem;
}
.top40 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    margin: 10px 20px 20px 10px;
    border: 1px solid #009;
    width: 610px;
}
.top40 td {
    padding: .2em 0.5em;
}
.top40 th {
    color: #FFF;
    background: #009;
    font-weight: normal;
    text-align: left;
    padding: 0.2em 0.4em;
}
.yrTab {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    text-align: center;
    border-collapse: collapse;
    border: 2px solid blue;
    margin: 0px auto .4rem auto;
    background-color: #CCCCFF;
    color: black;
    font-weight: bold;
}
.yrTab td {
    padding: 3px 12px;
    margin: 6px auto;
    text-align: center;
    border: 3px solid blue;
}
.yrTab td a:link, .yrTab li a:visited {
    text-decoration: none;
    color: #003;
    margin: 0px;
    display: block;
    padding: 2px 15px;
}
.yrTab td a:hover {
    background-color: #FFF6CC;
    font-weight: bold;
}
.yrTab td a.current, .yrTab td a.current:hover, .yrTab td a.current:active {
    color: #006;
    background: #EEF;
    cursor: default;
    font-weight: bold;
}
.zipBox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9rem;
    color: #006;
    background-color: #FFF6CC;
    text-align: center;
    height: auto;
    width: 11em;
    border: 4px inset #B2A66B;
    padding: 10px;
    margin: 1rem auto;
}
.zipBox a {
    font-weight: bold;
}

/* iPads (portrait and landscape) ----------- */
@media (min-width: 900px) and (max-width: 999px) {
body {
    font-size: 16px;
}
.nav1 li {
    font-size: .9rem;
}
.nav2 li {
    font-size: .9rem;
    width: 97px;
    margin-left: 6px;
}
.columns {
    width: 24%;
    float: left;
    padding: 0px;
}
.columns p {
    padding: 0px 25px;
}
}

@media (min-width: 769px) and (max-width: 899px) {
.nav2 li {
    font-size: .85rem;
    width: 85px;
    margin-left: 2px;
}
.Performer {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}
}

@media (min-width: 667px) and (max-width: 768px) {
body {
    font-size: 15px;
}
.nav1 li {
    font-size: .8rem;
}
.nav2 li {
    font-size: .80rem;
    width: 75px;
    margin-left: 1px;
}
.columns {
    width: 25%;
    margin: 6px 0px;
    padding: 0px;
}
.columns p {
    padding-left: 0px 14px;
}
.column_half.left_half {
    width: 100%;
}
.column_half.right_half {
    width: 100%;
}
.Performer {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}
}

@media (max-width: 668px) {
body {
    font-size: 14px;
}
.nav1 li {
    font-size: .75rem;
}
.nav2 li {
    font-size: .75rem;
    width: 70px;
    margin-left: 1px;
}
}

@media (max-width: 320px) {
.columns {
    width: 100%;
    margin: 0px;
    padding: 0PX;
}
.columns p {
    padding-left: 0px 10px;
}
.column_half.left_half {
    width: 100%;
}
.column_half.right_half {
    width: 100%;
}
}