div.holder {
width: 800px;
height: 600px;
padding: 0px;
margin: 0px;
}

body {
	background-color: #CCCC99;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
padding: 5px;
margin: 5px;
}

heading {
	text-align: left;
color: #006633;
       font-family: Verdana, Helvetica, Arial, sans-serif;
       font-size: 20px;
       font-weight: bold; 
}

table {
	font-size: 10px;
	text-align: left;
}

td 	{
padding: 2px;
}
th	{
	font-family:  Verdana, Helvetica, sans-serif;
}


p {
	text-align: left;
}

#artistList i
{

color: #058040;
font-size: 14pt;

}

#artistList fieldset
{
width: 290px;
padding: 4px;
border: 1px solid: #666;
}

#artistList legend a
{
text-decoration: none;
color: #058040;
font-size: 12pt;
font-weight: bold;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 10px;
border: 1px dotted #999;
}

#leftColumn 
{
margin: 10px;
width: 300px;
}

#rightColumn 
{
position: absolute;
width: 300px;
left: 360; 
z-index: 10;
}

#artist h1
{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
color: black;
}

#artist li
{
display: inline;

}
#repertoire table
{
margin-bottom: 10px;
}

#repertoire td
{
background: #FFE;
padding: 2px;
margin: 1px;

}


#repertoire th
{
background: #EEA;
padding: 2px;
margin: 1px;

}



.menuDiv {

	text-align: center;
display: list-item;
width: 170px;
height: 570px;
	background-color: #006633;
padding: 0px 0px;
	 border-bottom: 1px black solid;
	 border-left: 1px black solid;
	 border-top: 1px black solid;
	 border-right: 1px black solid;
position: absolute;
top: 5px;
left: 5px; 
      ; clip:  rect(   )
}

img.photos
{
margin: 4px;
border: 1px solid #000;
}
img.thumbnail
{
margin: 4px;
border: 1px solid #000;
float: left;
clear: left;
}
img.largethumbnail
{
margin: 4px;
border: 1px solid #000;
float: right;
}

.menuDiv img { 
margin: 5px;
border: 1px black solid; 
}

.menuDiv hr {
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px; 
}


.menuDiv li {
display: list-item;
	 list-style-type: none;
	 margin-left: -40px;
	 margin-bottom: 10px; 
}

.menuDiv a {
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
color: #ffffff;
       text-transform: capitalize;
       text-decoration: none;
cursor: pointer;
	letter-spacing: 1px; 
}

.menuDiv a:hover { 
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
color: #6aae8f;
       text-transform: capitalize;
       text-decoration: none;
cursor: pointer;
	letter-spacing: 1px; 
}

.menuDiv p {
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
color: #ffffff;
       letter-spacing: 1px;
       margin-top: 20px;
       text-align: center; 
}

div.mainContent {
overflow: auto;
width: 715px; 
height: 570px;
	border-left: 1px black solid;
	border-bottom: 1px black solid;
	border-right: 1px black solid;
	border-top: 1px black solid;
position: absolute;
top: 5px;
left: 177px;
      background-color: #cccc99; 
}

div.topimg {
width:auto;
      border-bottom: 1px black solid; 
}

div.mainContent h1 { 
color: #058040;
margin-bottom: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: bold; 
}



div.mainContent p { 
	padding-left: 10px;
	text-align: left;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
color: black;
}.BiogText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}

div.centered
{
	text-align: center;
}

#slideshow
{
margin: 4px;
float: left;
}

#photos li { display: inline; float: left; }