/* 
Two Column CSS Layout
Copyright 2015 by Steve Callihan
http://www.callihan.com/

You may freely use this stylesheet and associated files as long as this copyright statement and comment is not removed or altered. Do not redistribute.
*/

/* Layout Styles */

body { 
    margin:0; 
    text-align:center;
    height:1950px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    line-height:1;
    color:black;
    background:navy url("../../backgrnd/bluegrnt3.jpg");
    }
    
#top {
    position:absolute;
    top:5px; left:0;
    width:100%;
    }
    
.posalign { 
    position:relative; 
    top:0; left; 0; 
    width:960px; 
    margin-left:auto; margin-right:auto;
    text-align:left;
    }

#mastcontent, #centercol, #maincol, #leftcol, #rightcol, #bottomcontent {
    color:black;
    background:#cff url("../../backgrnd/b_blond.jpg");
    }

#mast { 
    position:relative; 
    top:15px; left; 0; 
    width:100%; 
    height:150px;
    text-align:center; 
    z-index:3;
    }

#mastshadow { 
    position:relative;
    left:5px; top:5px;
    height:150px; width:950px; 
    margin-left:auto; margin-right:auto; 
    z-index:3; 
    color:black; background:#369; 
    }

#mastcontent { 
    position:relative;
    left:-10px; top:-10px;
    height:150px; width:100%; 
    z-index:4; 
    }

#sitename { 
    position: relative; top:5px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold; font-style:italic; 
    font-size:1.35em; 
    margin-top:0; margin-right:25px; margin-left:25px; 
    color:maroon; 
    border-bottom:5px groove #c90; 
    text-align:center; 
    }
    
#sitename a:link, #sitename a:visited, #sitename a:active, #sitename a:hover {
    color:maroon; background:transparent;
    text-decoration:none;
    }
    
#mastcontent h1 { 
    position: relative; top:10px;
    text-align:center;
    margin-top:5px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color:#369; 
    }
    
#mastcontent h1.wide { 
    font-size: 1.3em;
    }
    
#topmenu { 
    position:absolute; 
    top:90px; left:5px;
    width:100%;
    white-space:nowrap;
    text-align:center;
    z-index:3;
    }
    
#topbanner { 
    position:absolute; 
    top:80px;
    text-align:center;
    width: 100%;
    }

#topbanner .bancontain { 
    width: 468px; height: 60px;
    margin-left: auto; margin-right: auto;
    z-index:3;
    }
    
a.button { 
    padding:2px 4px; 
    margin-right:5px;
    font-size:1.1em; font-weight:bold;
    text-decoration:none;
    }
    
a.button:link, a.button:visited, a.button:active {
    color:#9fc; background:#069;
    border:outset blue 2px;
    }
    
a.button:hover {
    color:yellow; background:#9c3;
    border:outset #9c3 2px;
    }

#mastcontent #logo1 {
    position:absolute; top:50px; left:25px; 
    width:120px; height:90px;
    }

#mastcontent #logo2 {
    position:absolute; top:50px; right:25px; 
    width:120px; height:90px;
    }

#middle {
    position:absolute;
    top:25px; left:0;
    width:100%;
    }

#leftshadow {
    position:absolute; 
    top:170px; left:10px; 
    height:2000px; width:180px; 
    padding:0;
    color:black; 
    background:#369; 
    }

#leftcol { 
    position:relative; 
    top:-10px; left:-10px; 
    padding:5px;
    text-align:left; 
    height:2000px; width:180px; 
    /* Start Box Model Hack */
    voice-family:"\"}\""; 
    voice-family:inherit;
    height:1990px; width:170px;
    }

html>body #leftcol {
    height:1990px; width:170px;
    }
    /* End Box Model Hack */
 
#mainshadow { 
    position:absolute; 
    top:170px; left:210px; 
    height:2000px; width:750px;
    padding:0;
    color:black; 
    background:#369; 
    }

#maincol { 
    position:relative; 
    top:-10px; left:-10px;
    margin:0;
    padding:10px;
    text-align:left; 
    height:2000px; width:750px;
    /* Start Box Model Hack */
    voice-family:"\"}\""; 
    voice-family:inherit;
    height:1980px; width:730px;
    }

html>body #maincol {
    height:1980px; width:730px;
    }
    /* End Box Model Hack */

#rightshadow {
    position:absolute; 
    top:170px; left:780px; 
    height:2000px; width:180px; 
    padding:0;
    color:black; 
    background:#369; 
    }

#rightcol { 
    position:relative; 
    top:-10px; left:-10px; 
    padding:5px;
    text-align:left; 
    height:2000px; width:180px; 
    /* Start Box Model Hack */
    voice-family:"\"}\""; 
    voice-family:inherit;
    height:1990px; width:170px;
    }

html>body #rightcol {
    height:1990px; width:170px;
    }
    /* End Box Model Hack */
 
#centershadow { 
    position:absolute; 
    top:170px; left:10px; 
    height:2000px; width:750px;
    padding:0;
    color:black; 
    background:#369; 
    }

#centercol { 
    position:relative; 
    top:-10px; left:-10px;
    margin:0;
    padding:10px;
    text-align:left; 
    height:2000px; width:750px;
    /* Start Box Model Hack */
    voice-family:"\"}\""; 
    voice-family:inherit;
    height:1980px; width:730px;
    }

html>body #centercol {
    height:1980px; width:730px;
    }
    /* End Box Model Hack */

#centercol h1, #maincol h1 {
    color:#c30; background:transparent;
    font-size: 1.7em;
    text-align:center;
    margin-top:0px;
    margin-bottom:15px;
    }
    
#centercol h2, #maincol h2 {
    color:#c30; background:transparent;
    font-size: 1.4em;
    text-align:center;
    margin-top:15px;
    margin-bottom:15px;
    }

#centercol h3, #maincol h3 {
    color:#d50;
    background:transparent;
    text-decoration:none; 
    font-weight:bold;
    font-size:1.2em;
    text-align:center;
    margin-top:25px;
    margin-bottom:15px;
    }
    
#centercol a:link, #centercol a:visited, #centercol a:active {
    color:#03d; background:transparent;
    text-decoration:underline;
    }

#maincol a:link, #maincol a:visited, #maincol a:active {
    color:#03d; background:transparent;
    text-decoration:underline;
    }
    
#centercol a:hover, #maincol a:hover {
    color:#039; background:transparent;
    text-decoration:underline;
    }

iframe {
    margin-top:0; margin-bottom:0; padding:0;
    }

#centercol p, #maincol p {
    margin:10px 20px 10px 20px;
    line-height:1.4;
    font-size:1.1em;
    }
    
#centercol li, #maincol li {
    font-weight:bold;
    margin-left:10px; padding-left:10px;
    margin-bottom:5px;
    }
    
#centercol form. #maincol form {
    display:none;
    width:270px;
    margin-bottom:5px;
    margin-left:auto; margin-right:auto;
    }

#mainbanner { 
    width: 350px;
    margin-left: auto; margin-right: auto;
    }
 
 .intro {
    font-size:1em;
    line-height:1.3;
    margin:5px 25px 15px 25px;
    }
    
.intro span {
    font-size:1.3em;
    font-weight:bold;
    color:#369; background:transparent;
    vertical-align:baseline;
    }

.intro b {
    font-size:1.1em;
    line-height:1.2;
    vertical-align:baseline;
    }

.intro a {
    font-weight:bold;
    font-size:1em;
    line-height:1.2;
    vertical-align:baseline;
    }
    
.bio a {
    font-weight:bold;
    }
   
.products {
    height: 215px;
    }
    
.products2 {
    height: 195px;
    }

.products3 {
    height: 175px;
    }

.products, .products2, .products3 {
    position: relative;
    left: 0; top: 5px;
    overflow: hidden;
    width:100%; 
    text-align: center;
    line-height: 1.3;
    font-size: .9em;
    color:black;
    background:white;
    border-top: 10px solid white;
    }

.products img:hover, .products2 img:hover, .products3 img:hover { 
    margin-bottom: 5px; 
    border:thin solid blue;
    width:auto;
    height:auto;
    max-width: 100%;
    max-height: 100%;
    }

.products img, .products2 img, .products3 img { 
    margin-bottom: 5px;
    font-size: 1em;
    }

.products a, products2 a, .products3 a, products4 a { 
    font-size: 1em;
    }

.artprod1 {
    position: absolute; left: 5px; top: 0; 
    width: 140px;
    }
       
 .artprod2 {
     position: absolute; left: 150px; top: 0; 
     width: 140px;
     }

.artprod3 {
    width: 140px; 
    margin-left: auto; margin-right: auto;
    }

.artprod4 {
    position: absolute; right: 150px; top: 0; 
    width: 140px;
    }

.artprod5 {
    position: absolute; right: 5px; top: 0; 
    width: 140px;
    }
    
.up0 {
    position: relative; 
    top: 0px; left: 0px;
    }

.up10 {
    position: relative; 
    top: -10px; left: 0px;
    }

.up20 {
    position: relative; 
    top: -20px; left: 0px;
    }

.up30 {
    position: relative; 
    top: -30px; left: 0px;
    }
    
.up40 {
    position: relative; 
    top: -40px; left: 0px;
    }
 
.up50 {
    position: relative; 
    top: -50px; left: 0px;
    }

.up50 {
    position: relative; 
    top: -50px; left: 0px;
    }

.up60 {
    position: relative; 
    top: -60px; left: 0px;
    }

.callout {
    font-size:1em;
    line-height:1.2;
    font-style:italic;
    margin:5px 25px 25px 25px;
    padding:5px;
    border:solid black 1px;
    color:black; background:white;
    color:black; background:#fffae6;
    }
    
.helpfind {
    font-style:italic;
    font-weight:bold;
    }

#alphalist {
    margin-top:3px;
    }
    
#alphalist p {
    padding:0;
    padding-bottom:0;
    margin:0;
    }

#alphalist a {
    display:block;
    font-size:.75em; font-weight:bold;
    font-family:Arial, sans-serif;
    text-decoration:none;
    margin-left:5px;
    }

#address { 
    font-weight:bold; font-style:italic; 
    font-size:1.2em; 
    margin:20px; 
    color:maroon; 
    border-top:5px groove #c90; 
    text-align:center; 
    }

#centermenu { 
    white-space:nowrap;
    z-index:3;
    text-align:center;
    margin-top:25px;
    margin-bottom: 25px;
    }
    
#centermenu a.button { 
    padding:4px 8px; 
    margin-right:10px;
    font-size:1em; font-weight:bold;
    font-family:Arial, sans-serif;
    text-decoration:none;
    }
    
#centermenu a.button:link, #centermenu a.button:visited, #centermenu a.button:active {
    color:white; background:#069;
    border:outset #c90 2px;
    }
    
#centermenu a.button:hover {
    color:navy; background:#cf9;
    border:outset #9c9 3px;
    }

#sidemenu {
    margin-top:3px;
    }
    
#sidemenu p {
    padding:0;
    padding-bottom:10px;
    margin:0;
    }

#sidemenu a {
    display:block;
    font-size:1.1em; font-weight:bold;
    text-decoration:none;
    width:160px;
    padding:3px;
    margin-left:2px;
    border:outset #399 3px;
/* Start Box Model Hack */
    voice-family:"\"}\""; 
    voice-family:inherit;
    width:154px;
    }

html>body> #sidemenu a {
    width:154px;
    }
/* End Box Model Hack */

#sidemenu a:link, #sidemenu a:visited, #sidemenu a:active {
    color:#9fc; background:#069;
    }
    
#sidemenu a:hover {
    color:yellow; background:#9c3;
    border:outset #9c9 3px;
    }

#sidemenu2 {
    margin-top:3px;
    }
    
#sidemenu2 p {
    padding:0;
    padding-bottom:5px;
    margin:0;
    }

#sidemenu2 a {
    display:block;
    font-size:14px; font-weight:bold;
    font-family:Arial, sans-serif;
    text-decoration:none;
    width:145px;
    padding:3px;
    margin-left:2px;
    border:outset #399 3px;
/* Start Box Model Hack */
    voice-family:"\"}\""; 
    voice-family:inherit;
    width:139px;
    }

html>body> #sidemenu2 a {
    width:139px;
    }
/* End Box Model Hack */

#sidemenu2 a:link, #sidemenu2 a:visited, #sidemenu2 a:active {
    color:#9fc; background:#069;
    }
    
#sidemenu2 a:hover {
    color:yellow; background:#9c3;
    border:outset #9c9 3px;
    }

#sidemenu3 {
    margin-top:3px;
    }
    
#sidemenu3 p {
    padding:0;
    padding-bottom:5px;
    margin:0;
    }

#sidemenu3 a {
    display:block;
    font-size:14px; font-weight:bold;
    font-family:Arial, sans-serif;
    text-decoration:none;
    width:150px;
    padding:3px;
    margin-left:2px;
    border:outset #399 3px;
/* Start Box Model Hack */
    voice-family:"\"}\""; 
    voice-family:inherit;
    width:144px;
    }

html>body> #sidemenu2 a {
    width:144px;
    }
/* End Box Model Hack */

#sidemenu3 a:link, #sidemenu2 a:visited, #sidemenu2 a:active {
    color:#9fc; background:#069;
    }
    
#sidemenu3 a:hover {
    color:yellow; background:#9c3;
    border:outset #9c9 3px;
    }

#rightcol h4, #leftcol h4 {
    font-size: 1.2em;
    line-height: 110%;
    margin-top:15px;
    margin-bottom:5px;
    }

#rightcol h3, #leftcol h3 {
    font-size: 1.2em;
    line-height: 110%;
    margin-top:15px;
    margin-bottom:5px;
    }

#artistlist {
    }
    
#artistlist a {
    display:block;
    font-size:.95em; font-weight:bold;
    line-height:1.4;
    text-decoration:none;
    margin-left:5px;
    padding-left: 10px ;
    text-indent: -10px ;
    }

#topartistlist {
    line-height:2.0;
    }
    
#topartistlist a {
    display:block;
    font-size:.95em; font-weight:bold;
    text-decoration:none;
    margin-left:5px;
    padding-left: 10px ;
    text-indent: -10px ;
    }

#alphalist a {
    display:block;
    font-size:.75em; font-weight:bold;
    font-family:Arial, sans-serif;
    text-decoration:none;
    margin-left:5px;
    }

#artistlist a:link, #artistlist a:visited, #artistlist a:active {
    color:#036; background:transparent;
    }
    
#artistlist a:hover {
    color:#900; background:transparent;
    text-decoration:underline;
    }

#artistlist a.more  { 
    color: #ff6633; 
    background: transparent; 
    font-weight: bold; 
    font-style: italic; 
    font-size: 1.5em; 
    }

#topartistlist a:link, #topartistlist a:visited, #topartistlist a:active {
    color:#036; background:transparent;
    }
    
#topartistlist a:hover {
    color:#900; background:transparent;
    text-decoration:underline;
    }

#topartistlist a.more  { 
    color: #ff6633; 
    background: transparent; 
    font-weight: bold; 
    font-style: italic; 
    font-size: 1.5em; 
    }
blockquote {
    font-family:arial, sans-serif;
    margin-bottom: 10px; 
    text-align: left; 
    font-size:1.0em;
    }
    
.alignleft {
    margin-bottom: 10px; 
    text-align: left;
    }

.amazon {
    font-size:.9em;
    line-height:1;
    color:black; background:#fffae6;
    text-align:center;
    padding:5px;
    border:solid 1px black; margin-top:15px;
    }
.amazon img {
    margin-bottom:5px;
    }
.amazon a {
    display:block;
    color:blue; background:transparent;
    font-size:1em;
    text-decoration:none;
    padding:0;margin:0;
    margin-bottom:-10px;
    }
   
div :first-child, td :first-child, th :first-child { 
    margin-top:0; 
    }

.dropdown {
    position: relative;
    display: block;
}

.dropdown2 {
    display: none;
    position: absolute;
    background: white;
    min-width: 165px;
    padding-left: 5px;
    z-index: 1;
}

.dropdown:hover {
    display: block;
    background: white;
}

.dropdown:hover .dropdown2 {
    display: block;
    background: white;
}