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

@import "reset.css";

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: 12pt; font-weight: normal; color:rgb(255,255,255); text-align:justify; line-height:1.5 }
p.contactform {font-size:12pt; 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: 12pt; 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: 10pt; 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}

.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: 12pt; color:rgb(201,201,201); text-align:justify}

/* TopLinks styled this way to allow for drop down menu if required */

#div1  {position:relative; top:0px; left:0px; width:115px; height:46px; overflow:hidden; padding:0; margin:0; z-index:3; }
#div1:hover  {width:115px; height:46px; overflow:visible; z-index:3; }

#div2  {position:relative; top:-46px; left:116px; width:115px; height:46px; overflow:hidden; padding:0; margin:0;  z-index:3; }
#div2:hover  {width:115px; height:46px; overflow:visible; z-index:3; }

#div3  {position:relative; top:-92px; left:232px; width:145px; height:46px; overflow:hidden; padding:0; margin:0;  z-index:3; }
#div3:hover  {width:145px; height:46px; overflow:visible; z-index:3; }

#div4  {position:relative; top:-138px; left:378px; width:215px; height:46px; overflow:hidden; padding:0; margin:0;  z-index:3; }
#div4:hover  {width:215px; height:46px; overflow:visible; z-index:3; }

#div5  {position:relative; top:-184px; left:594px; width:115px; height:46px; overflow:hidden; padding:0; margin:0;  z-index:3; }
#div5:hover  {width:115px; height:46px; overflow:visible; z-index:3; }

#div6  {position:relative; top:-230px; left:710px; width:115px; height:46px; overflow:hidden; padding:0; margin:0;  z-index:3; }
#div6:hover  {width:115px; height:46px; overflow:visible; z-index:3; }

#div7  {position:relative; top:-276px; left:826px; width:155px; height:46px; overflow:hidden; padding:0; margin:0;  z-index:3; }
#div7:hover  {width:155px; height:46px; overflow:visible; z-index:3; }

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

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

#below_toplinks {position:relative; top:-276px}
#page_content {width:940px; margin: 0 auto; padding:20px}

/* 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;}

div.overall {background:inherit; width:988px; margin: 0px auto; padding: 5px 0 5px 0}
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}