html,body{margin:0;padding:0}
#wrapper{
   width:800px;  /*this will need to be hacked for pre IE6 pc 0 see below*/
   margin:0 auto; /*its the auto bit that makes it float centre*/
   padding: 0 0 0 10px; /*  the 10px is there for if you want a little padding on the left if the screen is not v wide */
   text-align:left;
      
   /* ====== makes it float centre - reverse IE hack below =====*/

}
 
body{
  text-align:center;  /* ====== wrap used for centre in IE =====*/
}


h3{ color:#BDB6AD; width:450px; margin:-35px auto auto 50px;  font-size:.95em; padding:0; font:Arial, Helvetica, sans-serif; font-weight:200; letter-spacing:1px;  }
h3 a{ color: #CCCCCC;}
h3 a:hover{ text-decoration:underline;color: #CCCCCC;}





h4{ color:#BDB6AD; width:150px; margin:-30px 5px auto  auto;  font-size:0.9em; padding:0; font:Arial, Helvetica, sans-serif; font-weight:200; letter-spacing:1px; float:right; }
h4 a{ color: #CCCCCC;}
h4 a:hover{ text-decoration:underline;color: #CCCCCC;}



h4.exhib_art{ color:#BDB6AD; width:150px; margin:-15px 5px auto  auto;  font-size:0.9em; padding:0; font:Arial, Helvetica, sans-serif; font-weight:200; letter-spacing:1px; float:right; }
h4.exhib_art a{ color: #CCCCCC;}
h4.exhib_art a:hover{ text-decoration:underline;color: #CCCCCC;}

a
{outline: none;
}
body{font: 76% arial,sans-serif; background-color: #FFFFFF;}
p{margin:0 10px 10px}

div#header {
   background-image: url(../index/images/banner.jpg);height:74px; width:800px;}
  
div#header h1{
  display:none; position:absolute; top:10000px; bottom:1000px; }
  

  
div#container{text-align:left}
div#content p{line-height:1.4;}

div#extra{color: #FFF; margin-top:-5px;}

div#container{ background-image:url(../index/images/floor.jpg); background-repeat:no-repeat;  width:800px;   background-position:50% 80%;height:39em;}

div#nav{ width:800px; height:25px; margin-top:-25px; margin-left:10px; z-index:2;  }

div#content_right p{line-height:1.4; margin-top:0px;  color:#FFFFFF; font-size:.9em;}

div#content_right img{ border:none;}


div#container{margin:8px auto;}

div#extra{clear:both;width:100%;}




body{overflow-y: hidden;}


.clear {clear:both;height:1px;overflow:hidden;}



div#content{width:720px; margin:38px auto; }

#content { padding-top:10px; height:300px; overflow:auto; color:#222;  background-image:url(../html/site_image/gall_bg.png);   }






#content ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#content ul li {display:table-cell; padding:0 85px 0 40px;   vertical-align:top;}
#content ul li img {border:2px #FFFFFF solid; margin: 10px 0 10px 0;}
#content{overflow-y: hidden;}
#content p {margin:0; padding:5px 0; font-size:11px;}
a.home{color:#D6CF5A; font-size:1.1em;}



a.image0{text-decoration:none; padding:4px;    width:105px; height: 25px; margin-top:8px; color: #9C8A73; font-size:1.1em; font-weight:bold; text-align:left; float:left; clear: left;  padding-bottom:10px; margin-left:5px; }
a.image0 h3{ font-weight:100; font-size:1.1em;}
a.image0 b{color:#666666; font-size:1em;}
a.image0:hover{text-decoration:none; padding:4px;  padding-bottom:10px;  text-decoration:underline;}
a.image0:hover em{ color: #524131;}

.image0{text-decoration:none; padding:4px;    width:105px; height: 25px; margin-top:8px; color: #9C8A73; font-size:1.1em; font-weight:bold; text-align:left; float:left; clear: left;  padding-bottom:10px; margin-left:5px; }
.image0 h3{ font-weight:100; font-size:1.1em;}
.image0 b{color:#666666; font-size:1em;}
.image0:hover{text-decoration:none; padding:4px;  padding-bottom:10px;  text-decoration:underline;}
.image0:hover em{ color: #524131;}


div#news p#blog a{ font-weight: bold; text-decoration:none;color: #666666;  font-size:1.3em;  font-style:italic;     }
div#news p#blog a:hover{ text-decoration:none;color: #FFFFFF;   }


div#extra_footer img{width:50px; float:left; margin-left:0px; margin-top:0px; margin-right:0px;}



div#extra_footer{clear:both;width:800px; text-align:left; font-size:0.8em;letter-spacing:1px;  margin-top:-6px; color: #666666; float:left; white-space:nowrap;background-image: url(../index/images/logo_small.png); background-repeat:no-repeat; background-position:left; text-align:right; height:30px;  }
div#extra_footer span{margin-left:2px;}

div#extra_footer a{ color: #999966;    padding:1px;letter-spacing:2px;}
div#extra_footer a:hover{ color: #333333;text-decoration: underline;}


p#small{ font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#666666; margin-top:-10px;}






a{text-decoration:none; color: #CCCCCC;  }
a:hover{text-decoration:none;color: #000000;}


/*ie fix for container right gap*/* html div#header {
   background-image: url(../index/images/banner.jpg);height:74px; width:810px;}


/*ie fix for nav position*/* html div#nav{ width:800px; height:25px; margin-top:-18px; margin-left:10px;   }




/*ie fix for top margin*/*html div#container{margin:15px auto;}

/*ie fix for width*/*html div#container{background-image:url(../index/images/floor.jpg); background-repeat:no-repeat;  width:800px; padding:0px;  background-position:50% 80%;height:40em; }





/*fix for content top margin*/*html div#content{width:720px; margin:30px auto; }

/*fix for ie6 background*/*html #content { background-image:url(iebg.jpg); background-repeat:no-repeat; padding:0px;background-position: left; background-attachment: fixed;}



/*fix for footer left margin*/*html div#extra_footer img{width:50px; float:left; margin-left:0px; margin-top:30px; margin-right:20px; z-index:99999999;position:relative; display:inline;}

/*fix for footer top margin*/*html div#extra_footer{clear:both;width:800px; height:30px; text-align:left; margin-top:-10px; margin-right:0px; color: #666666;  float:left; white-space: nowrap; background-image: url(../index/images/logo_small.png) background-repeat:no-repeat; background-position:left; text-align:right; }

/*fix for footer top margin*/*html div#extra_footer p{ text-align:left;margin-left:30px; margin-top:-60px; color: #666666;  white-space: nowrap; }






/*fix for ie small text*/*html p#small{ font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#666666; margin-top:-10px;}

*html h4.exhib_art{margin:-30px 5px auto  auto;}
*html h4.exhib_art a{ color: #CCCCCC;}
*html h4.exhib_art a:hover{ text-decoration:underline;color: #CCCCCC;}

/*fix for gallery bottom text left*/* html h3{margin:-29px auto auto 45px;}
/*fix for gallery bottom text right*/*html h4{margin:-58px 5px auto  auto;}

a{text-decoration:none; color: #666666;  }
a:hover{text-decoration:none;color: #000000;}
 h4.exhib_art{margin:-25px 5px auto  auto;}
 h4.exhib_art a{ color: #CCCCCC;}
 h4.exhib_art a:hover{ text-decoration:underline;color: #CCCCCC;}
 h4{margin:-15px 5px auto  auto;}