/* stylesFees-Reviews.css */
html { background-color: whitesmoke;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0;
font-family: Georgia, serif;
}
body { background-color: snow;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0;
width: 900px;
}
#outer { background-color: snow;
position: relative;
margin: 0 auto;
border: 0;
padding: 0;
width: 900px;
}
#inner { background-color: snow;
position: absolute;
margin: 0;
border: 0;
padding: 0;
top: 0px;
left: 0;
width: 900px;
height: 865px;
}
.logo img { background-color: snow;
opacity: 1;
filter: alpha(opacity=100);
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0px 0px;
top: 34px;
left: 0px;
width: 155px;
height: 60px; }
#title h1 { background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0;
top: 36px;
left: 160px;
text-align: left;
width: 740px;
height: 40px;
font-family: Georgia, serif;
font-style: normal;
font-size: 26pt;
font-weight: normal;
letter-spacing: -1px;
color: #A85418;
text-decoration: none;
text-shadow: 1.5px 1.5px Lavender;
}
#subtitle h2 {
background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0;
top: 90px;
left: 160px;
text-align: left;
width: 241px;
height: 20px;
font-family: Georgia, serif;
font-style: italic;
font-size: 11pt;
font-weight: normal;
color: #737300;
}
#contact_email { background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0;
top: 90px;
left: 430px;
text-align: left;
width: 226px;
height: 20px;
font-family: Georgia, serif;
font-style: italic;
font-size: 11pt;
font-weight: normal;
color: #737300;
}
nav ul { background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 10px 0px;
list-style-type: none;
top: 120px;
left: 58px;
width: 842px;
height: 35px;
}
nav ul { background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 10px 0px;
list-style-type: none;
position: absolute;
top: 120px;
left: 58px;
width: 842px;
height: 35px;
}
nav li { background-color: snow;
/* width: auto; */
display: inline;}
nav li a { background-color: lavender;
display: block;
float:left;
border-radius: 20px;
color: #A85418;
font-family: Georgia, serif;
font-style: normal;
font-size: 14pt;
letter-spacing: 0px;
text-align: center;
padding: 10px 20px;
text-decoration: none;
}
nav li a:hover {
color: snow;
background-color: #A85418;
}
.active {
color: snow;
background-color: #A85418;
}
#left_image img { background-color: snow;
opacity: 1;
filter: alpha(opacity=100);
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0px 0px;
top: 185px;
left: 0px;
width: 137px;
height: 230px; }
#top_image img { background-color: snow;
opacity: 1;
filter: alpha(opacity=100);
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0px 0px;
top: 185px;
left: 137px;
width: 626px;
height: 230px; }
#right_image img { background-color: snow;
opacity: 1;
filter: alpha(opacity=100);
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0px 0px;
top: 185px;
left: 763px;
width: 137px;
height: 230px; }
#fees_section { background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0px 35px;
top: 435px;
left: 0px;
text-align: left;
width: 530px;
height: 250px;
font-family: "Times New Roman";
font-style: normal;
font-size: 12pt;
font-weight: normal;
color: black;
}
#fees_title h3 { background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0;
top: 0px;
left: 35px;
text-align: left;
width: 70px;
height: 30px;
font-style: normal;
font-size: 14pt;
font-weight: 800;
color: #A85418;
}
#location { background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0;
top: 30px;
left: 35px;
text-align: left;
width: 70px;
height: 50px; }
#location_text { background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0;
top: 30px;
left: 110px;
text-align: left;
width: 450px;
height: 50px; }
#fees { background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0;
top: 80px;
left: 35px;
text-align: left;
width: 70px;
height: 100px; }
#fees_text { background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0;
top: 80px;
left: 110px;
text-align: left;
width: 450px;
height: 100px; }
#lessons_for {
position: absolute;
text-align: left;
top: 0px;
left: 0px;
width: 270px; }
#lesson_price {
position: absolute;
text-align: right;
top: 0px;
left: 280px;
width: 140px; }
#payment { background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0;
top: 190px;
left: 35px;
text-align: left;
width: 70px;
height: 50px; }
#payment_text { background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0;
top: 190px;
left: 110px;
text-align: left;
width: 450px;
height: 50px; }
ul.price_list { background-color: snow;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0;
background: yellow;
list-style-type: none;
list-style-position: outside;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
line-height: 20pt;
}
ul.price_list li { background: snow;
margin: 0;
line-height: 14pt;
}
li.italic { background-color: snow;
font-style: italic;
}
.some_italic {font-style: italic; }
li.variation { background-color: snow;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
article { background-color: snow;
position: absolute;
margin: 0 auto;
border: 0;
border-color: snow;
padding: 0px 35px;
top: 715px;
left: 0px;
text-align: justify;
width: 530px;
height: 1302px;
font-family: "Times New Roman";
font-style: normal;
font-size: 12pt;
font-weight: normal;
color: black;
line-height: 14pt;
}
h3.reviews_title { background-color: snow;
margin: 0 auto;
border: 0;
padding: 0;
text-align: left;
font-style: normal;
font-size: 14pt;
font-weight: 800;
color: #A85418;
line-height: 22pt;
}
p.post_reviews_title { background-color: snow;
margin: 0 auto;
border: 0;
font-style: italic;
padding: 5px 0px 0px 0px;
line-height: 12pt;
}
article.p { background-color: snow;}
p.post_italic { background-color: snow;
margin: 0 auto;
padding: 0px 0px 25px 0px;
}
p.italic { background-color: snow;
margin: 0 auto;
border: 0;
font-style: italic;
padding: 0px 0px;
line-height: 12pt;
}
#right_panel { background-image: url("HomePanel.jpg");
background-position: center;
background-size: 410px 300px;
background-repeat: repeat;
opacity: 0.75;
filter: alpha(opacity=75);
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 415px;
left: 600px;
width: 300px;
height:1562px;
font-family: "Times New Roman";
font-style: italic;
font-size: 14pt;
font-weight: normal;
color: black;
line-height: 20pt;}
#quote1 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 60px;
left: 20px;
font-family: "Times New Roman";
font-style: italic;
font-size: 18pt;
font-weight: 600;
letter-spacing: 0px;
color: #4D4D00;
line-height: 20pt;}
#quote2 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 90px;
left: 120px;
font-family: "Times New Roman";
font-style: italic;
font-size: 20pt;
font-weight: normal;
color: #4D4D00;
line-height: 20pt;}
#quote3 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 180px;
left: 10px;
font-style: italic;
font-size: 20pt;
font-weight: 600;
letter-spacing: 0px;
color: #737300;
line-height: 20pt;}
#quote4 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 300px;
left: 20px;
font-family: "Times New Roman";
font-style: italic;
font-size: 16pt;
font-weight: 800;
letter-spacing: -1px;
color: #4D4D00;
line-height: 20pt;}
#quote4a {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 340px;
left: 40px;
font-style: italic;
font-size: 20pt;
font-weight: 400;
letter-spacing: 0px;
color: #4D4D00;
letter-spacing: 0px;
line-height: 20pt;}
#quote5 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 475px;
left: 60px;
font-family: "Times New Roman";
font-style: italic;
font-size: 14pt;
font-weight: 800;
letter-spacing: 1pt;
color: #4D4D00;
line-height: 20pt;}
#quote6 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 500px;
left: 10px;
font-family: "Times New Roman";
font-style: italic;
font-size: 18pt;
font-weight: 600;
letter-spacing: -1px;
color: #737300;
line-height: 20pt;}
#quote7 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 610px;
left: 30px;
font-family: "Times New Roman";
font-style: italic;
font-size: 18pt;
font-weight: 600;
letter-spacing: 0px;
color: #4D4D00;
line-height: 20pt;
}
#quote7a {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 650px;
left: 120px;
font-family: "Times New Roman";
font-style: italic;
font-size: 18pt;
font-weight: 600;
letter-spacing: 0px;
color: #4D4D00;
line-height: 20pt;
}
#quote8 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 770px;
left: 40px;
font-family: "Times New Roman";
font-style: italic;
font-size: 18pt;
font-weight: 700;
letter-spacing: -2px;
color: #4D4D00;
line-height: 20pt;}
#quote9 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 800px;
left: 50px;
font-family: "Times New Roman";
font-style: italic;
font-size: 14pt;
font-weight: 800;
letter-spacing: 2px;
color: #4D4D00;
line-height: 20pt;}
#quote10 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 830px;
left: 15px;
font-family: "Times New Roman";
font-style: italic;
font-size: 20pt;
font-weight: 800;
letter-spacing: -1px;
color: #4D4D00;
line-height: 20pt;}
#quote11 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 970px;
left: 10px;
font-family: "Times New Roman";
font-style: oblique;
font-size: 24pt;
font-weight: normal;
letter-spacing: -2px;
color: #737300;
line-height: 20pt;}
#quote12 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 1005px;
left: 130px;
font-family: "Times New Roman";
font-style: italic;
font-size: 16pt;
font-weight: 600;
letter-spacing: -1px;
color: #4D4D00;
line-height: 20pt;}
#quote13 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 1040px;
left: 135px;
font-family: "Times New Roman";
font-style: italic;
font-size: 24pt;
font-weight: 800;
color: #737300;
line-height: 20pt;}
#quote14 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 1150px;
left: 10px;
font-family: "Times New Roman";
font-style: italic;
font-size: 18pt;
font-weight: 800;
letter-spacing: 0px;
color: #4D4D00;
line-height: 20pt;}
#quote15 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 1180px;
left: 10px;
font-family: "Times New Roman";
font-style: italic;
font-size: 18pt;
font-weight: 400;
letter-spacing: -1px;
color: #4D4D00;
line-height: 20pt;}
#quote16 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 1210px;
left: 60px;
font-family: "Times New Roman";
font-style: italic;
font-size: 16pt;
font-weight: 800;
letter-spacing: 2px;
color: #4D4D00;
line-height: 20pt;}
#quote17 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 1360px;
left: 35px;
font-family: "Times New Roman";
font-style: italic;
font-size: 18pt;
font-weight: 800;
color: #737300;
line-height: 20pt;}
#quote18 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 1390px;
left: 10px;
font-family: "Times New Roman";
font-style: oblique;
font-size: 20pt;
font-weight: normal;
letter-spacing: -2px;
color: #4D4D00;
line-height: 20pt;}
#quote19 {
position: absolute;
margin: 0 auto;
border: 0;
border-color: yellow;
padding: 0px 0px;
top: 1440px;
left: 60px;
font-family: "Times New Roman";
font-style: italic;
font-size: 20pt;
font-weight: 800;
letter-spacing: 1px;
color: #4D4D00;
line-height: 20pt;}
footer { background-color: lavender;
position: absolute;
margin: 0 auto;
border: 0;
border-color: lavender;
padding: 0;
top: 1977px;
left: 0px;
text-align: center;
width: 900px;
height: 40px; }
.emaillogo img { background-color: lavender;
position: absolute;
margin: 0 auto;
border: 0;
border-color: lavender;
padding: 0;
top: 10px;
left: 250px;
width: 30px;
height: 20px; }
#email { background-color: lavender;
position: absolute;
margin: 0 auto;
border: 0;
border-color: lavender;
padding: 0;
top: 10px;
left: 285px;
text-align: left;
width: 200px;
height: 20px; }
#webdesign { background-color: whitesmoke;
position: absolute;
margin: 0 auto;
border: 0;
border-color: whitesmoke;
padding: 0;
top: 2017px;
left: 0px;
text-align: center;
width: 900px;
height: 70px; }
#webdesignleft { background-color: whitesmoke;
position: absolute;
margin: 0 auto;
border: 0;
border-color: whitesmoke;
padding: 0;
top: 15px;
left: 35px;
text-align: left;
width: 200px;
height: 20px;
font-family: "Times New Roman";
font-style: italic;
font-size: 8pt;
font-weight: normal;
color: #A85418;
}
#webdesignright { background-color: whitesmoke;
position: absolute;
margin: 0 auto;
border: 0;
border-color: whitesmoke;
padding: 0;
top: 15px;
left: 700px;
text-align: left;
width: 200px;
height: 20px;
font-family: "Times New Roman";
font-style: italic;
font-size: 8pt;
font-weight: normal;
color: #A85418;
}