html {
height:1em;
max-height:1em;
border:0;
background-color:#444444;
font-size:10pt;
font-family:"Arial", arial, sans-serif;
overflow:hidden;
margin:0;
padding:0;
}
div.container {
position:relative;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
width:800px;
min-height:540px;
}
div.navbartop {
position:absolute;
top:0;
left:0;
display:block;
width:800px;
height:125px;
background-color:transparent;
color:#fff;
font-family:"Arial", arial, sans-serif;
font-size:9pt;
font-weight:400;
text-align:center;
margin:0;
}
div.topcenter {
position:absolute;
bottom:0;
top:0;
left:100px;
display:block;
width:600px;
height:125px;
background-color:transparent;
background-image:url(http://www.ryanelwood.com/images/top.gif);
background-repeat:repeat;
background-position:top center;
color:#fff;
font-family:"Arial", arial, sans-serif;
font-weight:400;
text-align:center;
margin:0;
}
div.topleft {
position:absolute;
float:left;
bottom:0;
top:0;
left:0;
display:block;
width:100px;
height:125px;
overflow:hidden;
background-color:transparent;
background-image:url(http://www.ryanelwood.com/images/topleft.gif);
background-repeat:no-repeat;
background-position:top left;
color:#fff;
font-family:"Arial Black", arial, sans-serif;
font-weight:400;
text-align:left;
margin:0;
}
div.topright {
position:absolute;
float:right;
bottom:0;
top:0;
right:0;
display:block;
width:100px;
height:125px;
background-color:transparent;
background-image:url(http://www.ryanelwood.com/images/topright.gif);
background-repeat:no-repeat;
background-position:top right;
color:#fff;
font-family:"Arial Black", arial, sans-serif;
font-weight:400;
text-align:right;
margin:0;
}
.navbartop h1 {
background-color:transparent;
font-size:21pt;
text-decoration:none;
color:#fff;
margin:10px;
}
.navbartop p {
background-color:transparent;
font-size:9pt;
text-decoration:none;
color:#fff;
margin:10px;
}
div.navbarside {
position:absolute;
top:125px;
left:0;
display:block;
width:298px;
height:375px;
overflow:auto;
background-color:#e5e5ff;
background-image:url(http://www.ryanelwood.com/images/side.gif);
background-repeat:repeat;
background-position:center;
border-left:3px solid #000;
color:#000;
font-family:"Arial", arial, sans-serif;
font-weight:700;
text-align:center;
margin:0;
}
.navbarside p {
background-color:transparent;
text-decoration:none;
color:#000;
margin:10px;
}
.navbarside p.indent1 {
background-color:transparent;
text-decoration:none;
color:#000;
font-size:8pt;
text-align:left;
margin:10px 10px 0;
}
.navbarside p.indent2 {
background-color:transparent;
color:#000;
font-size:8pt;
font-weight:400;
text-align:left;
margin:0 10px 0 20px;
}
.navbarside a {
background-color:transparent;
text-decoration:none;
}
.navbarside a:link {
background-color:transparent;
text-decoration:none;
color:#00c;
}
.navbarside a:visited {
background-color:transparent;
text-decoration:underline;
color:purple;
}
.navbarside a:hover {
background-color:transparent;
text-decoration:underline;
}
.navbarside a:active {
background-color:transparent;
text-decoration:underline;
color:#c00;
}
div.content {
position:relative;
top:125px;
bottom:5px;
left:0;
width:796px;
height:375px;
overflow-y:scroll;
background-color:#fff;
border-left:1px solid #000;
border-right:3px solid #000;
color:#000;
font-size:10pt;
font-weight:400;
text-align:left;
}
.content p.photo {
margin:10px 0 0 315px;
padding:0;
}
.content p.credit {
font-size:8pt;
font-style:italic;
margin:0 0 0 315px;
padding:0;
}
.content img.floatleft {
float:left;
background-color:transparent;
margin:0px 8px 0px 0px;
}
.content img.floatright {
float:right;
background-color:transparent;
margin:0px 0px 0px 8px;
}
.content form.payment {
background-color:transparent;
font-family:"Arial", arial, sans-serif;
font-size:10pt;
font-weight:400;
text-align:left;
color:#000;
margin:10px 10px 0 335px;
padding:0;
}
.content p {
background-color:transparent;
font-family:"Arial", arial, sans-serif;
font-size:10pt;
font-weight:400;
text-align:left;
color:#000;
margin:10px 10px 0 315px;
padding:0;
}
.content p.indent1 {
margin:10px 10px 0 325px;
}
.content p.indent2 {
margin:10px 10px 0 335px;
}
.content p.indent3 {
margin:10px 10px 0 345px;
}
.content p.bio1 {
margin:0px 10px 0 325px;
font-size:11pt;
}
.content p.bio2 {
margin:0px 10px 0 340px;
}
.content p.bio3 {
margin:0px 10px 0 355px;
}
.content p.bio4 {
margin:0px 10px 0 370px;
}
.content p.bio5 {
margin:0px 10px 0 385px;
}
.content a {
background-color:transparent;
text-decoration:none;
color:#00c;
}
.content a:link {
background-color:transparent;
text-decoration:none;
color:#00c;
}
.content a:visited {
background-color:transparent;
text-decoration:underline;
color:purple;
}
.content a:hover {
background-color:transparent;
text-decoration:underline;
}
.content a:active {
background-color:transparent;
text-decoration:underline;
color:#c00;
}
div.contentfreelessons {
position:relative;
top:125px;
bottom:5px;
left:0;
width:796px;
height:375px;
overflow-y:scroll;
background-color:#fff;
border-left:2px solid #000;
border-right:2px solid #000;
color:#000;
font-size:10pt;
font-weight:400;
text-align:left;
}
.contentfreelessons object {
float:right;
background-color:transparent;
margin:6px 0px 0px 8px;
}
.contentfreelessons p {
background-color:transparent;
font-family:"Arial", arial, sans-serif;
font-size:10pt;
font-weight:400;
text-align:left;
color:#000;
margin:10px 10px 0 10px;
padding:0;
}
.contentfreelessons p.indent1 {
margin:10px 10px 0 20px;
}
.contentfreelessons p.indent2 {
margin:10px 10px 0 30px;
}
.contentfreelessons p.freemenu {
float:right;
text-align:right;
margin:10px 10px 0px 10px;
}
.contentfreelessons a {
background-color:transparent;
text-decoration:none;
}
.contentfreelessons a:link {
background-color:transparent;
text-decoration:none;
color:#00c;
}
.contentfreelessons a:visited {
background-color:transparent;
text-decoration:underline;
color:purple;
}
.contentfreelessons a:hover {
background-color:transparent;
text-decoration:underline;
}
.contentfreelessons a:active {
background-color:transparent;
text-decoration:underline;
color:#c00;
}
div.navbarbottom {
position:absolute;
bottom:0;
top:500px;
left:0;
display:block;
width:800px;
height:50px;
background-color:#000;
color:#fff;
font-family:"Arial", arial, sans-serif;
font-size:8pt;
text-align:center;
margin:0;
}
.navbarbottom p {
background-color:transparent;
margin:10px;
}
div.bottomleft {
position:absolute;
float:left;
bottom:0;
top:0;
left:0;
display:block;
width:298px;
height:50px;
overflow:hidden;
overflow-y:scroll;
background-color:#b3b3cd;
border-left:3px solid #000;
border-bottom:3px solid #000;
color:#000;
font-family:"Arial", arial, sans-serif;
text-align:center;
margin:0;
}
div.bottomright {
position:absolute;
float:right;
bottom:0;
top:0;
right:0;
display:block;
width:496px;
height:50px;
overflow:hidden;
overflow-y:scroll;
background-color:#cdcdcd;
border-right:3px solid #000;
border-bottom:3px solid #000;
color:#fff;
font-family:"Arial", arial, sans-serif;
text-align:center;
margin:0;
}
.bottomright p {
margin:10px 10px 0 246px;
}
div.bottomcenter {
position:absolute;
float:left;
bottom:0;
top:0;
left:0;
display:block;
width:246px;
height:50px;
background-color:#cdcdcd;
color:#fff;
font-family:"Arial", arial, sans-serif;
text-align:center;
margin:0;
}
.bottomcenter p {
margin:10px 10px 0 10px;
}
.navbartop a,.navbartop a:link,.navbartop a:visited {
background-color:transparent;
text-decoration:none;
color:#fff;
}
.navbartop a:hover,.navbartop a:active {
background-color:transparent;
text-decoration:underline;
color:#fff;
}
.navbarbottom a,.navbarbottom a:link,.navbarbottom a:visited {
background-color:transparent;
font-weight:400;
text-decoration:none;
color:#fff;
}
.navbarbottom a:hover,.navbarbottom a:active {
background-color:transparent;
font-weight:400;
text-decoration:underline;
color:#fff;
}