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

#wrapper {
 margin: 100px auto 0 auto;
width: 790px;
height: 326px;
}
body {
background-color: #6A91BF;
font-family:  "Times New Roman"  Times, Serif;
}

 #leftimage {
	float: left;
	width: 235px;
	height: 326px;
	border: solid white 2px;
 }
 
 #rightimage {
	background-image: url( right_background.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 540px;
	height: 326px;
	border: solid white 2px;
 }
#imgwrapper {
 margin: auto;
	display: inline;
}
 
 #footer {
  margin: 0 auto;
  clear: both;
 background-color: #6878C1;
 text-align: center;
 width: 783px;
 height: 30px;
 border: 1px solid black;
 color: #ffffff;
 padding-top: .3em;
   
 }

 #copyright {
 margin: 20px auto;
 text-align: center;
 width: 790px;
 height: 30px;
 color: #000000;
 padding-top: .3em;
 font-size: small;
 
 }
 
 #homeinfo {
  float: right;
  width: 175px;
  height: 75px;
  margin-top:250px;
  font-size: small;
  text-align: left;
  
}
 
 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
a:active {
	color: #FFFFFF;
}
/**********************ABOUT US CODE**********************/
#about_leftlogo {
 float: left;
background-image: url( left_logo.jpg);
	background-repeat:no-repeat;
	height: 400px;
	width: 314px; 
	}
#about_rightlogo {
	float: left;
	background-color: #ffffff;
	text-size: small;
	width:476px;
	height: 400px;
	 
}
	#about_rightlogo p {
	text-indent: 10px;
	padding: 20px;
	}
	#wrapperabout {
	 
	margin: 50px auto 0 auto;
     height: 400px;
	width: 790px;
	}
	
	
	 
	 
	 
 #homepage {
  margin: 0 0 0 0;
  height: 30px;
  width: 50px;
  text-align: center;
  padding: 10px;
  }
  
  #leftlogo a {
  color: #000000;
  border: black solid 1px;
  }
  
  #abouthomeinfo {
  float: left;
  width: 175px;
  height: 75px;
  margin-top:35px;
  font-size: small;
  text-align: left;
  margin-left: 50px;
  margin-bottom: 20px;
  
}
  
  #padded {
  padding: 2em;
  }
  
  /**** ARTISTS  CODE *******/
  
  
   #leftlogo_other {
 float: left;
background-image: url( other_left_logo.jpg);
	background-repeat:no-repeat;
	height: 400px;
	width: 314px; 
	}
	
	#leftlogo_other p {
	text-indent: 10px;
	padding: 20px;
	}
   #leftlogo_davinci {
 float: left;
background-image: url( davinci_left_logo.jpg);
	background-repeat:no-repeat;
	height: 400px;
	width: 314px; 
	}
   #leftlogo_rembrandt {
 float: left;
background-image: url( rembrandt_left_logo.jpg);
	background-repeat:no-repeat;
	height: 400px;
	width: 314px; 
	}
  #rightlogo_rembrandt {
	float: left;
	height: 400px;
	width: 475px;
	background-color: #ffffff;
     
   
	}
	#rightlogo_rembrandt p{
	text-indent: 10px;
	padding: 20px;
	}
	
	 #rightlogo_other {
	float: left;
	height: 400px;
	width: 475px;
	background-color: #ffffff;
     
   
	}
	#rightlogo_other p{
	text-indent: 10px;
	padding: 20px;
	}
	
   #leftlogo_caravaggio {
 float: left;
background-image: url( caravaggio_left_logo.jpg);
	background-repeat:no-repeat;
	height: 400px;
	width: 314px; 
	}
	
	  #leftlogo_titian {
 float: left;
background-image: url( titian_left_logo.jpg);
	background-repeat:no-repeat;
	height: 400px;
	width: 211px; 
	}
  #wrapper_caravaggio {
 
	margin: 0 auto 0 auto;
	height: 400px;
	width: 790px;
	}
  #logocontainer {
  margin: 0 auto 0 auto;
  width: 790px;
  height: 400px;
  }
	
	 
#rightlogo_caravaggio {
 
 float: left;
 
	height: 725px;
	width: 579px;
	 
	background-color: #ffffff;
     
   
	}
	#rightlogo_caravaggio p{
	text-indent: 10px;
	padding: 20px;
	}
	
	 
  
  #rightlogo_caravaggio a {
  color: #000000;
  
  }
  
  #gallery_caravaggio {
   background-color: #988A9F;
   border: 1px solid #000000;
   text-align: center;
   padding: 5px;
   height: 30px;
   width: 50px;
   color: #ffffff;
   margin-left: 17em;
  
   }
   
  /****************CARAVAGGIO IMAGE GALLERY PAGE***************/ 
   
   #leftlogo_caravaggio_image a {
  color: #000000;
  border: black solid 1px;
  }
   #wrapper_caravaggio_image {
	
	margin: 50px auto 0 auto;
	height: 725px;
	width: 790px;
	}
  #logocontainer_caravaggio_image {
	margin: 0 auto 0 auto;
	height: 725px;
	width: 790px;
	}
	
	#leftlogo_caravaggio_image {
 float: left;
background-image: url( long_left_logo.jpg);
	background-repeat:no-repeat;
	height: 500px;
	width: 211px;
	 

	}
#rightlogo_caravaggio_image{
 
 float: left;
background-image: url(   );
	background-repeat:no-repeat;
	height: 500px;
	width: 579px;
	background-position: top left;
	background-color: #ffffff;
     
   font-size: small;
	}
   #caravaggio_header
   {
   float: left;
   margin: 30px 0 0 40px;
   }
   
   #caravaggio_image_container
   {
	float: left;
	width: 540px;
	height: 300px;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
 
	
	}
    #caravaggio1
	{
	float: left;
	text-align: center;
	margin: 40px 0 0 20px;
	 width: 90px;
	 height: 123px;
	 }
	 
	 #caravaggio2
	{
	float: left;
	text-align: center;
	margin: 40px 0 0 20px;
	 width: 115px;
	 height: 90px;
	 }
	  #caravaggio3
	{
	float: left;
	text-align: center;
	margin: 40px 0 0 20px;
	 width: 95px;
	 height: 90px;
	 }
	 
	  #caravaggio4
	{
	float: left;
	text-align: center;
	margin: 40px 0 0 20px;
	 width: 95px;
	 height: 90px;
	 }
	 
	   #titian1
	{
	float: left;
	text-align: center;
	margin: 40px 0 0 20px;
	 width: 60px;
	 height: 90px;
	 }
	 
	 #titian2
	{
	float: left;
	text-align: center;
	margin: 40px 0 0 20px;
	 width: 70px;
	 height: 90px;
	 }
	  #titian3
	{
	float: left;
	text-align: center;
	margin: 40px 0 0 20px;
	 width: 74px;
	 height: 90px;
	 }
	 
	  #titian4
	{
	float: left;
	text-align: center;
	margin: 40px 0 0 20px;
	 width: 126px;
	 height: 90px;
	 }
	  
	/**** CARAVAGGIO CODE *******/
  
  #wrapper_caravaggio {
	 
	margin: 50px auto 0 auto;
	height: 450px;
	width: 790px;
	}
  #logocontainer_caravaggio {
	margin: 0 auto 0 auto;
	height: 450px;
	width: 790px;
	}
	
	#leftlogo_caravaggio {
	float: left;
	background-image: url(caravaggio_left_logo.jpg);
	background-repeat:no-repeat;
	height: 400px;
	width: 211px;
	background-position: left top;
	background-color: #FFFFFF;

	}
#rightlogo_caravaggio {
	float: left;
	 
	height: 400px;
	width: 579px;
	background-position: top left;
	background-color: #ffffff;
	font-size: small;
	}
	
	 
  
  
  #leftlogo_caravaggio a {
  color: #000000;
  border: black solid 1px;
  }
  
  #gallery_caravaggio {
   background-color: #988A9F;
   border: 1px solid #000000;
   text-align: center;
   padding: 5px;
   height: 30px;
   width: 50px;
   color: #ffffff;
   margin-left: 17em;
  
   }
   /**************REMBRANDT CODE**************/
   
  #rembrandt1
	{
	float: left;
	text-align: center;
	width: 78px;
	height: 90px;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50px;
	 }
	 
	 #rembrandt2
	{
	float: left;
	text-align: center;
	width: 105px;
	height: 90px;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	 }
	  #rembrandt3
	{
	float: left;
	text-align: center;
	width: 117px;
	height: 90px;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	 }
	 
	  #rembrandt4
	{
	float: left;
	text-align: center;
	margin: 40px 0 0 20px;
	 width: 71px;
	 height: 90px;
	 }
	 

	/***********************OTHER ARTISTS CODE *****************/
	
	 #wrapper_other {
	
	margin: 50px auto 0 auto;
	height: 400px;
	width: 790px;
	}
  #logocontainer_other {
	margin: 0 auto 0 auto;
	height: 400px;
	width: 790px;
	}
	
	
	 


#rightlogo_other {
 
 float: left;
 
	 
	height: 400px;
	width: 579px;
	background-position: top left;
	background-color: #ffffff;
     
   font-size: small;
	 }
  
  #leftlogo_other a {
  color: #000000;
  border: black solid 1px;
  }
/******************************OTHER ARTISTS CONTACT CODE****************/

.contact
{ margin-bottom: 10px;
}

#contactform {
	width: 60%;   /* this box flows right under the contactinfo box naturally? */
	float:right; 
	margin-top: 1.5em; 
	clear:both ; 
}   

/******************************SITEMAP CODE**************************/

#map_container
   {
    margin: 50px 0 0 100px;
	float: left;
	width: 400px;
	height: 300px;
	
	}
	
	#map_container a
	{
	 color: #996600;
	}
	 	   
	  
	 
	
	 
	 #map_container p {
	 line-height: 120%;
	 }
	   
label { display: block; width: 6em; float: left; } /**align form code*/