﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* END CSS RESET */


html, body {
height: 100%;
background:  #000 ;
}


a {  }

.clear { clear: both; }

#wrapper { text-align: center; font-family: Trebuchet MS, sans-serif }

#container { width: 960px; text-align: left; margin: 0 auto; padding-top: 40px; }

#navWrapper { position: absolute; z-index: 58 }

#nav { width: 960px; height: 80px; background: url(../images/nav_bg.jpg); z-index: 59;  position: absolute /* top: 245px; */ }

.divider { background: #151515; height: 2px; overflow: hidden; margin-top: 14px;  }

#footer { padding: 10px 25px 0 30px; margin-top: 0; }

#footer h3 { width: 800px; padding: 25px 0 0 0; margin: 0 0 0 0; }

#contentBg { min-height: 400px; background: #0f0f0f url(../images/main_bg.jpg) no-repeat 0 80px;  } 

* html #contentBg { height: 400px; }

#contentWrapper { position: absolute; min-height: 400px; width: 960px; }

* html #contentWrapper { height: 400px; }

#contentOverlay { min-height: 289px; width: 930px;  position: relative; padding: 111px 0 0 30px; }

* html #contentOverlay { height: 289px; }

#logo { width: 100px;  float: right; }

p, li { font: 12px/18px Trebuchet MS, sans-serif; color: #a09b9b; padding: 0; margin: 16px 0; }

.contentLeft { float: left; width: 320px; padding-right: 50px; }

.contentRight { float: left; width: 320px; padding-right: 40px; }

.contentLeftSlim { padding-top: 30px; float: left; width: 260px; padding-right: 50px; }

.contentRightWide { padding-top: 30px; float: left; width: 560px; padding-right: 40px; }

#thumbsGrid, #thumbsGrid2 { width: 910px; height: 200px; margin: 4px 0 25px 0; }

#thumbsGrid2 { padding-top: 30px; }

.singleLine { height: 99px !important; }

#thumbsGrid a, #thumbsGrid2 a { margin: 0 5px 5px 0;  display: inline; float: left; width: 96px; height: 96px; background: url(../images/thumb_bg.jpg); border: none; }

#thumbsGridExhib { float: left; width: 420px; padding-top: 15px; height: 400px; padding-right: 20px;  display: inline; }

#thumbsGridExhib a { margin: 0 4px 4px 0;  display: inline; float: left; width: 96px; height: 96px; background: url(../images/thumb_bg.jpg); border: none; }

#thumbsGrid div, #thumbsGrid2 div { margin: 0 5px 5px 0;  display: inline; float: left; width: 96px; height: 96px; background: url(../images/thumb_bg.jpg); border: none; }

.floatLink { float: right; height: 40px; padding-top: 6px; width: 305px;  }

.itemCat { width: 275px; margin: 20px 35px 0 0; float: left; }

.itemCat p, .itemBook p, .contentLeftSlim p, .contentRightWide p, .itemExhib p { margin-top: 7px; }

.itemExhib { margin:0;   padding: 25px 0 20px 0;  float: left;  display: inline; width: 460px;}

.itemExhib p { margin: 0 20px 8px 180px; padding-bottom: 0; padding-top: 5px;}

.itemExhib h3 {  margin: 0 20px 0 180px !important; width: 250px; }

.thumb { float: left; display: inline;  width: 150px; }

.itemBook { width: 145px; margin: 20px 35px 25px 0 ; float: left; }

.bookImg { width: 110px; margin: 20px 20px  0 0; float: left; }

.longPage { position: relative !important; background: #0f0f0f url(../images/main_bg.jpg) no-repeat 0 80px; padding-bottom: 20px;  }

.exInfoLeft { float: left; width: 350px; display: inline; }

.exInfoRight { float: left; width: 450px; margin-top: -16px; display: inline;}

.exhibLeft  { width: 620px; float: left; display: inline; }

.contentTop { width: 640px; padding-top: 20px;}


/* FORMATTING */



p a, li a { background: #222020; color: #d5cfcf; text-decoration: none; padding: 0 3px; }

p a:hover, li a:hover { color: #fff; background: #383535; }

.darker { color: #353232; }

a.bullet { background: #222020 url(../images/bullet.gif) no-repeat; padding: 0 3px 0 28px; line-height: 22px; }

a.bullet:hover { background: #383535 url(../images/bullet_hover.gif) no-repeat;  }

h1 { color: #4f4b4b; font-weight: normal;  font-size: 26px; }

h2 a { text-decoration: none; color: #ffffff;  }  

h2 a:hover { text-decoration: none; color: #ffffff; } 

.white { color: #ffffff; } 

a.darker { color: #353232; } 

h3 { font-size: 13px; font-weight: bold; color: #625d5d; line-height: 20px;  }

h3 a { text-decoration: none; color: #625d5d; }  

h3 a:hover { text-decoration: none; color: #ffffff; } 

.noTop { margin-top: 0 !important; padding-top: 0 !important; }

#contentOverlay  li { margin: 5px 0; }

blockquote { border-top: #252323 2px solid; margin-top: 40px; }

.attrib { font-style: italic; color: #625d5d; }

.full-width { width: 910px; padding-bottom: 30px;  }
