/* CSS Document */



/******************** style which works on  the sup html tag *************************/
.footnote {  
font-size: 60%;
vertical-align: super;   
}


h1 
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 160%;
	color: #404040;
	letter-spacing: 2px;
	margin-bottom: 10px;
	text-transform: none;
	font-weight: normal;
	margin-top: 8px;
}

 
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: 2px;
	color: #666666;
	width: 90%;
	
	margin-top: 24px;
	margin-bottom: 10px;
	
} 

h2 a:hover {
	text-decoration: none;
	border: none;
} 


h3 { 

     font-weight: bold;
	color: #666666;
	margin-top: 8px;
	margin-bottom: 2px;
	font-size: 100%;
} 


h3 a:hover {
	text-decoration: none;
	border: none;
} 



h4 {
	font-weight: bold;
	margin-bottom: 3px;	
}

#footer h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	margin: 0px;
	letter-spacing: 2px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}





.two {
	font-family: "Book Antiqua";
	font-size: 110%;
	font-weight: bold;
	color: #666666;
	margin-bottom: 6px;
	text-transform: uppercase;
}


.two a:link {

	font-family: "Book Antiqua";
	color: #932F2F;
	text-decoration: none;
	border: none;
	
}


.two a:visited {
	font-family: "Book Antiqua";
	color: #932F2F;
	text-decoration: none;
	border: none;
	
	
	}
	
	
.two a:hover {
	font-family: "Book Antiqua";
	color: #A29286;
	text-decoration: none;
	border: none;
}



/******************** four style and link which is used in the decoratove boxes ********************/

.four, museumlistb  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 85%;
}


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

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

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

/******* text and links which is used only in the FOOTNOTE section ***************/


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

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

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

.eight a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
}





/*********************** a random series of text styles ****************************/

/*********************** nine is used in the museum 1 2 and 3 sections ****************************/

.nine {
	font-family: Arial;
	color: #70806C;
	font-weight: bold;
	margin-bottom: 8px;
	background-image: url(../directorygraphics/spacerboxw.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-bottom: 0px;
	font-style: italic;
}

/*********************** shadowded checkmark ****************************/
.checkmark {
	
	background-image: url(../directorygraphics/chkmrktrans.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 0px;
	
}


/*********************** shadowded checkmark ****************************/
.document {
	
	background-image: url(../directorygraphics/grafics/page.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 0px;
	
}


/*********************** shadowded checkmark ****************************/
.whitebox {
	
	background-image: url(../directorygraphics/spacerboxw.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 0px;
	
}
/*********************** painting titles in catalogue ****************************/

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

.fifteen p{
	margin-top: 0px;
	margin-bottom: 0em;	
}

/*********************** Dutch name of title in painting catalogue ****************************/

.sixteen {
	font-family: "Times New Roman";
	color: #838383;
	font-size: 110%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*********************** dimensions, technique and museum in painting catalogue ****************************/
.seventeen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7D7D7D;
	font-weight: bold;
	font-style: normal;
	font-size: 85%;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 8px;	
}

/*************************** styles linked to specific pages **************************/


.sidebar {
	font-family: Helvetica, sans-serif, Arial;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	background-color: #9DACBF;
	padding-right: 8px;
	font-weight: bold;
	float: left;
	font-size: 85%;
}


/************************** blue bar used only i "getting started" page ********************************************/

.barblue {
	font-family: Helvetica, sans-serif, Arial;
	color: #FFFFFF;
	letter-spacing: 5px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #9DACBF;
	font-weight: bold;
	font-size: 85%;
	clear: both;
	border: 1px solid #FFFFFF;
	width: 90%;
	margin-left: 40px;
	margin-bottom: 16px;
}

	

	/***************** links for previous and next links ********************************/

.direction a:link {
	text-decoration: none;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: #999999;
}



.direction a:visited {
	text-decoration: none;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: #999999;
}

.direction a:hover {
	
	text-decoration: underline;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: #B9B9B9;
	
	} 


		

/* ***************** DROPCAP styles *************************/


.dropcap:first-letter {
	margin-right: 6px;
	float: left;
	color: white;
	border: 1px solid #6F694D;
	font-size: 80px;
	line-height: 60px;
	padding-top: 4px;
	padding-right: 5px;
	font-family: "Times New Roman", Times, serif;
	background-color: #D5CFBB;
	padding-bottom: 4px;
	padding-left: 5px;
}

.dropcapblue:first-letter {
	margin-right: 6px;
	float: left;
	color: white;
	border: 1px solid #6F694D;
	font-size: 80px;
	line-height: 60px;
	padding-top: 4px;
	padding-right: 5px;
	font-family: "Times New Roman", Times, serif;
	background-color: #D5CFBB;
	padding-bottom: 4px;
	padding-left: 5px;
}




/************************ simple  styles ****************/




.clearbothdiv {
	clear: both;
}

	
		
	
/************************ POP-UP RIGHT ARROW AND LINK URL ***********************/

.arrowright {
	
}



.arrowright a:link {

	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
	
}



.arrowright a:link em{
	display:none;
	text-decoration: none;
	border: none;
}

.arrowright a:visited em{
	display:none;
	text-decoration: none;
	
}

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




/* parte che appare quando uno fa hover sul link  */


.arrowright a:hover em{
	text-decoration: none;
	display: inline;
	font-style:italic;
	background-image:url(../directorygraphics/bluearrowrightshort.gif);
	padding-left: 30px;
	margin-left:2px;
	background-repeat:no-repeat;
	background-position:left;
	text-decoration: none;
	border: none;
}


/***************************** RED VERDANA TEXT WITH A WHITE BOX BACKGROUND IMAGE *******************/

.boxtexttwo {
	font-family: Arial;
	font-weight: bold;
	 color: #934A4A;
	text-decoration: none;
	border: none;
	background-image: url(../directorygraphics/spacerboxw.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
	
}





#mywatercolor {
	float: right;
}