/***************************** MAIN HOLDER *******************/



.online {
	clear: both;
	

}
/****************************************************************************************/
/***************************** TOP CONTAINER WITH BASIC PICTURE INFO *******************/
/****************************************************************************************/

#picturename {
	padding-left: 8px;
	margin-bottom: 0px;
	padding-top: 8px;
	
	
}


#titletile {
	float: right;
	margin-right: 14px;
	margin-bottom: 4px;
}







#navigationinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	float: right;
	margin-top: 0px;
	margin-right: 40px;
	padding: 4px;
	
}


#navigationinfo li{
	margin-bottom: 1px;
	list-style-type: none;
	background-image: url(../graphics/square.gif);
	background-repeat:no-repeat;
	background-position: left 5px;
	padding-left: 10px;


}



#navigationinfo a:link {
	color: #7C7C7C;
	text-decoration: none;
	border: none;
}




#navigationinfo a:hover {
	text-decoration: underline;
	color: #8D8D8D;
	border: none;
	background-color: #E6E4DF;
}

#navigationinfo a:visited {
	text-decoration: none;
	color: #7C7C7C;
	border: none;
}


#navigationinforight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	float: right;
	margin-top: 0px;
	margin-right: 22px;
	padding: 4px;
	width: 220px;	
}


#navigationinforight li{
	margin-bottom: 1px;
	list-style-type: none;
	background-image: url(../graphics/square.gif);
	background-repeat:no-repeat;
	background-position: left 5px;
	padding-left: 10px;


}



#navigationinforight a:link {
	color: #7C7C7C;
	text-decoration: none;
	border: none;
}




#navigationinforight a:hover {
	text-decoration: underline;
	color: #8D8D8D;
	border: none;
	background-color: #E6E4DF;
}

#navigationinforight a:visited {
	text-decoration: none;
	color: #7C7C7C;
	border: none;
}
/*******************************************************************************/
/********************************** TOP SECTION *****************************/
/*******************************************************************************/



/************** CONTAINER THAT HOLDS FACT SHEET AND SPECIAL TOPIC CONTAINERS **************/


#cat_left {
	width: 293px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 16px;
	list-style-image: none;
	list-style-type: none;
}


/********************* LIST STYLES FOR FACT SHEET & SPECIAL TOPICS *******************/

#specialtopics #musicalnote {

	background-image: url(../graphics/note.jpg);
	background-repeat:no-repeat;
	background-position: left;
	list-style-type: none;
	padding-left: 12px;
}



#cat_left li{
	margin-bottom: 3px;
	list-style-type: none;
	background-image: url(../graphics/square_red.gif);
	background-repeat:no-repeat;
	background-position: left 5px;
	padding-left: 10px;
	padding-bottom: 3px;
}






#cat_left a:link {
	color: #666666;
	text-decoration: none;
	border: none;
	padding-bottom: 4px;
}




#cat_left a:hover {
	text-decoration: underline;
	color: #8D8D8D;
	border: none;
}

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



/***************************** SLIDE IN CONTAINER FOR SPECIAL TOPICS AND FACT SHEET *******************/
#cat_right {
	background-color: #D9D8D1;
	height: 350px;
	width: 500px;
	float: right;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-top: 27px;
	border: 1px solid #AF868A;
	background-image: url(../images/raw/delft_map.jpg);	
}






/***************************** SLIDE IN CONTAINER FOR SPECIAL TOPICS AND FACT SHEET *******************/


#cat_right .description {
	margin: 4px;
	border: 1px dotted #ADA791;
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background-color: #E8E7E1;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 0px;
}

#cat_right .description p{
	padding-bottom: 6px;
	
}

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

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

.description a:hover {
	text-decoration: underline;
	color: #666666;
}






/***************************** CONTAINER FOR FACT SHEET TOP GRAPHICS *******************/

#facttop {
	background-image: url(../graphics/fact_sheet.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 303px;
	margin-top: 16px;
	
}


#factsheet {
	width: 293px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding-left: 8px;
	padding-bottom: 4px;
	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: #AF868A;
	border-bottom-color: #AF868A;
	border-left-color: #AF868A;

}


/***************************** CONTAINER GRAPHICS FOR  SPECIAL TOPICS LISTS*******************/

#specialtop {
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 303px;
	background-image: url(../graphics/special_topics.jpg);	
}

/***************************** CONTAINER FOR SPECIAL TOPICS LISTS*******************/

#specialtopics {
	width: 293px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding-left: 8px;
	padding-bottom: 4px;
	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: #AF868A;
	border-bottom-color: #AF868A;
	border-left-color: #AF868A;
}



/***************************** STYLE TO CLEAR *******************/
.clearance {
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 4px;
	height: 0px;
}


/*******************************************************************************/
/********************************** BOTTOM SECTION *****************************/
/*******************************************************************************/

/***************************** image and caption containers *******************/

.imagecaption {
	float: left;
	margin-right: 8px;
	margin-bottom: 0px;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

.imagecaption img{
	margin-bottom: 3px;	

}

.imagecaption p{
	font-family: Arial;
	font-size: .85em;
	clear: both;
	padding-bottom: 0px;		
    margin-bottom: 0px;
}

/******************** BOTTOM LEFT CONTAINER THAT HOLDS PAINTING IMAGE *******************/

#left {
	float: left;
	width: 400px;
	margin-left: 20px;	
}



/***************************** BOTTOM RIGHT CONTAINER THAT HOLDS SLIDING PICTURE IMAGE MAP INFORMATION *******************/

#right {
	float: right;
	width: 500px;
	background-color: #D9D8D1;
	height: 450px;
	border: 1px solid #AF868A;
	background-repeat: no-repeat;
	margin-right: 20px;
	background-image: url(../images/raw/lion_h.jpg);	

}





/***************************** CONTAINER THAT HOLDS PICTURE SLIDE-IN INFORMATION *******************/

#right .description {
	margin: 4px;
	border: 1px dotted #666666;
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background-color: #E8E7E1;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 0px;
	
}

#right .description p{
	padding-bottom: 6px;
	

}



/***************************** LINE TO CLEAR *******************/

hr {
	clear:both;
	height: 1px;
	color: #ADA791;
}



/***************************************************************************/
/*************************** MISC **************************************/
/***************************************************************************/


.slant {
	font-style: italic;	
}



.slantandbold {
	font-style: italic;
	font-weight: bold;
	color: #926166;
}


#musicornot {
	float: right;
	width: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-left: 220px;
}





.relatedcenteralign {
	text-align: center;
	clear: both;
	padding-top: 4px;
}


.relatedcenteralign img{
	padding-bottom: 4px;
	margin-right: auto;
	margin-left: auto;
}


.clearandmargin {
	clear: both;
	height: 4px;
}








#instructions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 42px;
	text-align: center;
	background-color: #E7E6E2;
font-size: 85%;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-style: italic;
	background-image: url(../graphics/instructions_blur_arrow.jpg);
	background-repeat: repeat-y;
	width: 440px;
	height: 10px;
}




#instructions new with mouse{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	float: right;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 42px;
	text-align: center;
	font-size: 85%;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
	font-style: italic;
	background-image: url(../graphics/mouseC.jpg);
	background-repeat: no-repeat;
	width: 440px;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b18f7e;
}

#instructions p{
	padding-bottom: 4px;
}
#instructions img{
	float: left;
}
/*************************** JQUERY TOOLTIP STYLE **************************************/

#contents .tooltip {
	background-color:#E7E6E2;
	border:1px solid #AF868A;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding:3px 6px;
	position:absolute;
	text-align:center;
	z-index:2;
	display: none;
	-moz-border-radius: 5px;
	text-decoration: none;
	}
	
	
	/*************************** A THIN RED LINE**************************************/
	
	
	
	.redline {
	clear: both;
	width: 90%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	margin-top: 4px;
	margin-bottom: 8px;
	margin-right: auto;
	margin-left: auto;
	}
/*************************** PROVENANCE LIST **************************************/	
	
	#provenancelist {
	margin-top: 4px;
	margin-right: 22px;
	padding: 4px;
	margin-bottom: 4px;
	
}


#provenancelist li{
	margin-bottom: 6px;
	list-style-type: none;
	background-image: url(../graphics/square.gif);
	background-repeat:no-repeat;
	background-position: left 5px;
	padding-left: 10px;


}


.downloadad {
	border: 1px solid #AF868A;
	margin-top: 8px;
	float: left;
	background-color: #EDE9E7;
	color: #666666;
	padding: 4px;
}


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

}



table {
	border: 1px solid #bdbaa7;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 8px;
	
	float:left;
	
	



}

td {
border:1px solid #bdbaa7;
margin:0;
padding: 4px;

}


caption {

color: #AF868A;


}


/***************************************************************************/
/**************************STYLES FOR CD COMMERCE **************************/
/***************************************************************************/
	
	
	
	
	
.full {
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 8px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 16px;
	margin-top: 12px;
	border: 2px solid #c4c3bd;
}


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



.full a:link {
	text-decoration: none;
	color: #69819C;
	
}


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


.full a:hover {
	text-decoration: underline;
    color: #616161;
	
	
	}
	
	
	.full img{
	text-decoration: underline;
	color: #616161;
	float: left;
	margin-right: 16px;	
	
	
	}
	
			
.order {
	background-color: #e8e7e2;
	padding: 8px;
	float: right;
	width: 250px;
	margin-right: 0px;
	border: 4px solid #c4c3bd;
	color: #666666;
	text-align: center;
	background-image: url(../../directorygraphics/usually_ships.JPG);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 130px;
}



.orderlulu {
	background-color: #e8e7e2;
	padding: 8px;
	float: right;
	width: 250px;
	margin-right: 0px;
	border: 4px solid #c4c3bd;
	color: #666666;
	text-align: center;
	height: 90px;
	background-image: url(../../directorygraphics/download_immediately.JPG);
	background-repeat: no-repeat;
	background-position: center bottom;

}


.orderlulu2 {
	background-color: #e8e7e2;
	padding: 8px;
	float: right;
	width: 250px;
	margin-right: 0px;
	border: 4px solid #c4c3bd;
	color: #666666;
	text-align: center;
	height: 80px;
	

}

.orderlulu2 img{

float: none;
margin: none;
padding:none;

}


.orderlulu img{

float: none;
margin: none;
padding:none;

}




.orderdownload {
	background-color: #e8e7e2;
	padding: 8px;
	float: right;
	width: 250px;
	margin-right: 0px;
	border: 4px solid #c4c3bd;
	color: #666666;
	text-align: center;
	height: 130px;
	
}



.orderdownload img{
	color: #616161;
	float: none;
	margin:none;
	
	}
	


	
	
	.half {
	float: left;
	width: 50%;
}


#tabs {
	clear: both;
	width: 920px;
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    Margin-top: 0px;
	
}