/* Palette
#333 dark grey
#776755 brown
#c93 gold
#cdaa6a mid gold
#dfd1a4 light gold
#cfd0cb light grey
#c4beb0 beige (home)
===============*/

/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a { color: #c93; text-decoration: none;  } 
#content a:hover { text-decoration: underline; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; font: 70% arial,verdana,sans-serif; color: #333; background-color: #fff; text-align: center; }
#wrapper { width: 741px; margin: 32px auto; text-align: left; }

/* Headings,text
================================================================*/
h1 { clear: both; margin-bottom: 1.5em; color: #666; text-transform: uppercase; font-size: 1.15em; }
h2 {  margin-bottom: 0.1em; text-transform: uppercase; font-size: 1em; }
h2.major { margin-bottom: 1.9em; }
h2.minor { text-transform: none; }
#content{ line-height: 1.7em; }
#content p { margin: 0 0 2em;  }
ul, ul li { list-style: none; }
#content ul { margin-bottom: 2em; }
ul.bulleted { margin-left: 17px; }
ol { margin-left: 22px; }
ul.bulleted li { list-style: disc; margin-bottom: 0.5em; }
dt { clear: left; float: left; display: inline; width: 70px; }
dd { float: left; display: inline; width: 300px; margin-bottom: 2em; }

/* Structure
================================================================*/
#nav { margin-left: 140px/*160px*/; font-size: 11px; text-transform: uppercase; }
#nav li { float: left; display: inline; margin-right: 36px; }
#nav li.last, #nav li.last a { margin-right: 0; }
#nav a, #nav a:visited { color: #776755; }
#nav a:hover, .sectionHome #nav #navHome a, .sectionHome #nav #navHome a:visited,
.sectionProfile #nav #navProfile a, .sectionProfile #nav #navProfile a:visited,
.sectionCollections #nav #navCollections a, .sectionCollections #nav #navCollections a:visited,
.sectionMuseum #nav #navMuseum a, .sectionMuseum #nav #navMuseum a:visited,
.sectionCommissions #nav #navCommissions a, .sectionCommissions #nav #navCommissions a:visited,
.sectionContact #nav #navContact a, .sectionContact #nav #navContact a:visited,
.sectionLinks #nav #navLinks a, .sectionLinks #nav #navLinks a:visited { color: #c93; }

#main, #branding, #subnav, #content { float: left; display: inline; }
#main { width: 726px; margin-top: 35px; background: url(../images/generic/bg-columns.gif) top left repeat-y; min-height: 330px; height: auto; }
.wide #main { background-image: url(../images/generic/bg-column.gif); }
* html #main { height: 330px; }
#branding { width: 160px; }
.wide #branding { width: 229px; }
#subnav { width: 170px; }
.wide #subnav { display: none; }
#content { margin-top: 21px; width: 396px; }

#branding img { margin-top: 90px; }

#subnav{ margin-top: 66px; /*font-size: .95em;*/ }
#subnav li { margin-bottom: 12px; }
#subnav li ul { display: none; margin: 12px 0 0 10px; } 
.exhibitions #subnav li#navExhibitions ul,
.gents #subnav li#navGents ul { display: block; }
#subnav a, #subnav a:visited { color: #333; }
#subnav li li a, #subnav li li a:visited { color: #666; }
#subnav a:hover, #pageBackground #subnav #navBackground a, #pageBackground #subnav #navBackground a:visited, 
.exhibitions #subnav #navExhibitions a.primary, .exhibitions #subnav #navExhibitions a.primary:visited,
#pageBody #subnav #navBody a, #pageBody #subnav #navBody a:visited,
#pageGold #subnav #navGold a, #pageGold #subnav #navGold a:visited,
#pageEmbrace #subnav #navEmbrace a, #pageEmbrace #subnav #navEmbrace a:visited,
#pageVice #subnav #navVice a, #pageVice #subnav #navVice a:visited,
#pageAwards #subnav #navAwards a, #pageAwards #subnav #navAwards a:visited,
#pageMuseum #subnav #navAbout a, #pageMuseum #subnav #navAbout a:visited,
#pageTorc #subnav #navTorc a, #pageTorc #subnav #navTorc a:visited,
#pageSun #subnav #navSun a, #pageSun #subnav #navSun a:visited,
#pageLunala #subnav #navLunala a, #pageLunala #subnav #navLunala a:visited,
#pageBronze #subnav #navBronze a, #pageBronze #subnav #navBronze a:visited,
#pageViking #subnav #navViking a, #pageViking #subnav #navViking a:visited,
#pageBrigid #subnav #navBrigid a, #pageBrigid #subnav #navBrigid a:visited,
#pageKnot #subnav #navKnot a, #pageKnot #subnav #navKnot a:visited,
#pageSilver #subnav #navSilver a, #pageSilver #subnav #navSilver a:visited,
#pageGold #subnav #navGold a, #pageGold #subnav #navGold a:visited,
#pageDesert #subnav #navDesert a, #pageDesert #subnav #navDesert a:visited,
#pageSands #subnav #navSands a, #pageSands #subnav #navSands a:visited,
#pageRings #subnav #navRings a, #pageRings #subnav #navRings a:visited,
#pageHurling #subnav #navHurling a, #pageHurling #subnav #navHurling a:visited,
.gents #subnav #navGents a.primary, .gents #subnav #navGents a.primary:visited,
#pageContemporary #subnav #navContemporary a, #pageContemporary #subnav #navContemporary a:visited,
#pageSolid #subnav #navSolid a, #pageSolid #subnav #navSolid a:visited,
#pageLandscape #subnav #navLandscape a, #pageLandscape #subnav #navLandscape a:visited,
#pageOgham #subnav #navOgham a, #pageOgham #subnav #navOgham a:visited,
#pageSports #subnav #navSports a, #pageSports #subnav #navSports a:visited,
#pageGHurling #subnav #navGHurling a, #pageGHurling #subnav #navGHurling a:visited
{ color: #c93; }

/* Special cases
================================================================*/
/*home page*/
#pageHome #main { width: 740px; margin-bottom: 2px; background-image: none; min-height: 200px; height: 200px; }
#banners li { float: left; display: inline; }
#banners li img { display: block; }
#banners li#logo img { margin: 90px 39px 0 0; }
#intro { clear: left; float: left; display: inline; width: 600px; margin-left: 139px; margin-bottom: 10px; line-height: 1.5em; background-color: #c4beb0; color: #fff; font-family: verdana, arial, sans-serif; font-size: .95em; }
#intro p { margin: 10px 200px 10px 18px; }
#intro a, #intro a:visited { color: #fff; text-decoration: underline; }
#intro a:hover { text-decoration: none; }
#credit { float: right; padding-right: 10px; text-transform: lowercase; }
a#credit, a#credit:visited { color: #D1CDC2; }
a#credit:hover { color: #c93; }

/*pages with multiple images / fancy jquery image switching*/
#gallery { width: 411px; height: 260px; overflow: hidden; }
#paging { float: right; margin-bottom: 10px; }
#paging a { float: left; width: 15px; height: 15px; margin: 12px 0 0 5px; background-color: #dfd1a4; line-height: 15px; text-align: center; }
#paging a, #paging a:visited { color: #fff; }
#paging a:hover, #paging a.activeSlide { text-decoration: none; background-color: #cdaa6a; }

/*museum pages*/
.sectionMuseum #main, .exhibitions #main, .sectionCollections #main, .picture #main { width: 741px; }
#pageMuseum #main, #pageExhibitions #main { width: 726px; }
.sectionMuseum #content, .exhibitions #content, .sectionCollections #content, .picture #content { margin-top: 0; width: 411px; }
#pageMuseum #content, #pageExhibitions #content { margin-top: 21px; width: 396px; }
.sectionMuseum #content img, .sectionCollections #content img, .exhibitions #content img, .picture #content img { margin-bottom: 12px; float: right; }
.sectionMuseum h1, .exhibitions h1, .sectionCollections h1, .picture h1 { margin-bottom: 0; }
#pageMuseum h1, #pageExhibitions h1 { margin-bottom: 1.5em; }
#pageMuseum #content ol ul.bulleted { margin-bottom: 0.5em; }
#pageMuseum #content ol ul.bulleted li { margin-bottom: 0; }
/*fix for bizarre ie6 italic text bug!*/
* html #pageKnot #content p { margin-right: 1em; }
/*image credit*/
.sectionMuseum #content img { margin-bottom: 2px; }
#content p.credit { margin-bottom: 10px; color: #999; }
#content p.multiple { padding-top: 8px; } 

/*links page*/
#pageLinks #content li { margin-bottom: 1.5em; }

/*contact page - 2 columns*/
#pageContact #content { width: 490px; }
.column { float: left; display: inline; width: 200px; }
.first { width: 290px; }

