/* Walton Steventon Stylesheet 1, waltonsteventon1.css */

/* Reset margin and padding areas. */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,a,blockquote,th,td,img
{ 
  margin : 0 ; padding : 0 
}

/* Turn off table borders. */
table { border-collapse : collapse ; border-spacing : 0 }

/* Turn off other borders. */
fieldset,img,abbr,acronym {  border : 0 }

/* Set text to normal. */
address,caption,cite,code,dfn,th,var { font-style : normal ; font-weight : normal } 
h1,h2,h3,h4,h5,h6 { font-size : 100% ; font-weight : normal }

/* Turn off list markers. */	
ol,ul { list-style : none }

/* Left align caption and cell text. */
caption,th,td { text-align : left }

body {background: black}

hr {width:95%; border:solid 1px rgb(231,207,46); }

em {font-style:italic }
strong {font-weight:bold }
em strong {font-style:italic; font-weight:bold}
strong em {font-weight:bold; font-style:italic}

h1 { font-family: "Garamond", "Times New Roman",serif; font-size: 16pt; font-weight: bold; color:rgb(255,255,255); }
h2 { font-family: "Garamond", "Times New Roman",serif; font-size: 16pt; font-weight: bold; color:rgb(255,255,255); }
h3 { font-family: "Garamond", "Times New Roman",serif; font-size: 14pt; font-weight: bold; color:rgb(255,255,255); }

/* h4 and h5 base styles reserved for editable areas */
h4 { font-family: "Garamond", "Times New Roman",serif; font-size: 16pt; font-weight: bold; color:rgb(255,255,255);}
h5 { font-family: "Garamond", "Times New Roman",serif; font-size: 14pt; font-weight: bold; color:rgb(255,255,255); }

h6 { font-family: "Garamond", "Times New Roman",serif; font-size: 8pt; font-weight: bold; color:rgb(255,255,255); }

p {font-family: "Garamond", "Times New Roman",serif; font-size: 14pt; font-weight: normal; color:rgb(255,255,255); text-align:justify; line-height:1.5 }
p.contactform {font-size:14pt; margin-top:20px}

ul { list-style-type : disc; padding-left:10px; }
ol { list-style-type : decimal; padding-left:10px; }
li {font-family: "Garamond", "Times New Roman",serif; font-size: 14pt; font-weight: bold; color:rgb(255,255,255); margin:10px 5px 10px 25px;}

a {font-family:inherit; font-size: inherit; font-weight: inherit; text-decoration:none; color:rgb(255,255,255); }
a:focus   {background:rgb(150,150,150);}
a:visited {}
a:hover   {background:rgb(150,150,150);}
a:active  {background:rgb(150,150,150);}

a.atoplink {font-family: "Times New Roman",serif; font-size: 20px; font-weight: bold; text-decoration:none; background: inherit; color:white; margin:0; padding:0; line-height:1; text-align:center;  display:block}
a.atoplink:focus   {background: inherit}
a.atoplink:visited {background: inherit}
a.atoplink:hover   {background: inherit}
a.atoplink:active  {background: inherit}

a.atoplink2 {font-family: "Times New Roman",serif; font-size: 16px; font-weight: bold; text-decoration:none; background: inherit; color:white; margin:0; padding:0; line-height:1; text-align:center; display:block }
a.atoplink2:focus   {background: inherit}
a.atoplink2:visited {background: inherit}
a.atoplink2:hover   {background: inherit}
a.atoplink2:active  {background: inherit}

a.afooter {font-family: "Times New Roman",serif; font-size: 12pt; font-weight: normal; text-decoration:none; color:rgb(231,207,46); display:block; }
a.afooter:focus   {background:rgb(102,102,102);}
a.afooter:visited {}
a.afooter:hover   {background:rgb(102,102,102);}
a.afooter:active  {background:rgb(102,102,102);}

a.ablack       {color: black;}
a.ablack:focus {background: rgb(150,150,150);}
a.ablack:visited {}
a.ablack:hover {background: rgb(150,150,150);}
a.ablack:active {background: rgb(150,150,150);}

a.awhite       {color: white}
a.awhite:focus {background: rgb(102,102,102);}
a.awhite:visited {}
a.awhite:hover {background: rgb(102,102,102);}
a.awhite:active {background: rgb(102,102,102);}

a.abgblack       {color: white;}
a.abgblack:focus {background: black;}
a.abgblack:visited {}
a.abgblack:hover {background: black;}
a.abgblack:active {background: black;}

a.bgwhite        {color: black;}
a.bgwhite:focus {background: white;}
a.bgwhite:visited {}
a.bgwhite:hover {background: white;}
a.bgwhite:active {background: white;}

a.algrey       {color: rgb(81,81,81);}
a.algrey:focus {background: rgb(210,210,210);}
a.algrey:visited {}
a.algrey:hover {background: rgb(210,210,210);}
a.algrey:active {background: rgb(210,210,210);}

a.agrey       {color: rgb(42,42,42);}
a.agrey:focus {background: rgb(210,210,210);}
a.agrey:visited {}
a.agrey:hover {background: rgb(210,210,210);}
a.agrey:active {background: rgb(210,210,210);}

.block {display:block}

.nodec {text-decoration:none}
.uldec {text-decoration:underline;}
.norm {font-weight: normal}
.bold {font-weight: bold}

.paraA {color:rgb(231,207,46); font-weight:normal}
.divA {background:black; border: solid 0px rgb(91,91,91)}

p.toplink {font-family: "Times New Roman",serif; font-size: 20px; font-weight: bold; text-decoration:none; color:white; margin:0; padding:0; line-height:1; text-align:center; }
p.toplink2 {font-family: "Times New Roman",serif; font-size: 14px; font-weight: bold; text-decoration:none; color:white; margin:0; padding:0; line-height:1; text-align:center; }

.divtoplink  {background: url(../images/toplinkbg.jpg) black repeat; height:20px; padding:13px; cursor: pointer}
.divtoplink:focus {background: url(../images/toplinkbg_c.jpg) black repeat}
.divtoplink:visited {}
.divtoplink:hover {background: url(../images/toplinkbg_c.jpg) black repeat}
.divtoplink:active {background: url(../images/toplinkbg_c.jpg) black repeat}

.divtoplink2  {background: url(../images/toplinkbg.jpg) black repeat; height:14px; padding:16px 2px 16px 2px; text-align:center}
.divtoplink2:focus {background: url(../images/toplinkbg_c.jpg) black repeat}
.divtoplink2:visited {}
.divtoplink2:hover {background: url(../images/toplinkbg_c.jpg) black repeat}
.divtoplink2:active {background: url(../images/toplinkbg_c.jpg) black repeat}

.testimonial {background-color:rgb(42,42,42); font-size: 14pt; color:rgb(201,201,201); text-align:justify}

div.used {width:700px; margin:auto}

.link2 {color:  rgb(231,207,46); }
.link2:hover   {background:rgb(150,150,150);}

/* Shades of yellow or gold */
.col01 {color: rgb(255,255,66);}
.col02 {color: rgb(255,228,69);}

.col03 {color: rgb(237,177,0);}
.col04 {color: rgb(231,207,46) }

.white   {color: white;}
.black   {color: black;}
.red     {color: red;}
.green   {color: green;}
.lgrey    {color:rgb(201,201,201);}
.blue    {color:rgb(0,0,255);}
.navy    {color:navy;}
.yellow  {color:rgb(255,255,0);}
.lyell {color:rgb(255,255,204);}
.maroon {color:maroon;}

.bg01   {background: rgb(204,204,150);}
.bgwhite  {background: white;}
.bgblack  {background: black;}
.bgyell {background: rgb(255,255,153);}
.bglyell {background: rgb(255,255,204);}

.pad00   {padding: 0px;}
.pad01   {padding: 3px;}
.pad02   {padding: 5px;}
.pad03   {padding: 10px;}
.pad04   {padding: 20px;}
.pad05   {padding: 30px;}

.padlr01 {padding-left:5pt; padding-right:5pt;}
.padlr03 {padding-left:10pt; padding-right:10pt;}
.padlr05 {padding-left:30pt; padding-right:30pt;}

.padtb03 {padding-top:10pt; padding-bottom:10pt;}

.mgn00   {margin: 0px;}
.mgn01   {margin: 3px;}
.mgn02   {margin: 5px;}
.mgn03   {margin: 10px;}
.mgn04   {margin: 20px;}
.mgn05   {margin: 30px;}

.mgnlr03   {margin: 0px 10px 0px 10px;}
.mgnlr04   {margin: 0px 20px 0px 20px;}

.mgn11 {margin:2px 10px 2px 10px}

.tbord01 {border-collapse:separate; border-spacing:2px;}
.tbordw01 {border-collapse: separate; border: solid 1px white;border-spacing:0px; }

.bordcol02 {border:solid rgb(255,228,69) 1px}

/* Use for horizontal lines eg in Used piano listings*/
.bordbotcol02 {border-bottom:solid rgb(231,207,46) 1px}
.bordtopcol02 {border-bottom:solid rgb(231,207,46) 1px}

.bord01 {border:solid white 1px}
.bord02 {border:solid white 2px}
.nobord  {border: 0px; }

table {}
td {text-align:left;}

td.footer {padding:10px; width:140px; text-align:center}

.bgimg1 {background: green; width:720px; height:240px}

.linked1{background:rgb(81,81,81)}


.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
.just {text-align:justify}

.top {vertical-align:top}
.mid {vertical-align:middle}
.bot {vertical-align:bottom}

.links1 {font-family:"Garamond", "Times New Roman",serif; color: rgb(90,90,90)}
.space {width:45px; border: none;}

.f4  {font-size: 4pt;}
.f8  {font-size: 8pt;}
.f10 {font-size: 10pt; }
.f12 {font-size: 12pt; }
.f14 {font-size: 14pt; }
.f16 {font-size: 16pt; }
.f18 {font-size: 18pt; }
.f24 {font-size: 24pt; }
.f30 {font-size: 30pt; }
.f34 {font-size: 34pt; }

.lh01 {line-height:16pt}
.lh02 {line-height:24pt}
.lh03 {line-height:30pt}

.auto {margin:auto}
.autoab {position: absolute; margin:auto; }

.floatleft {float:left; }
.floatright {float:right; }
.clearleft {clear:left;}
.clearright {clear:right;}
.floatnone {float:none}
.clearboth {clear:both}
.clear {clear:both}


table.overall  {background:inherit; width:975px;  margin: 0 auto; padding:0}
td.overall  {background:inherit; padding:0}

/*For edit area and listings to match*/
div.l {width:250px}
div.r {width:750px}

/* added/updated for responsive version - Aug 2020 */

div.overall {position:relative; top:0;left:0; background:inherit; width:980px; max-width:99%; overflow:hidden; margin: 0px auto; padding: 5px 0 5px 0}

div.header1 {position:relative; top:0;left:0; width:980px; max-width:100%; height:221px; margin:0 auto}

#head1cm { position:relative; visibility:hidden; width:0; height:0 }
#head1l {position:absolute; top:0;left:0; width:322px; max-width:100%; height:221px; background-color:black; overflow:hidden; z-index:2}
#head1r {position:absolute; top:0;right:0; width:322px; max-width:100%; height:221px; background-color:black; overflow:hidden; z-index:2}
#head1c {position:relative; top:0;left:0; width:322px; max-width:100%; height:221px; margin:0 auto; overflow:hidden; z-index:1}
div.head1bord {position:relative; top:0;left:0; height:219px; border:solid rgb(255,228,69) 1px}
.head1img {width:314px; max-width:100%; margin:0 0 0 3px; height:219px}

div.toplinks {width:980px; max-width:100%; margin:5px auto 5px; padding:0}

/* TopLinks Aug 2020 */

#div1  {position:relative; top:0px; left:0px; width:134px; height:46px; overflow:hidden; padding:0; margin:0 1px 0 0; float:left; z-index:3; }

#div2  {position:relative; top:0px; left:0px; width:134px; height:46px; overflow:hidden; padding:0; margin:0 1px 0 0; float:left;  z-index:3; }

#div3  {position:relative; top:0px; left:0px; width:164px; height:46px; overflow:hidden; padding:0; margin:0 1px 0 0; float:left;  z-index:3; }

#div4  {position:relative; top:0px; left:0px; width:235px; height:46px; overflow:hidden; padding:0; margin:0 1px 0 0; float:left;  z-index:3; }

#div5  {position:relative; top:0px; left:0px; width:0px; height:46px; overflow:hidden; padding:0; margin:0 1px 0 0; float:left;  z-index:3; }

#div6  {position:relative; top:0px; left:0px; width:134px; height:46px; overflow:hidden; padding:0; margin:0 1px 0 0; float:left;  z-index:3; }

#div7  {position:relative; top:0px; left:0px; width:173px; height:46px; overflow:hidden; padding:0; margin:0; float:left;  z-index:3; }

.below_toplinks {position:relative; top:0}

.page_content {margin: 0 auto; padding:20px}

div.w55pc {width:55%; float:left}
div.w45pc {width:45%; float:left}
div.w55pc2 {width:55%; float:left}
div.w45pc2 {width:45%; float:left}
div.w33pc {width:33.3%; float:left}
div.w33pc2 {width:33.3%; float:left}
div.r_inner {margin-left:20px}
div.r_inner2 {margin-left:20px}

.img_left { float:left; max-width:40%; margin:0 20px 20px 0 }
.img_right { float:right; max-width:40%; margin:0 0 20px 20px }
.img_general { max-width:95%; margin:0 0 10px 10px }

div.footerlink {width:18%; float:left}
div.footerlink2 {width:30%; float:left}
div.footerlink3 {width:18%; float:right}
p.footer {padding:10px; text-align:center}
div.audio {width:400px; max-width:100%; float:left}

.ssonoff {position:relative; top:0; font-size:10pt; float:right; }
.menuicon {visibility:hidden;width:0; height:0;}

@media screen and (max-width:1020px) {
  #div1 { width:14%; margin:0 }
  #div2 { width:14%; margin:0 }
  #div3 { width:17%; margin:0 }
  #div4 { width:23%; margin:0 }
  #div5 { width:0; margin:0 }
  #div6 { width:14%; margin:0 }
  #div7 { width:18%; margin:0 }
}

@media screen and (max-width:999px) {
  #div1 { width:34%; margin:0 1% 5px 0 }
  #div2 { width:32%; margin:0 1% 5px 0 }
  #div3 { width:32%; margin:0 0 5px 0 }
  #div4 { width:34%; margin:0 1% 5px 0 }
  #div5 { width:0; margin:0}
  #div6 { width:32%; margin:0 1% 5px 0 }
  #div7 { width:32%; margin:0 0 5px 0 }
  div.footerlink {width:25%}
  div.footerlink2 {width:50%}
  div.footerlink3 {width:25%}
  #head1c {visibility:hidden;width:0;height:0; overflow:hidden}
  #head1cm {visibility:visible; width:322px; max-width:100%; height:221px; margin:0 auto; overflow:hidden; z-index:1}
  .ssonoff {visibility:hidden;width:0; height:0;}
  .menuicon {visibility:visible; width:inherit; height:inherit; float:right }
}

@media screen and (max-width:850px) {
  #div1 { width:34%; margin:0 1% 5px 0 }
  #div2 { width:32%; margin:0 1% 5px 0 }
  #div3 { width:32%; margin:0 0 5px 0 }
  #div4 { width:34%; margin:0 1% 5px 0 }
  #div5 { width:0; margin:0}
  #div6 { width:32%; margin:0 1% 5px 0 }
  #div7 { width:32%; margin:0 0 5px 0 }
}

@media screen and (max-width:800px) {
  div.footerlink {width:30%}
  div.footerlink2 {width:50%}
  div.footerlink3 {width:30%}
  div.w33pc {width:50%}
  div.w33pc2 {width:100%; float:none; clear:both; padding-top:20px}
}

@media screen and (max-width:720px) {
  #head1cm {visibility:hidden;width:0;height:0; overflow:hidden}
  div.head1bord {border-color:black}
  .bordcol02 {border-color:black}
}

@media screen and (max-width:680px) {

  #head1l {position:relative; top:0; left:0; margin:0 auto 10px; float:none}
  #head1r {position:relative; top:0; left:0; margin:0 auto 10px; float:none}
  div.head1bord {border-color:black}
  .bordcol02 {border-color:black}
  div.header1 {height:inherit}
  div.w55pc {width:100%; float:none; clear:both; padding:10px 0}
  div.w45pc {width:100%; float:none; clear:both; padding:10px 0}
  div.w55pc2 {}
  div.w45pc2 {}
  div.w33pc {width:100%; float:none; clear:both; padding:10px 0}
  div.w33pc2 {width:100%; float:none; clear:both}
  div.r_inner {margin-left:0}
  div.r_inner2 {margin-left:0}
}

@media screen and (max-width:600px) {
  #div1 { width:49%; margin:0 1% 5px 0 }
  #div2 { width:50%; margin:0 0 5px 0 }
  #div3 { width:49%; margin:0 1% 5px 0 }
  #div4 { width:50%; margin:0 0 5px 0 }
  #div5 { width:0; margin:0}
  #div6 { width:49%; margin:0 1% 5px 0 }
  #div7 { width:50%; margin:0 0 5px 0 }
  div.footerlink {width:50%}
  div.footerlink2 {width:100%}
  div.footerlink3 {width:50%}
}

@media screen and (max-width:460px) {
  #div1 { width:100%; margin:0 0 5px 0 }
  #div2 { width:100%; margin:0 0 5px 0 }
  #div3 { width:100%; margin:0 0 5px 0 }
  #div4 { width:100%; margin:0 0 5px 0 }
  #div5 { width:0; margin:0}
  #div6 { width:100%; margin:0 0 5px 0 }
  #div7 { width:100%; margin:0 0 5px 0 }
  div.footerlink {width:50%}
  div.footerlink2 {width:100%}
  div.footerlink3 {width:50%}
}