body {
background: #3f1c00;
color: black;
font-family: verdana, helvetica, sans-serif;
margin: 0;
}


#bookmark {
border: 0px solid black;
margin: 0 auto 5px auto;
overflow: auto;
padding-right: 75px;
width: 900px;
text-align:right;
opacity: .7;
}

#uber-container {
background: url(images/bg-paper.png) no-repeat;
color: black;
margin: 5px auto 0 auto;
overflow: auto;
width: 900px;
}

#menu {
background: url(images/bg-menu.png) no-repeat;
color: black;
float: left;
font: bold 1em verdana, arial, sans-serif;
margin: 110px 0px 0 50px;
overflow: hidden;
padding: 90px 0 0 0;
width: 235px;
}

#content {
color: black;
float: right;
margin: 0 50px 20px 0;
overflow: hidden;
width: 525px;
}

#content-sub {
color: black;
float: right;
margin: 375px 50px 20px 0;
overflow: hidden;
width: 525px;
}

#logo {
color: black;
margin: 10px auto 0 auto;
overflow: hidden;
width: 525px;height: 225px;
}

#artists {
color: black;
margin: 0px auto 0 auto;
overflow: hidden;
width: 500px;height: 403px;
}

#footer {
background-color: #4f220f;
color: #dcab59;
font: bold .9em verdana, arial, sans-serif;
display: block;
margin: 0 0 0 0;
overflow: hidden;
padding: 10px 10px 20px 10px;
text-align: center;
} 

/* arts ed */
#slideshow {
border:1px solid #6f3e1b;
color: #000;
margin: 75px auto 10px auto;
overflow: hidden;
width: 500px; 
height:375px;
}

/* home */
#slideshow-home {
border:1px solid #6f3e1b;
color: #000;
margin: 375px auto 10px auto;
overflow: hidden;
width: 525px; 
height:375px;
}














/* FONT STYLES */
h1 { /* blood red  */
background: transparent;
color: #600;
font:1.7em verdana, helvetica, sans-serif;
margin: 0 0 15px 0;
text-align:center;
}

h2 {  /* black */
background: transparent;
color: black;
font: 1.3em verdana, helvetica, sans-serif;
margin: -10px 0 10px 0;
text-align:center;
}

h3 {  /* red  */
background: transparent;
color: #600;
font: bold 1em/1em verdana, helvetica, sans-serif;
margin: 0 0 5px 0;
text-align: left;
}

.smtxt {  /* footer  */
background: transparent;
color: #996633;
font: .7em/1.1em verdana, helvetica, sans-serif;
margin: 10px 0 10px 0;
padding: 2px;
}

p {
background-color: inherit;
color: black;
font: .9em/1.6em verdana, helvetica, sans-serif;
}






/* MISC */
.iconlist {
background-color: inherit;
color: #000;
font: .9em/1.6em verdana, helvetica, sans-serif;
list-style: none;
margin: 0;
padding: 0;
}

li.audio { 
background: url(images/audio.png) no-repeat 0 50%;
padding: 1px 0 1px 20px;
margin: .1em 0;
}

.tbl {
color: black;
margin-top: 15px;
margin-bottom: 25px;
width: 100%;
}

td.tbl2 {
color: black;
font: bold .9em/1.1em verdana, helvetica, sans-serif;
margin: 0;
padding: 15px 0px 6px 6px;
width: 100%;
vertical-align:top;
}



fieldset {
border: 0px;
}

img {
border: 0px;
}

hr { 
border: 1px solid green;
}

/* Content */
a:link {color: #2b1300; text-decoration:underline;}
a:visited {color: #4c3421; text-decoration:underline;}
a:active  {color:#090; text-decoration:underline;}
a:hover   {color:#060; text-decoration:underline;}

/* Footer*/
#footer a:link {color: #0c0; text-decoration:underline;}
#footer a:visited {color: #393; text-decoration:none;}
#footer a:active  {color:#ff3; text-decoration:none;}
#footer a:hover   {color:#fc0; text-decoration:none;}

.bg-sidebar-box {
border: 0px solid black;
background: url(images/bg-sidebar-box.png) no-repeat top center;
color: #ffdc39;
font: bold 1em verdana, arial, sans-serif;
margin: 10px 0 0 0;
overflow: hidden;
padding: 0 15px 0 15px;
text-align: center;
width: 200px; height: 220px;
}


a.buy { 
background:url(images/buy.png) repeat 0px 0px; 
display: block; 
margin-left: 20px;
width: 200px; 
height: 51px; 
}

a.buy span { 
display: none; 
}

a.buy:hover { 
background: url(images/buy.png) repeat 0px -51px; 
}

.callout {
border: 0px solid black;
background: url(images/callout.png) no-repeat top center;
color: #ffdc39;
font: .9em verdana, arial, sans-serif;
float: right;
margin: 0 0 10px 10px;
overflow: hidden;
padding: 10px 15px 0 15px;
width: 200px; height: 220px;
}


.callout  ul.callout1 {
border: 0px solid black;
margin: 0 0 10px 20px;
width: 155px;
}

.callout  li.callout-item {
list-style-type: disc;
margin: .4em 1.2em;
padding: 0 0 0 3px;
}

.callout  li.acrobat { 
background: url(images/acrobat.gif) no-repeat 0 50%;
margin: .1em 0;
padding: 0 0 0 20px;
}

.callout  li.word { 
background: url(images/word.gif) no-repeat 0 50%;
margin: .1em 0;
padding: 0 0 0 20px;
}

/* Callout */
.callout  a.call:link {color: #2b1300; text-decoration:none;}
.callout  a.call:visited {color: #4c3421; text-decoration:none;}
.callout  a.call:active  {color:#090; text-decoration:none;}
.callout  a.call:hover    {color:#060; text-decoration:none;}








/* MENU */


ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu li {background: url(images/menu-bg-off.png) no-repeat;}
#menu li+li  {background: url(images/menu-bg-off2.png) no-repeat;}
#menu li+li+li  {background: url(images/menu-bg-off3.png) no-repeat;}
#menu li+li+li+li  {background: url(images/menu-bg-off4.png) no-repeat;}
#menu li+li+li+li+li {background: url(images/menu-bg-off5.png) no-repeat;}
#menu li+li+li+li+li+li {background: url(images/menu-bg-off6.png) no-repeat;}
#menu li+li+li+li+li+li+li  {background: url(images/menu-bg-off7.png) no-repeat;}
#menu li+li+li+li+li+li+li+li   {background: url(images/menu-bg-off8.png) no-repeat;}
#menu li+li+li+li+li+li+li+li+li   {background: url(images/menu-bg-off9.png) no-repeat;}
#menu li+li+li+li+li+li+li+li+li+li {background: url(images/menu-bg-off10.png) no-repeat;}


#menu li a {
height: 24px;
padding: 8px 0 0 25px;
text-decoration: none;
}

#menu li a:link, #menu li a:visited {
color: #2b1300;
display: block;
padding: 8px 0 0 25px;
}

#menu li a:hover, #menu li #current {
background: url(images/menu-bg-on.png) no-repeat;
color: #2b1300;
padding: 8px 0 0 25px;
}

#menu li a:hover {
background: url(images/menu-bg-on.png) no-repeat;
color: #ff0;
padding: 8px 0 0 25px;
}