/* 
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:15185px;
    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, #mastcontent2, #centercol, #leftcol, #rightcol, #bottomcontent {
    color:black;
    background:#cff url("../backgrnd/b_blond.jpg");
    }

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

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

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

#sitename { 
    position: relative; top:10px;
    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:15px;
    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;
    z-index:3;
    text-align:center;
    z-index:3;
    }
    

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

#sitename2 { 
    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; 
    }
    
#sitename2 a:link, #sitename2 a:visited, #sitename2 a:active, #sitename2 a:hover {
    color:maroon; background:transparent;
    text-decoration:none;
    }
    
#mastcontent2 h1 { 
    position: relative; left:300px; top:15px;
    text-align:left;
    margin-top:5px;
    font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 1.75em;
    color:#369; 
    }
    
#mastcontent2 h1.wide { 
    margin-top:0;
    font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:1.75em;
    color:#CDA859; 
    }

#mastcontent2 h1.wide2 {
    position:relative; top:-33px; left:298px;
    margin-top:0;
    font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:1.75em;
    color:#F44414; 
    }
    
#mastcontent2 #logo1 {
    position:absolute; top:30px; left:20px; 
    width:120px; height:60px;
    }

#topmenu { 
    position:absolute; 
    top:90px; left:5px;
    width:100%;
    white-space:nowrap;
    z-index:3;
    text-align:center;
    z-index:3;
    }

#topmenu2 { 
    position:absolute; 
    top:90px; left:300px;
    width:100%;
    white-space:nowrap;
    z-index:3;
    text-align:left;
    z-index:3;
    }

a.button2 { 
    padding:2px 4px; 
    margin-right:10px;
    font-size:1.1em; font-weight:bold;
    text-decoration:none;
    }

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

a.button2:link, a.button2:visited, a.button2:active {
    color:#9fc; background:#069;
    border:outset blue 2px;
    }
    
a.button2:hover {
    color:yellow; background:#9c3;
    border:outset #9c3 2px;
    }

#mastcontent #logo1 {
    position:absolute; top:55px; left:25px; 
    width:120px; height:60px;
    border:1px solid black;
    }

#mastcontent #logo2 {
    position:absolute; top:55px; right:25px; 
    width:120px; height:60px;
    border:1px solid black;
    background: #f2f2f2;
    }

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

#centershadow { 
    position:absolute; 
    top:145px; left:10px; 
    height:15000px; width:750px;
    padding:0;
    color:black; 
    background:#369; 
    }

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

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

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

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

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

#centercol p {
    margin:0px 20px 10px 20px;
    line-height:1.3;
    font-size:1em;
    }
    
#centercol li {
    font-weight:bold;
    margin-left:10px; padding-left:10px;
    margin-bottom:5px;
    }
    
.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 {
    position: relative; 
    left: 0; top: 5px; 
    width:100%; 
    height: 215px;
    text-align: center;
    line-height: 1.3;
    font-size: .9em;
    }

.products img { 
    margin-bottom: 5px; 
    border:thin solid blue;
    }

.products a { 
    font-size: 1em;
    text-decoration: none;
    }

.products2 {
    position: relative; 
    left: 0; top: 5px; 
    width:100%; 
    height: 195px;
    text-align: center;
    line-height: 1.3;
    font-size: .9em;
    }

.products2 img { 
    margin-bottom: 5px; 
    border:thin solid blue;
    }

.products2 a { 
    font-size: 1em;
    text-decoration: none;
    }

.products3 {
    position: relative; 
    left: 0; top: 5px; 
    width:100%; 
    height: 165px;
    text-align: center;
    line-height: 1.3;
    font-size: .9em;
    }

.products3 img { 
    margin-bottom: 5px; 
    border:thin solid blue;
    }

.products3 a { 
    font-size: 1em;
    text-decoration: none;
    }

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

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

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

.artprod5 {
    position: absolute; right: 5px; top: 0; 
    width: 145px;
    }
	
#centercol form {
    display:block;
    width:270px;
    margin-bottom:5px;
    margin-left:auto; margin-right:auto;
    }

.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;
    }

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

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

html>body #rightcol {
    height:14990px; width:170px;
    }
    /* End Box Model Hack */
 
#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:15px; font-weight:bold;
    font-family:Arial, sans-serif;
    text-decoration:none;
    width:160px;
    padding:3px;
    margin-left:2px;
    border:outset #399 3px;
/* Start Box Model Hack */
    voice-family:"\"}\""; 
    voice-family:inherit;
    width:149px;
    }

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

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

#rightcol h4 {
    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 ;
    }

#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; 
    }

blockquote {
    font-family:arial, sans-serif;
    margin-bottom: 10px; 
    text-align: left; 
    font-size:1.0em;
    }
    
.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; 
    }