﻿body{background-color:transparent;}
div#content{text-align:left; width:900px;}
div#onecolumn{margin-top: -80px; width:900px; float:left;background: transparent url('../graphics/TextPanelBG.png') repeat center top; padding:15px 0 0 0;}
div#leftcolumn{margin: 10px 10px 10px 10px; padding-top:0px; width:450px; float:left; z-index:2;}
div#artistgal{width:375; height:530px; float:left;background: transparent url('../graphics/GalleryDivBG.png') no-repeat center top; padding:  0px 0px 7px 15px; margin-top: 0px; margin-left:0px; }

div.contenttext { margin-top:5px; padding:10px 20px 20px; overflow:hidden; text-align:left;}


/* begin gallery styling */
#jgal { list-style: none; width: 290px; height:500px; margin-top: 15px; padding-top:25px; }
#jgal li { opacity:.5;  width: 35px; height: 70px; display:list-item; background-position: 30% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-top: .5em; margin-left:225px; }
#jgal img { position: absolute; top: 70px; left: 35px; display: none; }
#jgal li.active img { display:inline; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }
 
p.toptext{text-align:left;padding-left:15px;clear:both; width:700px;}
p.small { font:bold 8px Helvetica,arial; color:#7B7C82; position:absolute; top:70px; left: 280px;}
p.artist{font: 16px Helvetica,arial; position:absolute; top:477px; left: 60px; }
h3 {font:bold 20px Helvitica, arial; margin:20px 0 0 5px; color:#4F4F52;}

/* styling without javascript */
#gallery { list-style: none; display: inline; }
#gallery li { float:left; margin: 0 5px 5px 0; }
#gallery p{clear:both; float:left;}



div#rightcolumn{margin-top: 0px; padding-top:0px; margin-left:0px; width:385px; z-index:1; display: inline; float: left; }
div.calendararea { float:left; width:395px; height:500px; margin-top: -15px; margin-left:0px;}

div#logo a img {height: 55px; width: 200px; border-width: 0; float:right; border:none;}
