@charset "utf-8";
/* CSS Document */


body{
margin-left: auto;
margin-right: auto;
width: 1000px;
text-align:center;
background:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


#container {
	width: 980px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	background:#FFFFFF;
	margin: 0 auto;
	}

#header { 
	background:#FFFFFF; 
	padding: 0 ;}
		
.logo{
float:left;
width: 50px}
	
.title{width:auto;
height:55px;
background-color:#CCCCCC;
text-align:center;
margin-left: 51px;
line-height:4em;
}
.title h1{font-size:36px;}

.artistwork{
margin-left:0;
background:#FFFFFF;
}

.artistimage{
width:115px;
padding:8px 12px 8px 11px;
border-width: 1px;
border-style: solid;
border-color:#666666;
float:left;
}


#menu {text-align:center;
width: 976px;
background:#CCCCCC;
font: 15px/18px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
display:inline-block;
}

#menu ul {
list-style: none;
margin: 0;

padding:0;
float: left;
}

#menu ul li {position:relative;}
li ul {
  display: none;
  position: absolute; 
  top:1.5em;
  left: 0;
  
  }

#menu a{font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;

margin: 0;
padding: 0 10px 0 10px;
}



#menu a:link {
background: #CCCCCC;
text-decoration: none;
}
#menu a:visited {
color: #FFFFFF;
background: #CCCCCC;
}
#menu a:hover {
color: #8B664a;
background: #CCCCCC;
}
#menu a:active {
color: #666666;
background: #CCCCCC;
}

#menu li {
	position: relative;
	border: 1px solid #666666;
	width:115px;
padding:3px 2px 3px 3px;
background-color:#CCCCCC;


}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



.artistphoto { float: left;
	width: 200px;
	 background: #FFFFFF; 
	padding: 15px; 
}

.artistbio {width: 300px;
margin: 0 350px 0 240px;
padding:20px;
background:#FFFFFF;
text-align:left

}

.largeimage {float: right;
width:350px;
background: #FFFFFF; 
padding:20px;
}

 
 #footer{
 width: 980px;
 margin:0;
 background: #CCCCCC;
 text-align:right;}
 
 .clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 /*end of layout*/
 
.sans15px {font: 15px/18px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
 }
.sans12px{font-size: 12px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }	
 .sans10px{font-size: 10px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 } 
 
 .white {color:#FFFFFF;}
 .brown {color: #8B664a;}
 .darkgrey {color:#333333;}
 .lightgrey {color:#CCCCCC;}
 .darkblue {color:#607080;}
 
h1, h2, h3, h4 {
    font-weight:500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {font-size: 12px;
color:#333333; font-family: Verdana, Arial, Helvetica, sans-serif;}

.sans10 {font-size: 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {text-decoration: none; }

a:link {color:#8B664a;}

a:visited {color:
#999999;}

a:hover {color:#333333;}

a:active {color:#996666;}
.note {
font-size: smaller;
}