root {
  display: block;
}
body {
  background: rgb(109,1,1);
	font-family: 'Palladio Uralic', "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
padding: 0;
margin: 0;
}

#menu img {
	border: none;
	padding 0;
	margin: 0;
}
#header {
  position: relative;
	top:0px;
  height: 170px;
	width:100%;
	text-align: center;
  border-bottom-style: ridge;
  border-bottom-width: 2px;
  border-bottom-color: rgb(246,243,232);
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#headerstuff {
	padding-right: 160px;
}
#mainout {
	border-style: solid;
  border-width: 1px 3px 2px 3px;
  background: rgb(246,243,232);
  border-color: rgb(246,243,232);
  margin-top: -2px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
	width: 800px;
	height: 500px;
}
#main {
	border-style: solid;
  border-width: 3px 2px 3px 2px;
  border-color: rgb(109,1,1);

  margin: 0px;
  background: rgb(246,243,232);
	height: 495px;
}
#mainbody {
	position: relative;
}
#mainleft {
  position: absolute;
  margin-top: 10px;
  top: 0px;
  left: 10px;
	width:200px;
  height: 480px;
}
#mainleft p {
	font-size: 17px;
	font-color: black;
}
#mainright {
	position: absolute;
	top: 3px;
	left: 230px;
	width: 560px;
	height: 485px;
	background: rgb(243,243,239);
	border-style: solid;
	border-width: 1px;
	border-color: #e1e1dd;
}
#mainleftloc {
  position: absolute;
  margin-top: 10px;
  top: 0px;
  left: 10px;
	width:250px;
  height: 480px;
}
#mainleftloc p {
	font-size: 17px;
	font-color: black;
}
#mainrightloc {
	position: absolute;
	top: 3px;
	left: 280px;
	width: 510px;
	height: 485px;
	background: rgb(243,243,239);
	border-style: solid;
	border-width: 1px;
	border-color: #e1e1dd;
}
#footer {
  position: relative;
  height: 170px;
	width:100%;
	text-align: center;
}
#footer img {
	border: none;
	padding 0;
	margin: 0;
}
#footerinfo p{
	color: rgb(243,243,239);
}



#fimgdiv {
  width: 163px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#fimgdiv img {
	border: none;
	padding 0;
	margin: 0;
}

a#fimg {
	position: absolute;
	left: 0;
	width: 163px;
	height: 80px;
	background: url("pics/ldfooter.png");
}
#fimgdiv a:hover {
	background-position: 0 -80px;
}




#menu {
  margin-left: auto;
  margin-right: auto;
	width: 800px;
  margin-top: 0px;
	margin-bottom: 0px;
  padding: 0;
}


.menubutton {
	position: relative;
}

#artistlist {

	height: 140px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#artlist {
	float: right;
	font-size: 17px;
	width: 180px;
}
#artlist ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#artlist ul li {
	margin: 0px;
	padding: 0px;
}
#artlist ul li a {
	display: block;
  padding: 2px 4px 2px 4px;
  border-bottom: 1px solid #CCC;
	text-align: left;
	list-style: none;
	width: 180px;
}
#artlist ul li a.beginning {
  border-top: 1px solid #CCC;
}

#artlist a {
	text-align: right;
	text-decoration: none;
	color: black;
	margin: 2px;
}

#artlist ul li.wlink a:hover, #artlist ul li.wlink a:focus{
	background-color: rgb(243,243,243);
}

#artinfo{
	position: absolute;
	bottom: 5px;
	text-align: left;
}

#theinfo {
  margin-left: 10px;
  top: 5px;
}

#themap {
	position: absolute;
	left: 10px;
	top: 165px;
}

/* SLIDESHOW */
#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none}
#wrapper {width:526px; margin:1px auto; display:none;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:520px; height:380px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom: 0px; width:520px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:17px}
#information p {padding:0 8px 8px}
#image {width:520px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:386px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:386px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#f3f3ef}
#slideleft:hover {background-color:#e1e1dd}
#slideright {float:right; width:20px; height:81px; background:#f3f3ef url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#e1e1dd}
#slidearea {float:left; position:relative; width:476px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}