/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> MAIN DIV BOXES >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>> these are the main structural divs >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.clearboth {
	clear: both;    
}

/**************************FLUID DIV WITH  CLEAR BOTH********************/


.boxfluidclearboth {
	text-align: left;
	clear: both;	  
}

/**************************500 WIDE LEFT-HAND TEXT HOLDER ********************/
.bx500left {
	width: 500px;
	padding-left: 8px;
	float: left;
	clear: both;
}

.bx500left p{
	margin-bottom: .6em;
}


.bx500left a:link {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
}

.bx500left a:visited {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.bx500left a:hover {
	text-decoration: none;
    color: #616161;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;	
	}	
	



.boxfluidpadding {
	clear: both;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
	width: 760px;

}

.boxfluidpadding a:link {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
}

.boxfluidpadding a:visited {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.boxfluidpadding a:hover {
	text-decoration: none;
    color: #616161;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
		
	}	
	
.boxfluidpadding p{
	margin-bottom: .6em;
}




.fluidpadding {
	clear: both;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
	width: 764px;
}
.fluidpadding p{
	margin-bottom: .6em;
}



/**************************245 WIDE RIGHTHAND DIV WITH NO COLOR ********************/
.bx245 {
	float: right;
	width: 250px;

}
/**************************245 WIDE RIGHTHAND with white text ********************/

.bx245w {
	float: right;
	width: 250px;
	margin-top: 8px;

}

/************************** background fake sidebar color ********************/	

/************************** main one of the site with light yellow color ********************/	
.bgyellowright {
	background-image: url(../directorygraphics/bgrightyellow.jpg);
	
	
/************************** green one used only in the museum section ********************/
}
.bggreenrightA {
	background-image: url(../directorygraphics/bggreenrightA.jpg);
}







/************holds text ***************/
.bx600{
	width: 550px;
	padding-left: 8px;
	float: left;
}

.bx600 p{
	margin-bottom: .6em;
}

.bx600 a:link {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
}

.bx600 a:visited {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.bx600 a:hover {
	text-decoration: none;
    color: #616161;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;	
	}	
	
	



/******************** CENTER ALIGN DIV****************************/
.centeralign {
	text-align: center;
	margin: auto;
}





/******************** 50% FLOAT LEFT *****************************/

.box50percent {
	float: left;
	width: 48%;
}


.box50percent-centeralign {
	text-align: center;
	float: left;
	width: 48%;
}

.box50percent-centeralign img{
	margin-top: 4px;
	margin-bottom: 4px;	
}


/******************** 33% WIDTH FFLOAT LEFT DIV TEXT ALIGN CENTER *****************************/
.bx33percentcenter {
	text-align: center;
	float: left;
	width: 33%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	text-align: center;
	margin: auto;
}

.bx33percentcenter a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.bx33percentcenter a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.bx33percentcenter a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

.bx33percentcenter img{
	margin-bottom: 2px;
	border: 1px solid #666600;
}
.bx33percentcenter a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.bx33percentcenter a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.bx33percentcenter a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}
/******************** 25% WIDTH FFLOAT LEFT DIV TEXT ALIGN CENTER *****************************/

.box25percent {
	float: left;
	width: 25%;
}


.box25percentcenter {
	text-align: center;
	float: left;
	width: 25%;
}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>  INFORMATION BOXES WITH VARIOUS BACKGROUND COLORS AND FONTS >>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/************************* DEC BOX GRAY ***************************/

.decbxgray {
	background-color: #D8D6CB;
	width: 85%;
	border: 1px solid #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	color: #737060;
	padding: 6px;
	text-align: left;
	padding: 6px;
	margin: auto;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 16px;
	margin-left: auto;
}



.decbxgray a:link {
	color: #932F2F;
	text-decoration: none;
	border: none;
	font-weight: bold;	
}

.decbxgray a:visited {
	text-decoration: none;
	color: #932F2F;
	border: none;
	font-weight: bold;	
}


.decbxgray a:hover {
	text-decoration: underline;
	color: #988C8B;
	border: none;
	font-weight: bold;	
}

.decbxgray p {
	margin-bottom: .4em;		
}
/********************* LIGHT GRAY DEC BOX *************************/
.decbxgraylight {
	background-color: #E6E4DF;
	width: 85%;
	border: 1px solid #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	color: #7C7C7C;
	padding: 6px;
	text-align: left;
	padding: 6px;
	margin: auto;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 16px;
	margin-left: auto;
}



.decbxgraylight a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.decbxgraylight a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.decbxgraylight a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}


.decbxgraylight img {
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;		
}

.decbxgraylight p {
	margin-bottom: .4em;		
}

/****************************** BOX ORANGISH BACKGROUND COLOR  ***********************************/

.decbxorange{
	background-color: #F0EBE1;
	width: 85%;
	border: 1px solid #969381;
	font-family: "Times New Roman", Times, serif;
	color: #969381;
	padding: 6px;
	text-align: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-right: auto;
	margin-left: auto;
}



.decbxorange a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.decbxorange a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.decbxorange a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}


.decbxorange p {
	margin-bottom: .6em;		
}
/*********************** Reddish border light text and links ***************************/
.dec90gray{
	padding: 4px;
	width: 240px;
	border: 1px solid #B9B9B9;
	float: left;
	
}

/*********************** BOX RED BORDER ***************************/
.decbx90red {
	padding: 4px;
	width: 90%;
	border: 1px solid #CC9999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;	
}

.decbx90red a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}


.decbx90red a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}


.decbx90red a:hover {
	text-decoration: underline;
	color: #BDB5A4;
	border: none;
}
/***************************** DEC BOX WHITE 90% ******************************/

.decboxwhite {
	padding: 4px;
	width: 100%;
	border: 1px solid #FFFFFF;
	margin-bottom: 8px;
}

/********* ******************* YELLOW TEXT BOX OLD STYLE 90%width************************/

.boxyellow {
	float: right;
	width: 235px;
	border: 1px solid #CCCCCC;
	background-color: #efeee2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	padding: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 8px;	
}

.boxyellow a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.boxyellow a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.boxyellow a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

.boxyellow p {
	margin-bottom: .6em;
}
/************************* light gray box 100% width ***********************/

.boxlightgray100 {
	background-color: #E6E4DF;
	border: 1px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 6px;
	text-align: left;
	padding: 6px;
	margin: auto;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 16px;
	margin-left: auto;
	font-size: 85%;
}



.boxlightgray100 a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.boxlightgray100 a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.boxlightgray100 a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}


.boxlightgray100 img {
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;		
}

.boxlightgray100 p {
	margin-bottom: .4em;		
}
/***************************** yellow box 100% width *********************************/

 .boxyellow100 {


	border: 1px solid #CCCCCC;
	background-color: #efeee2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	padding: 8px;
	margin-bottom: 16px;	
}

.boxyellow100 a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.boxyellow100 a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.boxyellow100 a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

.boxyellow100 p {
	margin-bottom: .6em;		
}

/*************  DIV DOTTED BROWN ROMAN-TIMES TEXT ******************/


.boxdottedlinebrown {
	font-family: "Times New Roman", Times, serif;
	color: #969381;
	width: 85%;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #969381;
	margin-right: auto;
	margin-left: auto;
	margin-top: 16px;
	margin-bottom: 16px;
	text-align: left;
	padding-left: 7px;
	padding-top: 4px;
	
}



.boxdottedlinebrown a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	font-weight: bold;	
}

.boxdottedlinebrown a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	font-weight: bold;	
}

.boxdottedlinebrown a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
	font-weight: bold;	
}

.boxdottedlinebrown img {
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;	
}


.boxdottedlinebrown p {
	margin-bottom: .6em;		
}

/*************  DIV RESOURCES WITH PAGE IAMGE BULLET ******************/


.resourcelist {
list-style:none;
margin-bottom: 16px;
margin-top: 8px;

}

.resourcelist ul{


}

.resourcelist li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background-image:url(../directorygraphics/page.gif);
	margin-left: 0.4em;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 1.5em;
	color: #666666;
		
}

.resourcelist a:link{
	color: #8D8570;
	border:none;
	padding:0;
	text-decoration: none;
	font-style: normal;
}

.resourcelist a:visited{
border:none;
padding:0;
color: #8D8570;
text-decoration: none;
font-style: normal;

}


.resources a:hover{
	color: #999999;
	border:none;
	padding:0;
	text-decoration: underline;
	font-style: normal;
}

/******************************** FOOTNOTES **********************************/


.footnotediv {
	background-image: url(../directorygraphics/fotnotes_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-top: 24px;
	margin-top: 16px;
	clear: both;
	width: 500px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	
}

.footnotediv ol {
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1.2em;
	text-indent: -1em;	
}



.footnotetitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	color: #666666;
	letter-spacing: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-style: italic;
}


.footnotediv {
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	color: #666666;
}

.footnotediv a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	font-weight: bold;
}

.footnotediv a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	font-weight: bold;
}

.footnotediv a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
	font-weight: bold;
	
	} 


/****************DIV PRONUNCIATION AUDIO FILES ****************************/

.pronunciation {
	font-family: Helvetica, sans-serif, Arial;
	font-size: 85%;
	background-image: url(../images/brouwerpronunciation.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 168px;
	border: 1px solid #FFFFFF;
	float: left;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 4px;
	color: #9A9A9A;
	margin-left: 4px;
	padding-top: 100px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	list-style-position: inside;
	list-style-type: square;
}

.pronunciation a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.pronunciation a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.pronunciation a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
	
	} 
	.pronunciation p {
	margin-bottom: .4em;	
	} 
	
/************************************ THIN LINE ******************************************/

.line {
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	
}
/************************************ THIN LINE WITH******************************************/
.linea {
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 8px;
	clear: both;
	
}

/*************** DIRECTION FORWARD BACKWARD DIV ******************/


.directions  {
	clear: both;
	text-align: center;
	width:150px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
	
}



.directions img{
	border: none;
margin: 0;
}





.directions a:link {
	color: #666666;
	text-decoration: none;
	border: none;
}
.directions a:visited {
	text-decoration: none;
	color: #666666;
	border: none;
}
.directions a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}


.directionsl  {
	clear: both;
	width:150px;
	margin-top: 16px;
	margin-bottom: 8px;
	
	
}



.directionsl img{
	border: none;
margin: 0;
}





.directionsl a:link {
	color: #666666;
	text-decoration: none;
	border: none;
}
.directionsl a:visited {
	text-decoration: none;
	color: #666666;
	border: none;
}
.directionsl a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

/************************ navigation div with gray color and solid triangles ************************/

.navtwo {
	width: 120px;
	margin-top: 16px;
}

.navtwo a:link {
	color: #666666;
	text-decoration: none;
	border: none;
}

.navtwo a:visited {
	text-decoration: none;
	color: #666666;
	border: none;
}

.navtwo a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

/************************ brand name div ************************/



.brandnamecenter {
	background-image: url(../directorygraphics/siglabis.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 40px;
}




.new {
	background-image: url(../directorygraphics/newblk.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px;
	clear: both;
	width: 22px;
	margin-right: 8px;
	float: left;
}


.gift {
	background-image: url(../directorygraphics/icon_gift.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	clear: both;
	width: 22px;
	margin-right: 8px;
	float: left;
}
/************************ NEWSLETTER SUBSCRIPTION DIV ************************/

.subscribe {
	clear: both;
	height: 73px;
	border: none;
	text-align: center;
	margin-top: 16px;
	margin-bottom: 16px;
}

.subscribe a:link {
	text-decoration: none;
	border: none;
	
}
.subscribe a:visited {
	text-decoration: none;
	border: none;
	
}
.subscribe a:hover {
	text-decoration: none;
	border: none;

}


.newsletter {
	text-decoration: none;
	text-align: center;
	margin-top: 16px;
	margin-bottom: 16px;
}

.newsletter a:link {
    text-decoration: none;
	border: none;
}

.newsletter a:visited {
		border: none;
	text-decoration: none;
}
	

.newsletter a:hover {
	text-decoration: none;
	border: none;
	}
	
	
	
	/****************** SUGGESTED READING BOX WITH BORDER HOVER ON IMAGE **************/
	
	
	.suggstdrding{
	width: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	margin-top: 16px;
	border: 1px dotted #69819C;
	background-color: #DDDCD5;
}



.suggstdrding a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	border: none;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;	
	}	
	
.suggstdrding a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	border: none;
	
	}
	
	
	.suggstdrding a:hover {
	color: #999999;
	border: none;
	text-decoration: underline;

}
	
	
	
	
	.suggstdrding img{
	margin-top: 8px;
	
}


.suggstdrding a:link img{
	padding:0;
	text-decoration: none;
    font-weight: normal;
}


.suggstdrding a:hover img{
padding:0;
text-decoration: none;
font-weight: normal;
}

.suggstdrding p{
	clear: both;
	margin-bottom: .6em;	
}


/************************ music file div ************************/

.musicaudio {
	background-color: #F2F1EA;
	background-image: url(../directorygraphics/grafics/musicdonc.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 274px;
	padding-top: 70px;
	margin-top: 16px;
	margin-bottom: 16px;
	padding-right: 8px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	border: 1px solid #666666;
	padding-left: 8px;
	padding-bottom: 4px;
}

.musicaudio a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.musicaudio a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.musicaudio a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

.musicaudio p {
	margin-bottom: .4em;
	
	}
	
/************************ MUSIC FILE DIV ************************/	
	.musicfile {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	background-color: #FBFBFB;
	background-image: url(../directorygraphics/music_doncb.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 200px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 16px;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: 1px solid #999999;
}

.musicfile a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.musicfile a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.musicfile a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}	


.musicfile p{

	margin-bottom: .6em;
}	
/********************** decorative div for sidebar in music section *****************/

#musicright {
	background-image: url(../music/musicimages/donc.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	height: 120px;
	width: 240px;
}


#folkmusicright {
	background-image: url(../directorygraphics/music_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	height: 120px;
	width: 240px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>>ABOUT SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/


/***************************** DIV FOR CRITICAL ASSESSEMNTS ***************************/

.abouttp {
	padding-left: 8px;
		
}


.abouta {
	width: 200px;
	float: left;
	margin-left: 8px;
	margin-bottom: 8px;
}



.abouta img{
	border: 3px solid #FFFFFF;
	margin-bottom: 8px;
}



.aboutb {	
    width: 225px;
	float: right;
	margin-right: 16px;
	margin-top: 50px;
	
	
	
}


.aboutc {
	width: 245px;
	float: right;
	margin-left: 8px;
	background-image: url(../directoryimages/libraryrijks.jpg);
	height: 330px;
	background-repeat: no-repeat;
	background-position: right top;
} 




.critclassmnts {
	background-color: #F2F1EA;
	background-image: url(../directorygraphics/grafics/brown_ca.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 200px;
	padding-top: 29px;
	margin-top: 16px;
	margin-bottom: 16px;
	padding-right: 4px;
	padding-bottom: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #CCCCCC;
	border: 1px solid #666666;
	padding-left: 16px;
}
	
	
.critclassmnts ul{
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1.2em;
	text-indent: -1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}



	
.critclassmnts a:link {
	
	text-decoration: none;
	color: #666666;
	border: none;
	
	
	}	
	
.critclassmnts a:visited {
	
	color: #666666;
	text-decoration: none;
	border: none;
	
	
	}
	
	
.critclassmnts a:hover {
	
	border: none;
	color: #B2B2B2;
	background-color: #E4E1DA;
}


.aboutbooks {
	padding-top: 4px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	margin-bottom: 8px;	
}


.aboutbooks a:link {
	text-decoration: none;
	color: #945858;
	border: none;
	font-weight: bold;	
}

.aboutbooks a:visited {
	text-decoration: none;
	color: #945858;
	border: none;
	font-weight: bold;	
}

.aboutbooks a:hover {
	text-decoration: none;
	color: #999999;
	border: none;
	font-weight: bold;	
	
	}

.aboutcover {
	float: left;
	margin-right: 16px;
	border: 1px solid #FFFFFF;
}


.aboutcover img{
	
}

.abouttext {
	font-size: 180%;
	color: #666666;
	font-weight: normal;
}

h2.abouttext {

	color: #666666;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: none;
	border:0;
	margin:0 0 4px 0;
	padding:0;
	font-size: 180%;
	width: auto;
	letter-spacing:normal;
	
	
}

.abouttext a:link {
	
	color: #666666;
	text-decoration: none;
	border: none;
	font-weight: normal;
}

.abouttext a:visited {

	color: #666666;
	text-decoration: none;
	border: none;
	font-weight: normal;
}

.abouttext a:hover {
	
	color: #666666;
	text-decoration: none;
	border: none;
	font-weight: normal;
}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>>  BIBLIOGRAPHY SECTION >>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/


.dtchhartbox {
	float: left;
	width: 230px;
	margin-bottom: 18px;
	padding-left: 16px;
}

.bgbib {
	background-image: url(../directorygraphics/sidebarbluish.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}


/************holds right column ***************/

.bx230{
	width: 220px;
	float: right;	
}

/************holds individual books with cover images and amazon links  ***************/

.bookbox{
	width: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	padding-top: 8px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	margin-bottom: 32px;
	border: 1px dotted #999999;
	margin-right: auto;
	margin-left: auto;
	color: #999999;
	background-color: #EBEADA;
}



.bookbox a:link {
    

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	border: none;
	text-decoration: none;
	border: none;
	border-bottom-width: 0px;
	border-bottom-style: none;		
	
	}	
	
.bookbox a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	border: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	}
	
	
.bookbox a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration:underline;
	text-decoration: none;
	border: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	
}


.bookbox a:link img{
	padding:3px;
	border: none;
	text-decoration: none;

}


.bookbox a:hover img{
	border: 3px solid #E1E1E1;
	padding:0;
	color: #999999;

}

.bookbox p{
	padding-bottom: 4px;
}


/************holds right column ***************/


.bibcontainer{
	margin-bottom: 16px;
	
	width: 230px;
	height: 360px;
	background-image: url(../directoryimages/libraryrijkssml.jpg);
	background-repeat: no-repeat;
	background-position: left top;

	
}

/************holds list of available bilbliographies ***************/

.biblist {
list-style:none;
margin-bottom: 16px;
margin-top: 8px;

}



 .biblist ul{


}

.biblist li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-left: 0.4em;
	padding-bottom: 8px;
	padding-top: 3px;
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 1.5em;
	background-image:url(../directorygraphics/grafics/page.gif);
	color: #999999;
	clear:both;
		
}

.biblist a:link{
	color: #69819C;
	border:none;
	padding:0;
	text-decoration: none;
	font-style: normal;
}

.biblist a:visited{
border:none;
padding:0;
color: #69819C;
text-decoration: none;
font-style: normal;

}


.biblist a:hover{
	color: #9EABB4;
	border:none;
	padding:0;
	text-decoration: underline;
	font-style: normal;
}


.bookbox1 {	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	padding-top: 8px;
	padding-right: 4px;
	padding-left: 4px;
	margin-left: 30px;
	margin-bottom: 32px;
}


/*************** BOOK ADVERTISEMENTS *******************************/


.bookboxa{
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	padding-top: 8px;
	margin-bottom: 32px;
	margin-right: auto;
	margin-left: auto;
}



.bookboxa a:link {
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	font-weight: normal;
	font-style: italic;	
	text-decoration: none;		
	
	}	
	
	.bookboxa a:hover {
	 color: #EBEBEB;
	text-decoration: underline;
	
	}
	
.bookboxa a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	
	}
	
	


.bookboxa img{
border: 2px solid #ffffff;
padding:0;
margin-bottom: 2px;


}




/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>>  BOOKSHOP SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*************** BOOK TOP HEADING *******************************/


.booktop {
	padding-left: 8px;
	background-color: #EFEFEF;	
}

.booktop img{
	margin-bottom: 16px;
	margin-top: 8px;
	
}

.topbookleft {
	float: left;
	width: 380px;
	padding-top: 8px;
	margin-bottom: 8px;
	background-image:url(../books/vermeerbookstacklightsmll.jpg);
	background-repeat: no-repeat;
	background-position:left 40%;

}



.help {
	margin-top: 140px;
	padding: 4px;
	border: 1px dotted #C6A59F;
	width: 340px;


}


.booklist {
	margin-top: 16px;
	margin-right: 8px;
	margin-bottom: 8px;
	float: right;
	width: 350px;
	padding: 8px;
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.booklist ul {
list-style-type: none;

 }
 


.booklist li {
margin-bottom: 3px;	
}


.booklist ul ul {
margin-top: 3px;

 }


.booklist ul ul li{
margin-left: 16px;
font-style: italic;

 }

.booklist a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}

.booklist a:hover {
	color: #B48181;
	text-decoration: underline;
	color: #BEB6B6;
}

.booklist a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

/******************** divs which hold individual book entires ****************/

h2.bookcat {
	color: #666666;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: none;
	border:0;
	padding:0;
	font-size: 180%;
	width: auto;
	letter-spacing:normal;
	margin-top: 16px;
	margin-bottom: 16px;
	text-align: center;		
}



.book {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	clear: both;
	padding-top: 4px;
	padding-left: 8px;	
}

h2.name {
	font-weight: normal;
	border:0;
	margin:0 0 4px 0;
	padding:0;
	width: auto;
	text-transform: none;
}


.book img{
	float: left;
	margin-bottom: 16px;
}


.booktitle {
	float: left;
	width: 340px;
	margin-bottom: 16px;
}

.booktitle img{
	border: 1px solid #FFFFFF;
	margin-bottom: 16px;
	margin-top: 8px;
	
}

.bookcomment {
	float: right;
	width:400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #707070;
	margin-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 85%;
	font-style: normal;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	
}

.bookcomment a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.bookcomment a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.bookcomment a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

.bookcomment p{
	
	margin-bottom: .4em;
	
	
}

.bookcommentwall {
	float: right;
	width:400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #707070;
	margin-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 85%;
	font-style: normal;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	
}
.bookcommentwall p{
	
	margin-bottom: .4em;
	
	
}

.bookcommentwall a:link {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
}

.bookcommentwall a:visited {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.bookcommentwall a:hover {
	text-decoration: none;
    color: #616161;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
		
	}	
	
.boxfluidpadding p{
	margin-bottom: .6em;
}



.booktitle a:link {
	font-size: 100%;
	color: #934A4A;
	font-family: Arial;
	letter-spacing: 1px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	text-transform: none;
	letter-spacing:1px;
	text-transform: none;
	background-image: url(../directorygraphics/spacerboxw.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
}

.booktitle a:visited {
	
	font-family: Arial;
	letter-spacing: 1px;
	text-decoration: none;
    color: #934A4A;
	border: none;
	font-weight: bold;
	letter-spacing:1px;
	text-transform: none;
	background-image: url(../directorygraphics/spacerboxw.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
	
}

.booktitle a:hover {
	text-decoration: underline;
	color: #A29286;
	border-bottom-width: 1px;
	border: none;
	font-weight: bold;
	text-transform: none;
	letter-spacing:1px;
	background-image: url(../directorygraphics/spacerboxw.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
	
	}
	
	.booktitle img {
	border: 2px solid #FFFFFF;
	text-decoration: none;
	margin-bottom: 8px;
	}
	
	/************* for amazonlinks *******************************/


.amazonlinks {
	margin-bottom: 8px;
	margin-top: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	background-image: url(../bookcovers/flag_us_nnmod.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	
	
}

.amazonlinksbrit {
	margin-bottom: 8px;
	margin-top: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	background-image: url(../bookcovers/flag_uk_nnmod.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	
}


.amazonlinks a:link {
	color: #B48181;
	text-decoration: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	font-weight: normal;
	text-transform: none;
	letter-spacing:normal;

}

.amazonlinks a:visited {
	text-decoration: none;
	color: #B48181;
	text-decoration: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	font-weight: normal;
	text-transform: none;
	letter-spacing:normal;
}

.amazonlinks a:hover {
	text-decoration: none;
	color: #BEB6B6;
	text-decoration: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	font-weight: normal;
	text-transform: none;
	letter-spacing:normal;
}


.amazonlinksbrit a:link {
	color: #B48181;
	text-decoration: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	font-weight: normal;
	text-transform: none;
	letter-spacing:normal;

}

.amazonlinksbrit a:visited {
	text-decoration: none;
	color: #B48181;
	text-decoration: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	font-weight: normal;
	text-transform: none;
	letter-spacing:normal;
}

.amazonlinksbrit a:hover {
	text-decoration: none;
	color: #BEB6B6;
	text-decoration: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	font-weight: normal;
	text-transform: none;
	letter-spacing:normal;
}
/************************************************************/
	



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>>CATALOGUE SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/



/************* these two divs are for the 3 section catalogue index ********************/

.cat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-top: 8px;
	clear: both;
}


.catimage{
	margin-right: 10px;
	height: 130px;
	float: left;
	margin-bottom: 8px;
}

.catimage img{
	border: 3px solid #F4F4F4;
	margin-right: 10px;
	float: left;
		
}

.temporaryloc h3{
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 8px;
	font-family: Garamond, Georgia;
}

.temporarylocation {
	background-color: #F1EFE3;
	float: right;
	width: 200px;
	padding: 4px;
	color: #828282;
	margin-left: 8px;
	margin-bottom: 16px;
	border: 1px dotted #B48181;
}


h3.temporaryloc{
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bolder;
		
}



h3.temporaryloc a{
	border: none;
	text-decoration: none;	
		
}


h3.temporaryloc a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

h3.temporaryloc a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

h3.temporaryloc a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}


.temporarylocation p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
     
}

.clearpaintings {
	clear: both;
        height: 0px;	
	
}


.temporarylocationcentry {
	background-color: #F2F1EA;
	width: 270px;
	float: left;
	color: #828282;
	margin-bottom: 10px;
	clear: both;
	font-size: 85%;
	border: 1px solid #666666;
	padding: 4px;
}

.temporarylocationcentry p{

	padding-bottom: 0px;
}

.temporarylocationcentry a:link {
	text-decoration: none;
	color: #B48181;
	border: none;
	font-weight: normal;
	
}

.temporarylocationcentry a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	font-weight: normal;
	
}

.temporarylocationcentry a:hover {
	border: none;
	color: #B2B2B2;
	background-color: #E4E1DA;
	
	} 


/********************* FORMAT DIVS FOR INDIVIDUAL CATALOGUE ENTRIES **********************/

h1.cattitle {
	font-family: "Times New Roman", Times, serif;
	color: #585447;
	font-size: 150%;
	letter-spacing: 0px;
	margin-top: 0em;
	margin-bottom: 0em;	
	
}


.leftcat {
	width: 300px;
	padding: 8px;
	float: left;
}

.leftcat p{
	margin-bottom: .6em;	
}


.rightcat {
	float: left;
	width: 460px;
	text-align: center;
	padding-top: 16px;
}

.catcomment {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 16px;
	margin-bottom: 16px;
	text-align: left;
	padding-top: 8px;
	padding-left: 8px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666666;
}

.catcomment a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.catcomment a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.catcomment a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

.catcomment p{
	margin-bottom: .6em;	
}

/********************* STYLES FOR INFORMATION BOX  **********************/
.catinfo {
	background-color: #F2F1EA;
	background-image: url(../directorygraphics/grafics/brown_pi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 270px;
	padding-top: 29px;
	margin-top: 16px;
	margin-bottom: 16px;
	padding-right: 4px;
	padding-bottom: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #CCCCCC;
	border: 1px solid #666666;
	padding-left: 16px;
}

/********************* STYLES FOR LIST INFORMATION BOX  **********************/
.catinfolist ul {
	margin-left: 0;
	padding-left: 1.2em;
	text-indent: -1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-position: inside;
	
}

.catinfolist li {
	margin-bottom: 2px;
	color: #ACAB99;
	list-style-image: none;
	list-style-type: none;
	font-weight: bold;
	} 

.catinfolist a:link {
	text-decoration: none;
	color: #666666;
	border: none;
	font-weight: normal;
	
}

.catinfolist a:visited {
	text-decoration: none;
	color: #666666;
	border: none;
	font-weight: normal;
	
}

.catinfolist a:hover {
	border: none;
	color: #B2B2B2;
	background-color: #E4E1DA;
	
	} 


/********************* SPECIAL TOPICS BOX FOR CATALOGUE  *********************************/


.sptopics {
	background-color: #F2F1EA;
	background-image: url(../directorygraphics/grafics/brown_st_bisbis.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 270px;
	padding-top: 29px;
	margin-top: 16px;
	margin-bottom: 16px;
	padding-right: 4px;
	padding-bottom: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #CCCCCC;
	border: 1px solid #666666;
	padding-left: 16px;
}
	
	
.sptopics ul{
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1.2em;
	text-indent: -1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}


.sptopics li{
	padding-bottom: 4px;	
}
	
.sptopics a:link {
	
	text-decoration: none;
	color: #666666;
	border: none;
	
	}	
	
.sptopics a:visited {
	
	color: #666666;
	text-decoration: none;
	border: none;
	
	
	}
	
	
.sptopics a:hover {
	
	border: none;
	color: #B2B2B2;
	background-color: #E4E1DA;
}

.sptopics50percent {
	float: left;
	width: 130px;
	margin-bottom: 1px;
	text-align: center;
}


.sptopics50percent img{
	border: none;
}


.sptopics img{
		border: none;
}


.sptopics50percent {
	float: left;
	width: 130px;
	margin-bottom: 1px;
	text-align: center;
}


.arrows {
	float: left;
	width: 245px;
	height: 22px;
	margin-top: 4px;
	background-image: url(../directorygraphics/arrows.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.arrow {
	float: left;
	width: 245px;
	height: 32px;
	margin-top: 4px;
	background-image: url(../directorygraphics/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
}


.comment {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 16px;
	margin-bottom: 16px;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666666;
}


.interactive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	background-image: url(../directorygraphics/interactiveanalysis.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 16px;
	margin-bottom: 16px;
	padding-top: 24px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}


/****************************  extras *********************/

.extras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding: 8px;
	width: 270px;
	margin-top: 8px;
	margin-bottom: 8px;
	border: 1px solid #999999;
	
}

.extras img{
	margin-bottom: 4px;
	margin-top: 8px;
	text-align: center;
}

.extras p{
	margin-bottom: .6em;	
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> CLIENTS AND PARTONS BOXES >>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/***************dissius collection ************************************/
	
	.double {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	width: 750px;
	margin-left: 8px;
	clear: both;
	margin-right: 16px;
}

.double a:link {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
}

.double a:visited {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.double a:hover {
	text-decoration: none;
    color: #616161;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;	
	}	
	

.double img{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-bottom: 4px;
}

.doubletop {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
	text-align: center;
	margin-bottom: 16px;
	margin-top: 16px;
	clear:both;
}
.doubletop p{
	margin-bottom: 1em;
	
}


.doublecomment {
	margin-top: 8px;
	text-align: left;
}

.doublecomment p{
	margin-bottom: .6em;
	
}

.pictureleft {

	margin-right: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #838383;
	margin-bottom: 2px;
	font-size: 85%;
	text-align: center;
	float: left;
}

.pictureright {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #838383;
	padding-bottom: 2px;
	margin-left: 16px;
	font-size: 85%;
	text-align: center;

}

.picture a:link {
	color: #6F694D;
	text-decoration: none;
	border: none;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.picture a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6F694D;
	font-size: 100%;
	text-decoration: none;
	border: none;
	
	
	}
	
	
.picture a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #A09989;
	font-size: 100%;
	text-decoration: none;
	border: none;
	background-color: #E9E8DA;
}


/************************ dissius styles **************************************/	
		
.dissiusitem {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 85%;
	font-weight: bold;
	color: #666633;
	text-align: center;
	margin-bottom: 8px;
}
dissiusrightimage {
	float: right;
}


.dissiusrightimage {
	float: right;
}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> VERMEER PAINTING DETAILS SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/



.picturedetail {
	float: right;
	width: 375px;
	margin-left: 8px;
	margin-bottom: 8px;
	padding-top: 240px;
	text-align: center;
}

.details {
	float: left;
	width: 370px;
	
	
	
}



#navcontainer 
{
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
}

#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	font-weight: bold;
	color: #999999;
}


#navcontainer a:link {
	color: #978A6F;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
		
	
	
}

#navcontainer a:visited {
	color: #978A6F;
	font-size: 100%;
	text-decoration: none;
	border: none;	
	padding-right: 4px;
	padding-left: 4px;
	
	}
	
	
#navcontainer a:hover {
	color: #BFB7A6;
	font-size: 100%;
	text-decoration: none;
	background-color: #E6E6E6;
	border: 1px solid #978A6F;
	padding-right: 3px;
	padding-left: 3px;
}


detailsright {
	float: left;
	padding-top: 8px;
}
#detailmenu {
	float: left;
	width: 400px;
	padding-top: 100px;
}

#detailpicholder {
	clear: both;
	padding-left: 8px;
	margin-bottom: 16px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>>Dutch Painters SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/************************* styles of seven masters sctions ************************/



.leftcolumn {
	float: left;
	width: 160px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	padding-right: 8px;
	padding-left: 8px;
	margin-right: 8px;
}


.masterpic {
	text-align: center;
	margin-bottom: 16px;
}

.sevenmasters {
	width: 120px;
	margin-top: 24px;
	padding: 4px;
	border: 1px dotted #999999;
}

/**************stlyes for dutch masters section ********************/

.goldentitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	float: left;
	width: 300px;
	margin-left: 16px;
}

.goldentitle a:link {
	color: #666666;
	text-decoration: none;
	border: none;
}

.goldentitle a:visited {
	text-decoration: none;
	color: #666666;
	border: none;
}

.navtwo a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}


h2.goldentitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	margin-bottom: 2px;
	margin-top: 8px;
	font-weight: bold;
	font-style: italic;
	margin-left: 0px;
	
	
}


.goldenreturnindex {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	float: right;
	width: 300px;
	margin-right: 16px;
	margin-top: 16px;
	text-align: right;
	
}


.goldenreturnindex a:link{
color: #B48181;
	text-decoration: none;
	border: none;
padding:0;

}

.goldenreturnindex a:visited{
text-decoration: none;
	color: #B48181;
	border: none;
padding:0;
}


.goldenreturnindex a:hover{
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
	padding:0;
	background-color: #EFEFED;
}


.goldenpchold {
	float: left;
	width: 700px;
	
}
.pichold {
	clear: left;
	padding-left: 18px;
	padding-top: 24px;
	
}



.goldenpic {
	text-align: center;
	width: 600px;
	float: left;
}



.goldenage {
	background-color: #E6E4DF;
	float: left;
	width: 770px;
	padding: 4px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}



 .goldenlist ul{
	list-style-position: outside;
	list-style-type: none;	

}

.goldenlist li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	margin-bottom: 2px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;	
	

		
}

.goldenlist a:link{
color: #B48181;
	text-decoration: none;
	border: none;
padding:0;

}

.goldenlist a:visited{
text-decoration: none;
	color: #B48181;
	border: none;
padding:0;
}


.goldenlist a:hover{
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
	padding:0;
	background-color: #EFEFED;
}


.dutchpntrsindx {
	float: left;
	width: 154px;
	margin-left: 35px;
}


#moreimages {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	float: left;
	margin-top: 20px;
}

#moreimages a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

#moreimages a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

#moreimages a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>> VERMEER PAST AND PRESENT EVENTS SECTION >>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/


h2.events {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	color: #725247;
	letter-spacing: 2px;
	margin-bottom: 2px;
	margin-top: 8px;
	text-transform: uppercase;
	margin-top: 0;
	text-transform: none;
	border:0;
	padding:0;
	margin-right: 0;
	margin-left: 0;
	font-weight: normal;
}

.events {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	clear: both;
	padding-top: 4px;
	padding-left: 8px;
	margin-bottom: 16px;
}
.eventstext {	
     float: right;
	width: 400px;
	padding-right: 8px;
	padding-left: 8px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	padding-top: 8px;
}

.eventstext a:link {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
}

.eventstext a:visited {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.eventstext a:hover {
	text-decoration: none;
    color: #616161;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;	
	}	
	

.eventstext p{
	margin-bottom: 1em;	

}
.eventstopics {
	float: left;
	width: 200px;
	margin-right: 8px;
	padding-top: 8px;
	padding-left: 8px;
	text-align: center;	
}



.eventstopics img{
	border: 2px solid #FFFFFF;
	margin-bottom: 4px;
}
.simplebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #AFAFA0;
	text-align: center;
	padding: 2px;
	float: left;
	clear: both;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-right: 8px;
	margin-left: 8px;
	letter-spacing: 2px;
	width: 300px;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>>FAKE VERMEER'S SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/



.falsetext {
	float: right;
	margin-right: 8px;
	margin-bottom: 16px;
	padding-top: 8px;
	padding-left: 100px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	width: 400px;
}

.falsetext p{
	margin-bottom: .6em;
}


.falsetext a:link {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
}

.falsetext a:visited {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.falsetext a:hover {
	text-decoration: none;
    color: #616161;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;	
	}	



.imageleft {
	float: left;
	margin-left: 8px;
	margin-bottom: 16px;
}


.falsecontainer {
	clear: both;
	margin-top: 16px;
	margin-bottom: 16px;
}

.imageleft img {
	border: none;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>>FRAME SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/



.floralbackground {
	background-image: url(../directorygraphics/sign/damasks/damaskframes.jpg);
	padding: 10px;
	width: 250px;
	border: 1px solid #FFFFFF;
	float: left;
	margin-right: 8px;
}


.floralbackground a:link {
	
	color: #B48181;
	text-decoration: none;
	border: none;
}

.floralbackground a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.floralbackground a:hover {
	
	color: #A09494;
	border: none;
	
	} 
	
	
	.box400right {
	float: left;
	width: 450px;
	
	text-align: center;
}
	
	.frameicondiv {
	float: left;
	height: 100px;
	width: 45px;
	margin-right: 15px;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> GLOSSARY SECTION >>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/



.glossaryholder {
	clear: both;
	text-align: left;
	border-top: 1px dotted #999999;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 16px;
	padding-top: 8px;
}

.glossaryholder p{
	
	margin-bottom: 1em;
	
}


.glossaryholder a:link {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
}

.glossaryholder a:visited {
	text-decoration: none;
	color: #69819C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.glossaryholder a:hover {
	text-decoration: none;
    color: #616161;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;	
	}	

/************************* vermeer-related glossary holder *******************/

.glossaryvermeer {
	color: #697C9C;
	margin-top: 16px;
	
}

.glossaryvermeer p{
	margin-bottom: 1em;	
	
	
}


/************************* title entry style *******************/

h2.glossartitle 
{
	color: #666666;
	letter-spacing: 2px;
	margin-bottom: 8px;
	margin-top: 8px;
	text-transform: uppercase;
	border:0;
	padding:0;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 140%;
}

/************************* div for vermeer sgnature *******************/

.glossarysignature {
	background-image: url(../directorygraphics/vermeer%20signature.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 36px;
	width: 67px;
	margin-right: 8px;
	border: 1px solid #A2AAB9;
}

/************** divs which hold the various glossary enties at the top of the page *************/

.glossaryalphabet {
	background-color: #F5F4F1;
	padding: 4px;
	float: left;
	width: 160px;
	margin-left: 16px;
	margin-bottom: 16px;
	margin-top: 16px;
	border: 1px solid #A2AAB9;
	
}

.glossaryalphabet ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	list-style-image: none;
	list-style-type: none;	
}


.glossaryalphabet li{
	padding-bottom: 1px;
}


.glossaryalphabet a:link {
	color: #666666;
	text-decoration: none;
	border: none;
}

.glossaryalphabet a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.glossaryalphabet a:hover {
	text-decoration: underline;
	color: #CCCCCC;
	border: none;
	background-color: #ffffff;
}


/************************* stlye for the large letter of each glassary list *******************/

.alphabet {
	font-family: "Times New Roman", Times, serif;
	font-size: 120%;
	color: #666666;	
}




	
.vermeerpicsandsigs {
	margin-top: 8px;
	background-image: url(../BASES_CSS/jpeg/museum/vermeersig.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 90px;
	width: 300px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> right top navigator >>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/



.huygensstroy {	border: 1px dotted #CCCCCC;
	padding: 4px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color: #978A6F;
	text-align: center;
}

.huygensstroy a:link {
	
	color: #978A6F;
	text-decoration: none;
	border: none;
	font-size: 100%;
	
}

.huygensstroy a:visited {
	
	
	color: #978A6F;
	font-size: 100%;
	text-decoration: none;
	border: none;
	
	
	}
	
	
.huygensstroy a:hover {
	
	color: #BFB7A6;
	font-size: 100%;
	text-decoration: none;
	border: none;
	background-color: #ffffff;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> INTERVIEW SECTIONS >>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/



.interview {
	color: #69819C;
	font-style: oblique;
	margin-bottom: 12px;
	margin-top: 16px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-top: 4px;
	
} 


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> VERMEER MUSEUM SECTION >>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

h2.vermeermuseums {
	color: #666666;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: none;
	border:0;
	padding:0;
	font-size: 140%;
	width: auto;
	letter-spacing:normal;
	clear: both;
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;	
	
	
}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> LIGHTBOX SECTION >>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> thumbnails with image likns and no borders  >>>>>>>>>>>>>>>>>>>>>>>>*/


.thumbnnails {
	float: left;
	width: 100px;
	margin-top: 16px;
	margin-right: 16px;
	margin-bottom: 16px;
}

#contents .thumbnnails a.image_nobrd {
	text-decoration: none;
	border: none;	
}


#contents  a.image_nobrd {
	text-decoration: none;
	border: none;	
}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> MUSIC SECTIONS >>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*****this div holds adelheid's name ****************/

.adelhied {padding: 3px;
	float: left;
	border: 1px solid #ffffff;
	clear:both
	margin-top: 8px;
	margin-bottom: 16px;
	
}

.musicright {
	float: right;
	border: 1px solid #ffffff;
	background-image: url(../music/musicimages/donc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 200px;
	width: 245px;
}

.resources {
	width: 300px;
	padding: 4px;
	margin-top: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	border: 1px solid #FFFFFF;
	clear: both;	
}

/********************* STYLES FOR LIST INFORMATION BOX  **********************/
.resources ul {
	margin-left: 0;
	padding-left: 1.2em;
	text-indent: -1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-position: inside;
	
}

.resources li {
	margin-bottom: 2px;
	color: #999999;
	list-style-image: none;
	list-style-type: none;
	
	} 

.resources a:link {
	text-decoration: none;
	color: #B48181;
	border: none;
	font-weight: normal;
	
}

.resources a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	font-weight: normal;
	
}

.resources a:hover {
	border: none;
	color: #BEB6B6;
	background-color: #E4E1DA;
	
	} 



/*************  a simple div which just floats right ****************/
.right {
	float: left;
	margin-right: 8px;
}



/*************  a small div which holds the instruments' name in different languages ****************/
.musiclang 

{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	float: right;
	margin-left: 16px;
	border: 1px dotted #ACAB99;
	background-color: #EFEDE9;
	width: 120px;
	padding-top: 4px;
	padding-right: 6px;
	padding-left: 4px;
}

.musiclang p{
	margin-bottom: .5em;	
	

}



/*************  a small div which holds the instruments' name in different languages ****************/
.musiclangfolk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	margin-left: 4px;
	margin-top: 2px;
	border: 1px dotted #ACAB99;
	background-color: #EFEDE9;
	padding: 3px;	
}

.musiclang p{
	margin-bottom: .4em;	
	

}

/*************  div which holds individual instrument resources (internet links ****************/

.musicres{
	margin-bottom: .5em;	
	

}

/*************  div which holds individual instrument reccomended listening (CDs and DVDs)  ****************/
.musicrec{
	margin-bottom: .5em;	
	

}
/*************  div which holds individual instrument MP3 example   ****************/

.musiclisten{
	margin-bottom: .5em;	
	

}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> PALETTE DIVS >>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.palette {
	background-color: #EBEBE7;
	padding: 4px;
	width: 90%;
	margin: auto;
	border: 1px solid #FFFFFF;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 16px;
	margin-left: auto;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> SIGNATURE BOXES >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/**************** SIGNATURE STYLES ************************/


.sign {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-bottom: 8px;
	width: 770px;
	margin-left: 8px;
	clear: both;
}

.sign img{
	float: left;
	margin-bottom: 16px;
	border: 1px solid #999999;
}


.comment {
	float: right;
	width: 300px;
	margin-top: 4px;
	margin-right: 8px;
	font-style: italic;
}
.picture {
	float: right;
	width: 240px;
	margin-top: 4px;
	margin-right: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #838383;
	margin-bottom: 16px;
	font-size: 85%;
}

.picture a:link {
	color: #6F694D;
	text-decoration: none;
	border: none;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.picture a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6F694D;
	font-size: 100%;
	text-decoration: none;
	border: none;
	
	
	}
	
	
.picture a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #A09989;
	font-size: 100%;
	text-decoration: none;
	border: none;
	background-color: #E9E8DA;
}




/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> XL CATALOGUE SECTION >>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/




/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> XXL CATALOGUE SECTION >>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/






/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.>>>> IMAGES HOLDERS >>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/**************** SIMPLEST RIGT FLOAT FFOR IMAGE WIT PADDING *****************/


.simplefloatrimage {
	float: left;
	margin-right: 8px;	


}


/**************** MAIN DIV FOR IMAGES FOR SIDEBAR WITH TEXT AND LINKS STYLES *****************/

.boximagecaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	text-align: center;
	width: 90%;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-right: auto;
	margin-left: auto;
}


.boximagecaption a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.boximagecaption a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.boximagecaption a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

.boximagecaption img{
	margin-bottom: 2px;
	border: 1px solid #666600;
}

.boximagecaption p{
	clear: both;
	margin-bottom: .4em;	
}




/************ IMAGE HOLDER 150 WIDE *************************/
.imagehold100 {
	float: left;
	margin-right: 16px;
	width: 100px;
	margin-top: 4px;
	text-align: center;
	color: #666666;
	font-size: 85%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C6C1B0;
	border-bottom-color: #C6C1B0;
	padding-top: 8px;
	padding-bottom: 5px;
	
}

.imagehold100 a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}
.imagehold100 a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	
}
.imagehold150 a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
	
}

.imagehold100 img{
	margin-bottom: 2px;
	border: 1px solid #ffffff;

}

.imagehold100 p{
	clear: both;
	margin-bottom: .4em;	
}

/************ IMAGE HOLDER 150 WIDE for expert boxes*************************/

.imagehold150exprts {
	float: left;
	margin-right: 16px;
	width: 150px;
	margin-top: 4px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C6C1B0;
	border-bottom-color: #C6C1B0;
	padding-top: 8px;
	padding-bottom: 5px;
	
}

.imagehold150exprts a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}
.imagehold150exprts a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	
}
.imagehold150 a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
	
}

.imagehold150exprts img{
	margin-bottom: 2px;
	border: 1px solid #ffffff;

}

.imagehold150exprts p{
	clear: both;
	margin-bottom: .4em;	
}

/************ IMAGE HOLDER 150 WIDE *************************/


.imagehold150 {
	float: left;
	margin-right: 16px;
	width: 150px;
	margin-top: 4px;
	text-align: center;
	color: #666666;
	font-size: 85%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C6C1B0;
	border-bottom-color: #C6C1B0;
	padding-top: 8px;
	padding-bottom: 5px;
	
}

.imagehold150 a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}
.imagehold150 a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	
}
.imagehold150 a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
	
}

.imagehold150 img{
	margin-bottom: 2px;
	border: 1px solid #ffffff;

}

.imagehold150 p{
	clear: both;
	margin-bottom: .4em;	
}


/*********************************IMAGE HOLDER 200 PIXEL *************************/
.imagehold200 {
	float: left;
	color: #666666;
	margin-right: 15px;
	width: 200px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C6C1B0;
	border-bottom-color: #C6C1B0;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.imagehold200 a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}
.imagehold200 a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	
}
.imagehold200 a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
	
}

.imagehold200 img{
	margin-bottom: 2px;
	border: 1px solid #ffffff;

}

.imagehold200 p{
	clear: both;
	margin-bottom: .4em;	
}

/********************************* IMAGE HOLDER 220 PIXEL*********************************/
.imagehold220 {
	float: left;
	color: #999999;
	margin-right: 15px;
	width: 220px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C6C1B0;
	border-bottom-color: #C6C1B0;
	padding-top: 8px;
	padding-bottom: 8px;
}

.imagehold220 a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}
.imagehold220 a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	
}
.imagehold220 a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
	
}

.imagehold220 img{
	margin-bottom: 2px;
	border: 1px solid #ffffff;

}

.imagehold220 p{
	clear: both;
	margin-bottom: .4em;	
}
/********************************* IMAGE HOLDER 250 PIXEL *************************/

.imagehold250{
	float: left;
	color: #999999;
	margin-right: 15px;
	width: 250px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C6C1B0;
	border-bottom-color: #C6C1B0;
	padding-top: 8px;
	padding-bottom: 8px;
}

.imagehold250 a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}
.imagehold250 a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	
}
.imagehold250 a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
	
}

.imagehold250 img{
	margin-bottom: 2px;
	border: 1px solid #ffffff;

}

.imagehold250 p{
	clear: both;
	margin-bottom: .4em;	
}
/********************************IMAGE HOLDER 300 PIXEL *****************************/
.imagehold300{
	float: left;
	color: #999999;
	margin-right: 15px;
	width: 300px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C6C1B0;
	border-bottom-color: #C6C1B0;
	padding-top: 8px;
	padding-bottom: 8px;
}


.imagehold300 a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}
.imagehold300 a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	
}
.imagehold300 a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
	
}

.imagehold300 img{
	margin-bottom: 2px;
	border: 1px solid #ffffff;

}


.imagehold300 p{
	clear: both;
	margin-bottom: .4em;	
}
/*

/********************************* IMAGE HOLDER FLUID *************************/
.imagehold{
	float: left;
	color: #999999;
	margin-right: 15px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C6C1B0;
	border-bottom-color: #C6C1B0;
	padding-top: 8px;
	padding-bottom: 8px;
}

.imagehold a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}
.imagehold a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	
}
.imagehold a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
	
}

.imagehold img{
margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #ffffff;

}

.imagehold p{
	clear: both;
	margin-bottom: .4em;	
}





.imageholdnoline{
	float: left;
	color: #999999;
	margin-right: 15px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	padding-top: 8px;
	padding-bottom: 8px;
}

.imageholdnoline a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}
.imageholdnoline a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	
}
.imageholdnoline a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
	
}

.imageholdnoline img{
margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #ffffff;

}

.imageholdnoline p{
	clear: both;
	margin-bottom: .4em;	
}
/************************** FLOAT LEFT *******************************/

.floatleft{
	border: none;
	float: left;
	margin-right: 8px;
	
}



.box200left {
	float: left;
	width: 200px;
	padding-left: 10px;
}	


.box300left {
	float: left;
	width: 275px;
	padding-left: 10px;
}



.box50percentpad {
	text-align: left;
	float: right;
	width: 50%;
	padding-left: 8px;
}

.box50percentpad p{
	margin-bottom: 1em;	
	
	
}




.box390pad {
	float: left;
	width: 370px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.box390pad p{
	margin-bottom: 1em;	
	
	
}



.box250nopad {
	float: left;
	width: 250px;
}





/********* ******************* YELLOW TEXT=BOX OLD STYLE for MUSEUMS WEB PAGES************************/
.div245right {
	text-align: center;
	float: right;
	width: 245px;
	margin-top: 28px;
	background-image: url(../directoryimages/guitar_museum.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	padding-top: 280px;
}

.boxyellowmuseums {
	width: 90%;
	background-color: #efeee2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #999999;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 8px;
	border: 1px solid #BEC6B7;
}

.boxyellowmuseums p{
	
	margin-bottom: .6em;
	
}

.boxyellowmuseums a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.boxyellowmuseums a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.boxyellowmuseums a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}


.museumhome{
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.museumhome img {
	border: 1px solid #FFFFFF;
	
}

.bar {
	font-family: Helvetica, sans-serif, Arial;
	color: #FFFFFF;
	letter-spacing: 5px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #BEC6B7;
	font-weight: bold;
	font-size: 85%;
	clear: both;
	border: 1px solid #FFFFFF;
	width: 50%;
	margin-bottom: 16px;
	margin-right: auto;
	margin-left: auto;
}




.boximagecaptionw {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #FFFFFF;
	text-align: center;
	width: 90%;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-right: auto;
	margin-left: auto;
}


.boximagecaptionw a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}
 
.boximagecaption a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.boximagecaptionw a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

.boximagecaptionw img{
	margin-bottom: 2px;
	border: 1px solid #666600;
}


/*********  LIGHT GRAY TEXT BOX OLD STYLE  ************************/


.boxgray {
	float: right;
	width: 235px;
	border: 1px solid #FFFFFF;
	background-color: #E6E4DF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	padding: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 8px;	
}

.boxgray a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.boxgray a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.boxgray a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
	}
	
	
	.boxgray p {
	margin-bottom: .6em;	
	}
/********* LIGHT GRAY TEXTBOX 90% ************************/


.boxgraypercent {
	float: none;
	width: 80%;
	border: 1px solid #FFFFFF;
	background-color: #E6E4DF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	padding: 8px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	margin-bottom: 8px;	
}

.boxgraypercent a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.boxgraypercent a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.boxgraypercent a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
	}
	
	
	.boxgraypercent p {
	margin-bottom: .6em;	
	}


/***************** RIGHT SIDEBAR FOR PALETTE SECTION *************************/

.sidebarcontainer{
    
	margin-bottom: 16px;
	
	margin-top: 16px;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
}


.sidebarmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #ACA595;
	padding: 2px;
	text-align: center;
}

.sidebarpointer {
	background-image: none;
	clear: both;
	padding: 4px;
	color: #C1C0B5;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ACA595;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #ACA595;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #ACA595;
	
	}

.sidebarpointer ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	list-style-position: inside;
	font-size: 85%;
	list-style-image: none;
	margin-left: 0;
	padding-left: 2em;
	text-indent: -1.2em;
	}
	
	.sidebarpointer li {
	padding-bottom: 3px;
	
	}
	
.sidebarpointer a:link {
    

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A79F8F;
	border: none;
	font-weight: normal;
	text-decoration: none;		
	
	}	
	
.sidebarpointer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A79F8F;
	text-decoration: none;
	border: none;
	font-weight: normal;
	}
	
	
.sidebarpointer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CBCDCF;
	text-decoration:none;
	border: none;
	font-weight: normal;
	
}


/**********************************************************************/
/********************** TECHNICAL SECTION *****************************/
/**********************************************************************/
#techdescription {
	float: left;
	width: 350px;
	padding-left: 8px;
	
}


#techdescription p{
	margin-bottom: 0.6em;
	clear: both;
}


#techimagesholder {
	float: left;
	width: 380px;
	margin-left: 16px;
	text-align: center;
}



.techimages {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #C0B9A9;
	padding: 4px;
	margin-top: 16px;
	margin-bottom: 16px;
	border: 1px solid #FFFFFF;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	font-size: 85%;
	text-align: center;
}

.techimages img{
	margin-top: 8px;
	margin-bottom: 8px;
	border: 3px solid #E0DED6;
	margin-right: auto;
	margin-left: auto;
	
}


.techimages p{
	margin-bottom: 0.6em;
	clear: both;
}






/***************************************************************************************************************/
/*************************************** UNSURE STUFF ***************************************************/
/***************************************************************************************************************/





/*****************************************************************************************************/
/******** tiles and varios drawings for fillers and various decorational effects *********************/
/****************************************************************************8888*********************/



.tilea {
	background-image: url(../directorygraphics/tiles/tile_d.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 102px;
}
.tileasp {
	background-image: url(../directorygraphics/tiles/tile_d.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 102px;
	margin-top: 16px;
	margin-bottom: 16px;
} 
.tileb {
	background-image: url(../directorygraphics/tiles/tile_a.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 102px;
}

.tilebsp {
	background-image: url(../directorygraphics/tiles/tile_a.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 102px;
	margin-top: 16px;
	margin-bottom: 16px;
}
.tilec {
	background-image: url(../directorygraphics/tiles/tile_b.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 102px;
}

.tilecsp {
	background-image: url(../directorygraphics/tiles/tile_b.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 102px;
	margin-top: 16px;
	margin-bottom: 16px;
}
	








.sidebarspacer {
	background-image: url(../directorygraphics/tiles/aaa.jpg);
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	height: 90px;
	margin-top: 16px;
	margin-bottom: 16px;
}

.sidebarspacera {
	background-image: url(../directorygraphics/tiles/aab.jpg);
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	height: 105px;
	margin-top: 16px;
	margin-bottom: 16px;
}


.spcrhat {
	background-image: url(../directorygraphics/tiles/aac.jpg);
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	height: 87px;
	margin-top: 16px;
	margin-bottom: 16px;
}





/**************************************************************************************/
/********************* CATALOGUE STYLES ************************************************/
/**************************************************************************************/


/************* Styles for the three page list of complete vermeer catalogue ***********/





/*******div which holds pciture information in XL and XXL catalogue pages **************/
.floatleftpic {
	float: left;
	width: 300px;
	margin-right: 200px;
	margin-top: 16px;	
}
/**div which holds painting links for XL and XXl pages *********************/



.floatleftinfo {
	float: left;
	width: 285px;
		
}



/**************************************************************************************/
/********************* GARBAGE ???? ************************************************/
/**************************************************************************************/
/******* a gray fluid box which can be placed over the div above for a row of horizontal images ************/



/**************************************************************************************/
/********************* HOME PAGE FORMAT DIVS ************************************************/
/**************************************************************************************/
/******* a gray fluid box which can be placed over the div above for a row of horizontal images ************/



.tileb {
	background-image: url(../directorygraphics/tiles/tile_a.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 102px;
}




/**************************************************************************************/
/*********************            H E A D E R S             ***************************/
/**************************************************************************************/
/********************** div che contiene l'immagine*/

#logo {
	background-color: #ACA595;
	background-image: url(../trial%20headings/essentialvermeerlogo.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3DFD7;
}






/***************** HEADRE MENU LIST ***************** */



/*******************************************************/
/***************** HEADER MENU LIST ***************** */
/*******************************************************/
#menuover {
	background-color: #ACA595;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	letter-spacing:2px;
	text-transform: uppercase;
	background-image: url(../directorygraphics/headers/topevlogo.jpg);
	background-repeat: no-repeat;
	background-position: 8px 0px;
	height: 30px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3DFD7;
	padding-top: 30px;
	width: 100%;
}




#menuover ul {

	list-style:none;
	margin:auto;
	padding:0;



}


#menuover li {


	margin:0;
	padding:0;
	list-style:none;
	padding-top: 7px;
	padding-bottom: 7px;
	float:left;
}




#menuover a:link{
	border:none;
	text-decoration:none;
	color:#F4F3F0;
	font-size:10px;
	border-right:1px solid #C2BDA7;
	background-color:#A9A594;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


#menuover a:hover{

	color: #FFFFFF;
	background-color: #AEAA99;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	margin:0;
}


#menuover a:visited{
	color:#FFFFFF;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	margin:0;
	text-decoration:none;
	border-right:1px solid #C2BDA7;
}

/**************************************************************************************/
/*****************************IMAGE DIVS FOR VARIOUS HEADER SECTIONS ********************/
/**************************************************************************************/

#books {
	background-image: url(../directorygraphics/headers/h_books.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
} 


#details {
	background-image: url(../directorygraphics/headers/h_milkmaida.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#events {
	background-image: url(../directorygraphics/headers/h_events.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#headerimageastro{
	background-image: url(../directorygraphics/headers/h_astro.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#headerimagecatharina{
	background-image: url(../directorygraphics/headers/h_catharina.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}


#headerimagedelfttoday{
	background-image: url(../directorygraphics/headers/delt_today.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#headerimagedelfttodaya{
	background-image: url(../directorygraphics/headers/h_delfttoday.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#headerimagedelfttodayb{
	background-image: url(../directorygraphics/headers/h_delfttoday_b.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}


#headerimagedissiusdoc {
	background-image: url(../directorygraphics/headers/h_dissius.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#headerimageemblem{
	background-image: url(../directorygraphics/headers/h_emblem.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#headerimagehuygenswriting {
	background-image: url(../directorygraphics/headers/h_huygenspoem.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 130px;
	width: 780px;
}

#headerimagelace {
	background-image: url(../directorygraphics/headers/h_lace.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 104px;
	width: 780px;
}



#headerimagemilkmaid {
	background-image: url(../directorygraphics/headers/h_milkmaid.jpg);
	height: 87px;
	width: 780px;
}



#headerimagefolk {
	background-image: url(../directorygraphics/headers/h_folk.jpg);
	height: 172px;
	width: 780px;
}


#headerimagemusicscore{
	background-image: url(../directorygraphics/headers/h_musicscore.jpg);
	height: 130px;
	width: 780px;
}

#headerimageofficer{
	background-image: url(../directorygraphics/headers/h_officer.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#ruisdaelb {
	background-image: url(../directorygraphics/headers/h_ruisdaelb.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#oudedelft {
	background-image: url(../directorygraphics/headers/h_oudedelft.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#poel {
	background-image: url(../directorygraphics/headers/header_poel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}


#schipluiden {
	background-image: url(../directorygraphics/headers/header_schipluiden.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#ruisdaelc {
	background-image: url(../directorygraphics/headers/h_ruisdaelc.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}



#headerimagestreet{
	background-image: url(../directorygraphics/headers/h_street.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}


#headerimagehalsmuseum{
	background-image: url(../directorygraphics/headers/h_halsmuseum.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#headerimagehaslmuseumb{
	background-image: url(../directorygraphics/headers/h_halsmuseumb.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}



#headerimagesignature{
	background-image: url(../directorygraphics/headers/h_signature_a.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#headerimagetimeline{
	background-image: url(../directorygraphics/headers/timeline_a.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

/************************** HEADERS DIVS************************************/
#bleau {
	background-image: url(../directorygraphics/headers/h_bleau.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}



#carillon {
	background-image: url(../directorygraphics/headers/h_carillon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 192px;
	width: 780px;
} 



#lace {
	background-image: url(../trial%20headings/onef.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 173px;
	width: 780px;
}




#astronomer {
	background-image: url(../trial%20headings/onec.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}
#standing {
	background-attachment: fixed;
	background-image: url(../trial%20headings/onea.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}
#dissius {
	background-image: url(../trial%20headings/headerlife.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}

#main {
	background-image: url(../trial%20headings/onedd.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 268px;
	width: 780px;
}
#catharina {
	background-image: url(../directorygraphics/headers/h_catharina.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}






#ruisdael {
	background-image: url(../directorygraphics/headers/h_ruisdael.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 180px;
	width: 780px;
}





#heyden {
	background-image: url(../directorygraphics/headers/h_heyden.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 160px;
	width: 780px;
}

/*******************************************************************************/
/************************ TIME OF VERMEER'S LIFE SECTION **********************/
/*****************************************************************************/
.timelineimages {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	vertical-align: top;
	width: 130px;
	float: left;
	margin-right: 8px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #B0B0B0;
}


.timelineimages img{
	margin-top: 8px;
	margin-bottom: 3px;
	border: 2px solid #FFFFFF;	

}

.timelinetext{
	float: left;
	width: 370px;	

}



.life {
color: #6633CC;



}

.life p{
	margin-bottom: .8em;



}

.dtchpntng {
color: #4E815F;



}

.dtchpntng p{
	margin-bottom: .8em;



}

.eurppntg {
color: #7D6F4F;



}


.eurppntg p{
	margin-bottom: .8em;



}

.music {
color: #009999;



}

.music p{
	margin-bottom: .8em;



}


.lit {
color: #996600;



}

.lit p{
	margin-bottom: .8em;



}


.science {
color: #87538C;



}

.science p{
	margin-bottom: .8em;



}


.hstry {
color: #403476;



}

.hstry p{
	margin-bottom: .8em;



}

.age{
	margin-bottom: 0.8em;
	margin-top: 0.8em;
	font-family: "Times New Roman", Times, serif;
	font-size: 160%;
	font-style: italic;
	text-align: center;	
}

/********************************************************************************************/
/***************************************VARIOUS MISC. LISTS ********************************/
/*********************************************************************************************/




/************************* CATALOGUE RESOURCES LIST **************************************/

.catbib 
{
	list-style-type: none;
	text-align:left;
	list-style-image: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AFAF9E;
	width:90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 16px;
	margin-bottom: 8px;
}


.catbib  ul
{
	
	list-style: none;
	
}

.catbib li
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #AFAF9E;
	border-right-color: #AFAF9E;
	border-bottom-color:#AFAF9E;
	border-left-color: #AFAF9E;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	font-family: "Times New Roman", Times, serif;
	color: #666666;
}

.catbib li a:link {
	text-decoration: none;
	color: #B48181;
	border: none;
	font-weight: bold;	
	}
	
	.catbib li a:visited {
	color: #B48181;
	text-decoration: none;
	border: none;
	font-weight: bold;	
	
	}
	
.catbib li a:hover {
	border: none;
	color: #BEB6B6;
	font-weight: bold;	
	
	}
	
	
/********************** LIST WITH WHITE BOX BACKGROUND IMAGE AND VERDANA TEXT  ****************/


.listbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6A8395;
	margin-top:16px;
	margin-bottom: 16px;	
	list-style-type:none;
	list-style-image: url("../directorygraphics/spacerboxw.gif");
	text-align: left;
	font-weight: bold;
	list-style-position: inside;
	}
	
	
	
	.listbox ul {

	margin-left: 0;
	padding-left: 2em;
	text-indent: -1.6em;
	
	}
	

.listbox li {
	font-family: Book Antiqua;
	color: #B4B4AF;
	margin-left:20px;
	
	
	}
	
#contents .listbox a:link {
	font-family: "Book Antiqua";
	color: #A28077;
	border: none;
	font-weight: normal;
	text-decoration: none;	
	
	}	
	
#contents .listbox a:visited {
	font-family: "Book Antiqua";
	color: #B0A29F;
	text-decoration: none;
	border: none;
	
	
	}
	
	
#contents .listbox a:hover {
	font-family: "Book Antiqua";
	color:#AF9B98;
	text-decoration: underline;
	border: none;
}

/********** LIST WITH CROSS BACKGROUND IMAGE AND "FOUR" TEXT STYLE *******************************/



.listcross {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C0AFAD;
	margin-left:15px;
	font-size: 85%;
	font-weight: bold;
}



.listcross li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url("../directorygraphics/cross.gif");
	padding-bottom: 2px;	
	
	}
	
.listcross a:link {
    
	list-style-image: url("../directorygraphics/cross.gif");
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #B48181;
	border: none;
	font-weight: normal;		
	
	}	
	
.listcross a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url("../directorygraphics/cross.gif");
	color: #B48181;
	text-decoration: none;
	border: none;
	font-weight: normal;
	}
	
	
.listcross a:hover {
	list-style-image: url("../directorygraphics/cross.gif");
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C0AFAD;
	text-decoration: underline;
	border: none;
	font-weight: normal;	
	
}



/*****************  simple list with box bullet and no underlaine and light red links *****************/
/*****************  simple list with box bullet *****************/
.boxnodec{
	
	margin-left:20px;
	list-style-type:none;
	list-style-image: url("../directorygraphics/spacerboxw.gif");
	
	}
	.box ul {

	list-style-image: url("../directorygraphics/spacerboxw.gif");
	
	}
	

.boxnodec li {
	padding-bottom: .4em;	

	
	}
	
.boxnodec a:link {
	text-decoration: none;
	border: none;
	
	color: #B48181;	
	
	}	
	
.boxnodec a:visited {
	text-decoration: none;
	border: none;
	color: #B48181;	
	}
	
	
.boxnodec a:hover {
	text-decoration: underline;
	color: #BEB6B6;
}

/**************   list with pages bullet *****************/



.pages ul{


}

.pages li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-left: 0.4em;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 1.5em;
	background-image:url(../directorygraphics/grafics/page.gif);
	height: 1.5em;
	color: #999999;
	list-style-position: inside;
	list-style-type:none;	
}

.pages a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}

.pages a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	text-decoration: none;
}

.pages a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
	text-decoration: none;
}


#collaboration {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	padding: 4px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
	border: 1px solid #E2E0D8;
	color: #999999;
	width: 80%;
}


/******** style which eliminates underline from links but leaves hover and color the same & has magnftinglasss bckground inage************/

.imageholdlightbox {
	float: left;
	margin-right: 6px;
	margin-bottom: 4px;
	margin-top: 3px;
	padding-right: 14px;
	background-image: url(../directorygraphics/grafics/magnfyglasslightbox.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	color: #666666;	
	
}

.imageholdlightbox img{
	
	margin-bottom: 4px;

}

.imageholdlightbox p{
	margin-bottom: 4px;
	clear: both;	

}
/***********imagehod with line above and below 150 pixels wide*************************/
.imageholdlightboxline150 {
	float: left;
	margin-right: 6px;
	margin-bottom: 4px;
	margin-top: 3px;
	padding-right: 14px;
	padding-top: 6px;
	background-image: url(../directorygraphics/grafics/magnfyglasslightbox.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 150px;
}

.imageholdlightboxline150 img{
	
	margin-bottom: 4px;
	border: 0px;

}
.imageholdlightboxline150 p{
	margin-bottom: 4px;
	clear: both;
	
	}
	
.imageholdlightboxline200 a:link{
	
	text-decoration: none;
	border: none;
	
}


.imageholdlightboxline200 a:visited{
	
	text-decoration: none;
	border: none;
	
}

.imageholdlightboxline200 a:hover {
	
	text-decoration: none;
	border: none;
}		




/***********imagehod with line above and below 200 pixels wide*************************/
.imageholdlightboxline200 {
	float: left;
	margin-right: 6px;
	margin-bottom: 4px;
	margin-top: 3px;
	padding-right: 14px;
	padding-top: 6px;
	background-image: url(../directorygraphics/grafics/magnfyglasslightbox.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C6C1B0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C6C1B0;
	width: 200px;
}

.imageholdlightboxline200 img{
	
	margin-bottom: 4px;
	border: 0px;

}
.imageholdlightboxline200 p{
	margin-bottom: 4px;
	clear: both;	

}


.imageholdlightboxline200 a:link{
	
	text-decoration: none;
	border: none;
	
}


.imageholdlightboxline200 a:visited{
	
	text-decoration: none;
	border: none;
	
}

.imageholdlightboxline200 a:hover {
	
	text-decoration: none;
	border: none;
}	

.imageholdlightboxline200 p {
	
	margin-bottom:.8em
}



/***********imagehod with line above and below 200 pixels wide*************************/

.nobrd a:visited{
	
	text-decoration: none;
	border: none;
	
}

.nobrd a:hover {
	
	text-decoration: underline;
	border: none;
}	

.nobrd p {
	
	margin-bottom:.8em
}

/******** lightbox tour section with thmubnnails and brief text ************/

#lightboxholder {
	clear: both;
	margin-top: 16px;
}

.lightboxhead {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-top: 8px;
	margin-bottom: 8px;
}

.imageholdlightbox_b {
	float: left;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-top: 4px;
	padding-right: 14px;
	background-image: url(../directorygraphics/grafics/magnfglassed.png);
	background-repeat: no-repeat;
	background-position: 123px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	height: 120px;
	width: 120px;	
}
.lightboxtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	float: right;
	width: 330px;
	margin-top: 8px;
}
.lightboxline {
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;	
	
	
}

.idea {
	background-image: url(../directorygraphics/grafics/infosmall.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 0px;
}




/***********lightbox vermeers rooms*************************/


.lightboxroomslarge {
	float: left;
	margin-right: 6px;
	margin-bottom: 4px;
	margin-top: 3px;
	padding-right: 14px;
	padding-top: 6px;
	background-image: url(../directorygraphics/grafics/magnfyglasslightbox.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	color: #666666;
	width: 230px;
}

.lightboxrooms {
	float: left;
	margin-right: 20px;
	margin-bottom: 18px;
	margin-top: 3px;
	padding-right: 15px;
	padding-left: 7px;
	padding-top: 7px;
	padding-bottom: 4px;
	background-image: url(../directorygraphics/grafics/magnfyglasslightbox.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	color: #666666;
	width: 230px;
	border: 1px solid #CCCCCC;	
}

.lightboxrooms img{
	
	margin-bottom: 4px;
	border: 0px;

}
.lightboxrooms p{
	margin-bottom: 4px;
	clear: both;	

}


.lightboxrooms a:link{
	
	text-decoration: none;
	border: none;
	
}


.lightboxrooms a:visited{
	
	text-decoration: none;
	border: none;
	
}

.lightboxrooms a:hover {
	
	text-decoration: none;
	border: none;
}	

.lightboxrooms p {
	
	margin-bottom:.8em
}




/******************************simple numbered list with indent*****************************/

.simplenumber ol{
    list-style-position: inside;
	margin-left: 4em;
	padding-left: 1.2em;
	

}

.simplenumber li{
	list-style-position: inside;
	text-indent: -1.6em;
	margin-left: 1.6em;
	margin-bottom: .4em;
}

.simplenumber a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}

.simplenumber a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	text-decoration: none;
}

.simplenumber a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
	text-decoration: none;
}


.howto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	
	margin-bottom: 16px;
	margin-top: 16px;
	width: 160px;
	border: 1px dotted #A7A48B;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.howto a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}
.howto a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	
}
.howto a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
	
}

.howto img{
	margin-bottom: 2px;
	border: 1px solid #ffffff;

}

.howto p{
	clear: both;
	margin-bottom: .4em;	
}



.pagessimple ul{



}

.pagessimple li{
	
	
	

	padding-bottom: 8px;
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 1.5em;
	background-image:url(../directorygraphics/grafics/page.gif);

	
	list-style:none;
	
	

}



/********************** very simple descending list with no styling *****************************/

.simplelist{
margin-bottom: 8px;	
	
	}


.simplelist ul{
	margin-left: 0;
	list-style-image: none;
	list-style-type: none;		
	}
	

	.simplelist li{
	padding-bottom: .8em;
	list-style-image: none;
	list-style-type: none;	
	}




/***************** art.com box ***************** */
.artcombox {
	background-image: url(../directorygraphics/grafics/artcomsingleworks.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	float: right;
	width: 140px;
	padding-top: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9F9F8D;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	color: #9F9F8D;
}

.artcombox a:link {

	
	text-decoration: none;
	color: #9F9F8D;
	border: none;
		
	}
	
	
.artcombox a:visited {
	
	text-decoration: none;
	color: #9F9F8D;
	border: none;
		
	}
	
	
.artcombox a:hover {
	color: #CCCCCC;
	
	}
	
	
	/**************************500 WIDE LEFT-HAND TEXT HOLDER ********************/

.expertboxtop {
	width: 500px;
	height: 20px;
	background-image: url(../directorygraphics/grafics/experttopS.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
}

.expertbox {
	width: 482px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 16px;
	float: left;
	clear: both;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #969381;
	border-bottom-color: #969381;
	border-left-color: #969381;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #81806B;
}

.expertbox p{
	margin-bottom: .6em;
}


.expertbox a:link {
	text-decoration: none;
	color: #81806B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #81806B;
}

.expertbox a:visited {
	text-decoration: none;
	color: #81806B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #81806B;
}

.expertbox a:hover {
	text-decoration: none;
    color: #ADAC9C;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ADAC9C;	
	}	
	
		/**************************Classification and Etymology ********************/
	
	
	
.classificationtop {
	height: 20px;
	background-image: url(../directorygraphics/grafics/classificationtopS.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 500px;
}

.classification {
	width: 482px;
	padding-top: 2px;
	padding-left: 8px;
	padding-right: 8px;
	clear: both;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #969381;
	border-bottom-color: #969381;
	border-left-color: #969381;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #81806B;
}

.classification p{
	margin-bottom: .6em;
}

.classification a:link {
	text-decoration: none;
	color: #81806B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #81806B;
}

.classification a:visited {
	text-decoration: none;
	color: #81806B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #81806B;
}

.classification a:hover {
	text-decoration: none;
    color: #ADAC9C;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ADAC9C;	
	}	



	


/**************************rounded corners ********************/
.roundcornerstop {
	font-family: "Times New Roman";
	font-size: 100%;
	background-image: url(directorygraphics/roundcornerstopSHD.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 242px;
	margin-top: 16px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 4px;
	padding-left: 4px;
	height: 12px;
}


.roundcornersbot {
	
	background-image: url(directorygraphics/roundcornersbottom.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 242px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 4px;
	padding-left: 4px;
	height: 12px;

}


.roundcornersmid {
	font-family: "Times New Roman";
	font-size: 100%;
	width: 236px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 6px;
	padding-left: 6px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #6699CC;
	border-left-color: #6699CC;
	background-image: url(directorygraphics/roundcornersmiddle.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.roundcornersmid p{

margin-bottom: 6px;

}

.roundcornersmid #lastp { 

margin-bottom: 0px;


}

#adearring {
	background-image: url(../directoryimages/ad_gwape.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #999999;
	clear: both;
	height: 100px;
	width: 145px;
	margin-top: 16px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 150px;
	text-align: center;
}

#adearring a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

#adearring a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

#adearring a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

#adearring img{
	margin-bottom: 2px;
	border: 1px solid #666600;
}

#adearring p{
	clear: both;
	margin-bottom: .4em;	
}


#adearringgray {
	background-image: url(../directoryimages/ad_earring_gray.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	height: 100px;
	width: 145px;
	margin-top: 4px;
	padding-top: 160px;
	text-align: center;
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}

#adearringgray a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

#adearringgray a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

#adearringgray a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

#adearringgray img{
	margin-bottom: 2px;
	border: 1px solid #666600;
}

#adearringgray p{
	clear: both;
	margin-bottom: .4em;	
}


/************************** past newsletters index ********************/


#pastnewsletters {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	float: right;
	margin-right: 12px;
	margin-top: 8px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #CCAAAA;
	width: 240px;
}

#pastnewsletters img{
	float: left;
	margin-right: 8px;
	margin-bottom: 4px;
	border: 2px solid #FFFFFF;	
}

/************************** TOP AD FOR COMPLETE INTERACTIVE VERMEER CATALOGUE ********************/

#completecatalogueadsmall {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 416px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
	border: 2px solid #999999;
	background-color: #F4F1F0;
	height: 94px;
	background-image: url(../catalogue/graphics/astronomer_ad_C.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 350px;
	text-align: center;
	color: #4E6072;
}

#completecatalogueadsmall p{
	
	font-size: 85%;
	margin-bottom: 4px;
	
}

.smalltextforinteractivead {
	
	font-size: 85%;
	
}

#completecatalogueadsmall a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

#completecatalogueadsmall a:visited {
	color: #B48181;
	text-decoration: none;
	border: none;
}

#completecatalogueadsmall a:hover {
	text-decoration: none;
	color: #BEB6B6;
	border: none;
}



/************************** DONATION APPEALS ********************/



#listentoappeal {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 780px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
	border: 2px solid #999999;
	background-color: #F4F1F0;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
		
	}

#listentoappeal a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	font-size: 12px;

}


#listentoappeal  a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	font-size: 12px;

}


#listentoappeal a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
	font-size: 12px;
}


.appealaierial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.appealaierialtop {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
}

#headerimagelesson   {
	background-image: url(../directorygraphics/headers/h_lesson.jpg);
	height: 180px;	
}


/************************** SIMPLE NUMBERED LIST ********************/


.numerato{
	
	padding-left: 30px;
	margin-top: 8px;
	padding-top: 8px;
}

.numerato ol{
    list-style-position:inside;
	margin-bottom: 16px;
	
	padding-left: 1.2em;
	text-indent: -20em;	
}
.numerato li{
	margin-bottom: 3px;
	
	
}
.numerato a:link {
color: #69819C;
    text-decoration: none;
	border: none;
}

.numerato a:visited {
     color: #69819C;
		border: none;
	text-decoration: none;
}
	

.numerato a:hover {
	text-decoration: underline;
	border: none;
	color: #616161;
	}



/***************** allposters box ***************** */
.posterbox{
	
	text-align: center;
	float: left;
	width: 150px;
	color: #9F9F8D;
	font-family: "Times New Roman";
	padding: 2px;
	border: 1px solid #B1B1A3;
	margin-top: 16px;
	margin-left: 100px;
}

.posterbox a:link {
	text-decoration: none;
	color: #9F9F8D;
	border: none;
	font-family: "Times New Roman";		
	}
	
	
.posterbox a:visited {
	
	text-decoration: none;
	color: #9F9F8D;
	border: none;
	font-family: "Times New Roman";	
		
	}
	
	
.posterbox a:hover {
	color: #CCCCCC;
	font-family: "Times New Roman";	
	}	
	
	
	/***************** allposters box ***************** */
.posterboxb{
	text-align: center;
	float: left;
	width: 150px;
	color: #9F9F8D;
	font-family: "Times New Roman";
	padding: 2px;
	border: 1px solid #B1B1A3;
	margin-top: 16px;
	margin-bottom: 16px;
	clear: both;
}

.posterboxb a:link {
	text-decoration: none;
	color: #9F9F8D;
	border: none;
	font-family: "Times New Roman";		
	}
	
	
.posterboxb a:visited {
	
	text-decoration: none;
	color: #9F9F8D;
	border: none;
	font-family: "Times New Roman";	
		
	}
	
	
.posterboxb a:hover {
	color: #CCCCCC;
	font-family: "Times New Roman";	
	}	
	
	
	/************************** TRAVEL BOX ********************/


#travels {
	font-size: 85%;
	width: 180px;
	background-image: url(../directorygraphics/travel_globeA.jpg);
	background-repeat: no-repeat;
	background-position: center 6px;
	padding-top: 150px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid #FFFFFF;
}

#travels a:link {
	color: #666666;
	text-decoration: none;
	border: none;
}

#travels a:visited {
	text-decoration: none;
	color: #666666;
	border: none;
}

#travels a:hover {
	
	color: #B0B0A2;
	border: none;
	text-decoration: underline;
}