/* CSS style sheet for http://tsobrecords.com */

/*
Credit for the vertical and horizontal centering hack belongs to article #410, posted by Perishable Press
http://perishablepress.com/press/2007/09/25/absolute-horizontal-and-vertical-centering-via-css/
*/

html, body {
     height: 100%;
}

body {
     text-align: center;     /* horizontal centering hack for IE */
     margin:0px; padding:0px;
     color:white;
     background-color:black;
}

div#centeringDiv { 
     margin-bottom: -292px;  /* half of content height */
     background:transparent; /* temporary - used to see div */
     width:1px;              /* required to "hide" distance div */
     height:50%;             /* required */
     float:left;
}

div#content {
     position: relative;     /* positions content on top of distance */
     text-align: left;       /* horizontal centering hack for IE */
     margin: 0 auto;
     clear: left;
     width:1000px; height:585px;
     color:white;
     background-color:black;
}

#topBanner {
     position:absolute; display:block;
     left:0px; top:0px;
     width:100%; height:35px;
     margin:0px; padding:0px;
     border-style:none;
     background:#A77B4B url('images/TopBanner_tile.jpg') repeat-x;
     color:white;
     text-align:center;
}

#copyright { /* Contains the copyright notice and the bottom banner */
     position:absolute; display:block;
     width:100%; height:35px;
     left:0px; top:550px;
     margin:0px; padding:0px;
     border-style:none;
     background:#A77B4B url('images/footer_tile.jpg') repeat;
     color:black;
     font-size:16px; line-height:35px;
     font-family: Verdana, Arial, sans-serif;
     font-weight:bold;
     text-align:center;
}

span.phonogram {
     font-size:17px;
}

#leftPanel {
     position:absolute; display:block;
     width:200px; height:400px;
     left:33px; top:90px;
     margin:0px; padding:0px;
     background:black url('images/LeftPanel.jpg') no-repeat;
     border:solid 2px #996633;
     color:white;
     text-align:center;
}

#centerPanel {
     position:absolute; display:block;
     width:500px; height:400px;
     left:247px; top:90px;
     margin:0px; padding:0px;
     border:solid 2px #996633;
     color:#9B5F0E;
     background-color:black;
     text-align:center;
/*     overflow:auto; */
}

#rightPanel {
     position:absolute; display:block;
     width:200px; height:400px;
     left:762px; top:90px;
     margin:0px; padding:0px;
     background:black url('images/RightPanel.jpg') no-repeat;
     border:solid 2px #996633;
     color:white;
     text-align:center;
}

h1 {
     position:absolute; display:block;
     left:19px; top:170px;
     width:166px; height:89px; line-height:89px;
     margin:0px; padding:0px;
     border-style:none;
     color:#339966;
     background-color:transparent;
     font-size:22px;
     font-family: Garamond, "Times New Roman", serif;
     text-align:center;
}

h2 {
     width:400px;
     margin:8px auto 0px auto; padding:0px;
     border:solid 2px #996633;
     color:#996633;
     background-color:black;
     font-size:35px;
     font-family: Garamond, "ACaslon Regular", "Times New Roman", serif;
     text-align:center;
}

h3 {
     margin-top:8px; margin-bottom:0px; padding:0px;
     color:#996633;
     background-color:transparent;
     font-size:23px;
     font-family: Garamond, "ACaslon Regular", "Times New Roman", serif;
     text-align:center;
}

p {
     margin:0px; padding:5px 10px 5px 10px;
     color:#CCCCCC;
     background-color:transparent;
     font-size:14px;
     font-family: Verdana, Arial, sans-serif;
     font-weight:bold;
     text-align:justify;
}

p.accessVersion {
     position:absolute; display:block;
     left:19px; top:270px;
     width:166px;
     margin:0px; padding:0px;
     border-style:none;
     color:white;
     background-color:black;
     font-size:14px;
     font-family: Garamond, "Times New Roman", serif;
     font-family: Arial, Verdana, sans-serif;
     font-weight:normal;
     text-align:center;
}

p.altText {/* For text in alt tags */
     color:white;
     background-color:black;
     font-size:18px;
     font-family: Verdana, Arial, sans-serif;
}

li {
     color:white;
     background-color:transparent;
     font-size:18px;
     font-family: Verdana, Arial, sans-serif;
}

#navigationPanel {
     position:relative; display:block;
     left:0px; top:45px;
     width:200px; height:250px;
     margin:0px; padding:0px;
     border-style:none;
     color:white;
     text-align:left;
}

div.navigationElement {
     position:absolute; display:block;
     width:120px; height:25px;
     margin:0px; padding:0px;
     border:solid 1px #000000;
     color:white;
     background-color:#BA894F;
     font-size:10px; line-height:25px;
     font-family: Verdana, Arial, sans-serif;
     text-align:center;
}

div.specialNav {
     position:absolute; display:block;
     width:120px; height:25px;
     margin:0px; padding:0px;
     border-style:none;
     color:white;
     background-color:black;
     font-size:10px; line-height:25px;
     font-family: Verdana, Arial, sans-serif;
     text-align:center;
}
#skipNav     {left: 50px; top: -4px; width:100px;}
#homepage    {left: 83px; top: 45px; width: 40px;}
#sitemap     {left: 42px; top: 77px; width: 60px;}
#store       {left:104px; top: 77px; width: 60px;}
#company     {left: 32px; top:109px; width: 90px;}
#artists     {left:127px; top:109px; width: 55px;}
#calendar    {left: 21px; top:142px; width: 60px;}
#publicity   {left: 88px; top:142px; width: 74px;}
#galleries   {left: 33px; top:174px; width: 62px;}
#linksButton {left:103px; top:174px; width: 45px;}
#accessKey   {left: 53px; top:206px; width:110px;}


div.navigationElement a:link {text-decoration:none; color:black; background-color:#BA894F;}
div.navigationElement a:visited {text-decoration:none; color:black; background-color:#BA894F;}
div.navigationElement a:hover {text-decoration:none; color:white; background-color:#181818;}

img {
     border-style:none;
}

hr {
     background:#996633;
     color:#996633;
     height:5px;
     margin-top:5px; margin-bottom:5px; border-style:none; padding:0px;
}

a:link {text-decoration:underline; color:#FFFF99; background-color:transparent;}
a:visited {text-decoration:underline; color:#339966; background-color:transparent;}
a:hover {text-decoration:underline; color:white; background-color:transparent;}