/* 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;
        /*border-left:0.7em solid #009966;*/
		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:bold;}
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; }
#thumb a:focus, hover {background-color:#CCCCCC;}

table.gallery { width: 580px;
                padding: 3px;
			  }
			  
table.gallery td {                  
			     }

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; font-weight:bold; }
a.thumb:hover,a.thumb:active  {text-decoration: underline; color:#009966; font-weight:bold; }
			  
p.painting { color: #333333; font-size: 90%; line-height:.4em;}

#footer { width:580px;
          height: 15x;
          /*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;}