/*yahoo reset rules*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*end yahoo reset rules*/



body
{
    background: #575757 url(../images/bg_vert_fill.gif) repeat-y center top;        
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #ccc;
    *padding-left: 1px; /*hack for IE 1px background image bug*/   
}

html
{
	height: 100%;
	margin-bottom: 1px;	
}

#wrapper
{   
    width: 750px;
    padding: 0;    
    border-top: 11px solid #575757;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #323232;
}

#masthead
{
    position: relative;
    width: 700px;
    height: 110px;
    background-color: #323232;
    border-bottom: 5px solid #575757;
    margin-bottom: 15px;
    margin-left: 25px;
}

#logo
{
    position: absolute;
    left: 0;
    top:38px;
}

#nav
{
    width: 700px;
    float: left;
    padding-bottom: 58px;
    background-color: #323232;
    margin-left: 25px;
    _display: inline;/*kill IE6 double float margin bug*/
}

#nav.homeNav
{
    padding-bottom: 29px;
}

#nav a
{
    font-weight: bold;
    color: #999;
    text-decoration: none;
    display: block;
    float: left;
    padding-right: 32px;
    margin-right: 16px;
    margin-left: 0;
    border-bottom: 5px solid #323232;
}


#nav a:hover 
{
    color: #fff;
    border-bottom-color: #f4230c;
}

/*turn on nav items based on class set in body tag*/

.home #navHome, .about #navAbout, .assemblage_1 #navAssemblage_1, .assemblage_2 #navAssemblage_2, .exhibits #navExhbits
{
    color: #fff;
    border-bottom-color: #f4230c;
}



#galleryTabs
{
    width: 700px;
    float: left;
    margin-left: 25px;
    margin-bottom: 11px;
    border-bottom: 1px solid #777;
    display: inline;
}

#galleryTabs a
{
    font-weight: bold;
    font-size: 12px;
    color: #999;
    background-color: #555;
    text-decoration: none;
    width: 68px;
    display: block;
    float: right;
    margin-left: 11px;    
    padding: 5px 0;
    text-align: center; 
}

#galleryTabs a:hover
{
    color: #fff;
    background-color: #888;
}

#galleryTabs a.tabOn
{
    color: #fff;
    background-color: #888;
}

#content, #content2
{  
    width: 700px;
    float: left;
    background-color: #323232;
    margin-bottom: 148px;
    margin-left: 25px;
    display: inline;/*for IE6 double float margin bug*/
}

#content.thumbs a, #content2.thumbs a
{
    display: block;    
    float: left;
    width: 68px;
    height: 68px;
    margin: 0 11px 11px 0;    
}

#content.thumbs a.last, #content2.thumbs a.last
{
    margin-right: -3px; /*should just be "0" but stupid IE6 wants -3 to work right*/
}

/*this div should start out hidden so we can use jquery to provide a transition
when the tabs are clicked*/ 
#content2
{ 
     display: none;
     _margin-left: 13px;/*hideous IE6 hack*/
}


/*about page styles*/
#content.about
{
    width: 384px;    
}

#sidebar
{
    width: 226px;
    margin-right: 25px;
    float: right;
    color: #9c9c9c;
}

strong
{
    font-weight: bold;
    color: #fff;
}

p
{
    margin-bottom: 18px;
}

a
{
    color: #ccc;
}
a:hover
{
    color: #fff;
}

p span
{
    font-size: 11px;
    margin-left: 10px;
}


a.hideLinks
{
    display: none;
}



#footer
{
    width: 700px;
    float: left;
    padding-top: 5px;
    padding-bottom: 33px;
    border-top: 5px solid #575757;
    font-size: 12px;
    margin-left: 25px;
    display: inline;/*for IE6 double float margin bug*/
}