/* READ: "Designing with Web Standards" by Jeffrey Zeldman (New Riders, 2003). */

/* SKELETAL STYLES */
#container {padding: 0; margin: 0 auto; background: #c4bb83 url(/exhibitions/totems/images/snav/tile.gif) repeat-y scroll 0 0;}
#snav {width: 165px; float: left;}
#snav a {display: block;}
#content {margin: 0 0 0 185px; padding: 0 0 40px 0;}

/* GLOBAL STYLES WITHIN TOTEMS */
h1, h2, h3, h4, h5, h6, a, p, ul, li, hr {color: #1a313b;}

/* ANCHOR PSEUDO-CLASSES (LVHA) */
a:link {text-decoration: none; color: #9b0023;}
a:visited {text-decoration: none; color: #3366cc;}
a:hover {text-decoration: none; color: #233075;}
a:active {text-decoration: none;}
a:link img.gallerythumb {border: 1px solid #000;}
a:visited img.gallerythumb {border: 1px solid #000;}
a:hover img.gallerythumb {border: 1px solid #fff;}
a:active img.gallerythumb {border: 1px solid #fff;}

/* CONTENT AREA STYLES */

/* header */
#content img.header {display: block; padding: 20px 0 5px 0;}

/* subnav */
#subnav {margin: 5px 20px 20px 0; color: #fff;}
#subnav a {font-size: 70%; padding: 0 5px;}
	
/* inline images */
a img {border: 0;}
div.imageleft {float: left; padding: 10px 10px 5px 5px;}
div.imageright {float: right; padding: 10px 10px 5px 10px;}
div.imageleft img, div.imageright img {margin: 0; border: solid 1px #000;}
div.imageleft h5, div.imageright h5 {font-size: 80%; font-weight: bold; margin: 5px 0 2px 5px;}
div.imageleft h6, div.imageright h6  {font-size: 75%; font-weight: normal; font-style: italic; margin: 0 0 0 5px;}
div.imageright img.shop {border: solid 1px #000;}

/* text */
#content p {margin: 5px 20px 10px 5px;}

/* TEXT NAV STYLES */
#textnav img.textnavleft {float: left; padding: 10px 0 10px 10px;}
#textnav img.textnavright {float: right; padding: 10px 10px 10px 0;}

/* GALLERY STYLES */
#thumbrowt {border: solid 0px #000; margin: -20px 0 0 0; width: 190px; float: right;}
#thumbrowt img {margin: 5px 5px 10px 5px;}
#thumbrowt a:link img.gallerythumb {border: 1px solid #000;}
#thumbrowt a:visited img.gallerythumb {border: 1px solid #000;}
#thumbrowt a:hover img.gallerythumb {border: 1px solid #fff;}
#thumbrowt a:active img.gallerythumb {border: 1px solid #fff;}
#thumbrowt img.gallerythumbon {border: 1px solid #fff;}
div#imagecap {border: solid 0px #000;}
div#imagecap div#caption {font: normal 100% verdana, arial, sans-serif; margin: 10px 0; border: solid 0px #000;}
div#imagecap div#image {}
div#imagecap div#caption h3, div#imagecap div#caption h4,  div#imagecap div#caption h5,  div#imagecap div#caption h6 {margin: 0;}
div#imagecap div#caption h3 {font-size: 110%;}
div#imagecap div#caption h4 {font-size: 90%; font-style: italic;}
div#imagecap div#caption h5 {font-size: 80%;}
div#imagecap div#caption h6 {font-size: 70%; font-weight: normal;}

#gallerytextnav {margin: 20px 0 0 0; clear: both;}

/* HOMEPAGE STYLES */
#homecontainer {padding: 0 0 1px 0; margin: 0 auto; background: #c4bb83; width: 774px;}
img#imgmain {width: 593px; height: 254px; display: inline; float: left;}
#navhome {width: 181px; height: 254px; display: inline;}
#navhome img {display: block;}
#unavhome {width: 774px; display: block;}
#unavhome img {display: inline;}
#homequote {text-align: left; padding-bottom: 10px;}
#homequote p {text-align: center; width: 50%; padding-left: 25px;}
#homequote img {float: right; padding-right: 25px;}