
a:link {text-decoration: none; color: #00008B; font-weight: bold;}
a:visited {text-decoration: none; color: #00008B; font-weight: bold;}
a:hover {text-decoration: underline; color: #000000; font-weight: bold;}

body {
margin: 0; 
padding: 0; 
color: #000;
background-color: #4876FF;
font-family: georgia, serif;
font-size: medium;
line-height: 130%;
}

p.keyboard {
margin: 0;
padding: 0;
}

ul.nav_horizontal {
margin: 0;
padding: 0;
list-style-type: none;
padding: 8px 41px 0 41px;
}

li.pianist  {
display: inline;
margin: 0;
padding: 0;
margin-right: 30px;
}

li.nav_horizontal {
display: inline;
margin: 0;
padding: 0;
margin-right: 10px;
}

div.frank {
margin: 20px 40px 0 40px;
padding: 20px 20px 20px 20px;
min-width: 750px;
min-height: 400px;
color: #000000;
background-color: #B0E2FF;
font-family: georgia, serif;
line-height: 140%;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
}

p.frank {
float: left;
min-width: 400px;
min-height: 400px;
margin: 0 20px 0 0;
padding: 0;
background-image: url(images/frankp1020548.jpg);
background-position: left top;
background-repeat: no-repeat;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}

img {
border: 0;
}

img.frank {
float: left;
padding: 0;
margin: 0 20px 5px 0;
}

ul.nav_vertical {
list-style-type: none;
float: right;
margin: 0;
padding: 0 0 5px 20px;
width: 100px;
}

li.home {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/home.gif) no-repeat left top;
}

li.home:hover {
background: url(images/home.gif) no-repeat -100px top;
}

li.homenolink {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/homenolink.gif) no-repeat left top;
}

li.about {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/about.gif) no-repeat left top;
}

li.about:hover {
background: url(images/about.gif) no-repeat -100px top;
}

li.aboutnolink {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/aboutnolink.gif) no-repeat left top;
}

li.bio {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/bio.gif) no-repeat left top;
}

li.bio:hover {
background: url(images/bio.gif) no-repeat -100px top;
}

li.bionolink {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/bionolink.gif) no-repeat left top;
}

li.boone {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/boone.gif) no-repeat left top;
}

li.boone:hover {
background: url(images/boone.gif) no-repeat -100px top;
}

li.boonenolink {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/boonenolink.gif) no-repeat left top;
}

li.record {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/record.gif) no-repeat left top;
}

li.record:hover {
background: url(images/record.gif) no-repeat -100px top;
}

li.recordnolink {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/recordnolink.gif) no-repeat left top;
}

li.links {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/links.gif) no-repeat left top;
}

li.links:hover {
background: url(images/links.gif) no-repeat -100px top;
}

li.linksnolink {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/linksnolink.gif) no-repeat left top;
}

li.contact {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/contact.gif) no-repeat left top;
}

li.contact:hover {
background: url(images/contact.gif) no-repeat -100px top;
}

li.contactnolink {
margin: 0; padding: 0; width: 100px; height: 27px;
background: url(images/contactnolink.gif) no-repeat left top;
}

img.thumbleft {
float: left;
margin: 0 15px 5px 0;
padding: 0;
width: 160px; 
height: 160px; 
border-width: 3px;
border-style: solid;
}

img.thumbright {
float: right;
margin: 0 0 5px 15px;
padding: 0;
width: 160px; 
height: 160px; 
border-width: 3px;
border-style: solid;
}

p {
margin: 0;
padding: 10px 20px 0 0;
}

p.accolade {
color: #000033;
}

p.leadoff {
padding-top: 0;
}

p.caption {
padding: 15px 60px 0 60px;
color: #000000;
text-align: center; 
font-size: small;
}

p.following {
padding-top: 5px;
text-align: center;
}

p.seq {
padding-top: 5px;
text-align: center;
}

