/* CSS Document */
html { font-family:Arial, Helvetica, sans-serif;
       color:#333333;
	   }
	   
body { background:#FFF
      }
	  
#left  {
        position:fixed;
		top: 16px;
		left: 5%;
		width: 260px;
		height: 500px;
		z-index:1;
		}
		
/*#left_shadow { 
              position:fixed;
		      top: 16px;
		      left: 5%;
		      z-index:2;
              background-image:url(images/backgrounds/left_shadow.jpg);
			  background-repeat: repeat-y;
              background-position: center center;	
		      }
	*/		
#banner {
         width: 580px;
		 height: 128px;
		 z-index:2;
		 background-image:url(images/banner.jpg);
		 background-position:top;
		 background-repeat:no-repeat;
		 position:absolute;
		 top: 16px;
		 left: 40%;
		}
		
#main  {
        width: 580px; /*width has to be same as width of #banner; make #banner 580px wide? widest painting is 565px.*/
		height: 500px;
		z-index:1;
	    position:absolute;
	    top:166px;
	    left: 40%;
	    background-color:#FFF;   /*#FFFF99;*/
		}
		
ul#nav_left
	{
		float:left;
		margin-left: 20px;
		margin-top: 20px;
		padding-left: 0;
		list-style-type: none;
	}
	
ul#nav_left a
	{
		display: block;
		text-decoration:none;
		font-weight:100;
		font-size: 1.1em;
		letter-spacing: .3em;
        /*background:#DDD9D9;*/
		color: #333333/*#554*/;
		padding: .2em .3em/*.6em*/;
		width: 176px;
		/*border-top:1.2px solid #999999;
        border-right:1.2px solid #999999;*/
        border-bottom:1.8px dashed #999999;
        margin-bottom: 0.2em;
	}
	
ul#nav_left a:hover, focus
	{
		text-decoration:none;
		color:#CC3333/*#333333*/;
		/*border-left:0.7em solid #CC3333;*/
	}
	
		 
ul#nav_left li b{    /*padding-left: 30px;*/
                     font-weight:bold; 
					 font-size:1.2em; 
					 color:#333333; 
					 letter-spacing: .3em;
					 padding: .2em .3em;
					 }
		 
#main p { font-size: 90%;
          padding: 0 15px 0 0;
		  font-weight:500;
		   }
		   
p.special { font-size: 40%; display:none;}
		   
#main h2 { font-size: 120%;
           padding: 0 15px 0 0;
		  }
		  
a:link { font-size:90%;
         color:#CC3333;
		 font-weight:normal;
		 }
		 
a:active,  a:hover { 
                color:#CC3333;
                text-decoration:underline;
			     }
			
a:visited { 
          color:#333333;
		  }
		  
a:focus hover {
            background-color:#CCCCCC;
			}
			
			
		   	   	
#thumb {
         float:left; 
         width: 193px;
		} 

#thumb a { 
         text-align:left; 
		 line-height: .4em;
		 font-size: 90%; 
		 margin-left:16px;
		 padding:0.3em;
		    }
			
#thumb a:focus, hover {
                    background-color:#CCCCCC;
					}
					
table.gallery { width: 580px;
                padding: 3px;
			  }
			  
table.gallery tr td { padding-bottom: 0.4em;                 
			     }
				 
/*tr td img {border:inset; border-color:#CCCCCC;}*/

a.thumb:link { 
              color:#009966; 
              text-decoration:underline;
			  font-size:100%;
			  font-weight:normal;
			  text-align:center;
			  margin-left:0;
			 }
			   
a.thumb:visited {
                text-decoration:none;
				color:#666666; 
				}
a.thumb:hover,a.thumb:active  {
                         text-decoration: underline;
						 color:#009966;
						  }
			  
p.painting { 
           color: #333333; 
		   font-size: 90%;
		   line-height:.4em;
		   }

#footer {
          width:580px;
          height: 15px;
          /*background-color: #CC3333;*/
		  text-align:center;
		  padding:0px 2px;
		  margin-bottom: .9em;
		  padding-bottom: .9em;
		  }
		  
#footer p { 
           color:#CC3333;
           font-size: 70%;
		   font-weight:bold;
			  }

#footer a { 
          width:580px;
		  font-size:110%; 
		  color:#333333;
		  text-decoration:underline;
		  background: #FFF;
		  padding-left: 1em;
		  }