@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;
	color:##8B664a;
	}

#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:#A88C77;
	text-align:center;
	margin-left: 55px;
	line-height:4em;
	}
.title h1
	{
	font-size:36px;
	}

#artistwork
	{
	width:980px;
	margin-left:0;
	background:#FFFFFF;
	}
  
.artistimage
	{
	width:115px;
	padding:8px 12px 8px 11px;
	border-width: 1px;
	border-style: solid;
	border-color:#666666;
	float:left;
	}
* html .artistimage 
	{
    \width: 140px; /* for IE5 and IE6 in quirks mode */
    \width: 140px; /* for IE6 in standards mode */
	} 

.sidebar 
	{
	float:left;
	width: 220px;
	background: #FFFFFF; 
	padding: 10px;
	margin: 0px 0 0 0px;
	}

.contenttext 
	{float:right;
	width: 700px;
	
	
	background: #FFFFFF;
	text-align:left
	}


 

.maintext 
	{width:980px;
	background: #FFFFFF; 
	margin: 0px 0 0 0px;
	
	}


 
#footer
	{width: 980px;
	margin:0;
	background: #A88C77;
	text-align:right;
	
	}
 
.clearfloat 
 	{ 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
	
/*end of layout*/

#menuh
	{
	font: bold 19px/19px Verdana, Arial, Helvetica, sans-serif;
	width:980px;
	text-align:center;
	margin:0;
	margin-top: 0;
	padding: 0 ;
	background:#A88C77;
	color:#FFFFFF;
	display:inline-block;
	}
		
#menuh ul
	{
	
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:150px;	 /*width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menuh a" rule so that the menu boxes
	will have space on either side of the text  */
	}
#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;	
	padding:2px 2px 2px 2px;
	background-color: #A88C77;	/* Sophie Dennis contribution for IE7 */
	border: 0; 
	}
	* html #menuh li 
	{
    \width: 140px; /* for IE5 and IE6 in quirks mode */
    \width: 140px; /* for IE6 in standards mode */
	}
	#menuh li a
	{
	color:#FFFFFF;
	text-align:left;
	display:block;
	margin:0;
	padding: 0 3em 0 10px;
	font-size:11px;
	}
	
#menuh a:link 
	{
	background: #A88C77;
	text-decoration: none;
	}
#menuh a:visited 
	{
	color: #FFFFFF;
	background: #A88C77;
	}
#menuh a:hover 
	{
	color:
	#CC9933;
	background: #A88C77;
	}
#menuh a:active 
	{
	color:
	#CC6600;
	background: #A88C77;
	}
 
.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:#8B664a; 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:
#663333
;}

a:visited {color:
#666666;}

a:hover {color:
#CC6600;}

a:active {color:#996666;}

.note {font-size: smaller;}