@import url(homepage.css);

@import url(resources.css);

@import url(history.css);

@import url(gallery.css);

@import url(programstours.css);

@import url(searchresults.css);

@import url(lightbox.css);

/* begin - default browser settings

---------------------------------------------------------------- */

html { font: 78% Georgia, Book Antiqua, Times New Roman, Garamond, serif }



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0 }

h1, h2, h3, h4, h5, h6 { font-size : 100% }

ol, ul { list-style : none }

address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal }

table { border-collapse : collapse; border-spacing : 0 }

fieldset, img { border : 0 }

caption, th { text-align : left }

q:before, q:after { content :'' }

hr { position: absolute; left: -999999px }

sup { vertical-align: top }

acronym, abbr { border: 0 }

/* end - default browser settings

---------------------------------------------------------------- */



html { position: relative; margin-bottom: -10px; background-color: #4b6657 }



body { position: relative }



#main_wrap { position: relative; width: 1002px; margin: 1em auto 0 auto; background: url(../../images/shared/border_bckgrnd02.gif) repeat-y top center #4b6657 }



#content { position: relative; min-height: 1056px; background: url(../../images/shared/border_bckgrnd01.gif) no-repeat top center }



#pagetitle { position: absolute; width: 218px; height: 1056px; background: url(../../images/shared/header_bckgrnd01.gif) no-repeat top center }

#pagetitle a { display: block; width: 186px; height: 214px; margin: 65px 0px 11px 17px; background: url(../../images/shared/page_title02.gif) no-repeat top center; background-color: #4b6657; text-indent: -999999px }



#maincontent { position: relative; min-height: 1056px; width: 784px; left: 218px; overflow: hidden; background: url(../../images/shared/content_bckgrnd01.jpg) no-repeat top center }



/* begin - top navigation - there are IE fixes for these

---------------------------------------------------------------- */

#mainnavigation { padding: 25px 0px 0px 0px; width: 784px; font-size: 118%; overflow: hidden }

#mainnavigation li { position: relative; float: left; padding: 3px 0px 3px 27px; margin-left: 29px; background: url(../../images/shared/main_nav_bckgrnd01.gif) no-repeat 0px 0px  }

#mainnavigation li:first-child {  background: none; padding-left: 0px }

#mainnavigation li a { display: block; float: left; text-align: center; color: #e4d498; font-weight: bold; text-decoration: none }

#mainnavigation li a:link { display: block; float: left; text-align: center; color: #e4d498; font-weight: bold; text-decoration: none }

#mainnavigation li a:visited { display: block; float: left; text-align: center; color: #e4d498; font-weight: bold; text-decoration: none }

#mainnavigation li a:hover { display: block; float: left; text-align: center; color: #fceeaf; font-weight: bold; text-decoration: underline }

#mainnavigation li a:focus { display: block; float: left; border: 0; text-align: center; color: #e4d498; font-weight: bold; text-decoration: none }

#mainnavigation li a:active { display: block; float: left; text-align: center; color: #e4d498; font-weight: bold; text-decoration: none }



#mainnavigation li a.on { color: white }



/* end - top navigation

---------------------------------------------------------------- */



/* begin - first read styles

---------------------------------------------------------------- */

#artwork { position: relative; top: 4px; width: 744px; height: 238px; margin: 10px auto 0px auto }



#welcome #artwork { position: relative; top: 4px; width: 744px; height: 238px; margin: 10px auto 20px auto }



#programsandtours #artwork { position: relative; top: 4px; width: 744px; height: 238px; margin: 10px auto 20px auto }



#artwork span.border { position: absolute; z-index: 10; display: block; width: 744px; height: 238px; background: url(../../images/shared/artwork_border01.gif) no-repeat top center }

#artwork span.fleur { position: absolute; z-index: 10; right: 38px; bottom: -93px; display: block; width: 170px; height: 240px; background: url(../../images/shared/fleur.gif) no-repeat top center }

#artwork img { position: absolute; left: 10px; top: 8px; z-index: 5 }

#artwork p { position: absolute; bottom: -15px; z-index: 40; font-size: 86%; left: 10px; width: 530px; padding: 1px 0px 1px 0px; text-align: right; background: url(../../images/shared/footnote_bckgrnd01.gif) no-repeat top right; color: #e9d586 }

/* end - first read styles

---------------------------------------------------------------- */



#bodycontent { position: relative; width: 100%; min-height: 760px; margin: 0px auto; padding-top: 3em; overflow: hidden; font-size: 110%; color: #2c2418 }



#bodycontent p { margin: 0.5em 0em }

#bodycontent a:link { color: #fceeaf }

#bodycontent a:visited { color: #fceeaf }

#bodycontent a:hover { color: #fef5cc; text-decoration: none }

#bodycontent a:focus { color: #fef5cc }

#bodycontent a:active { color: #2c2418; background-color: #fef5cc }





.content { width: 346px; margin-top: -35px; padding: 20px 24px 0px 30px; float: left }

h2.page_header { font-size: 145%; margin-bottom: 0.5em; color: white; z-index: 20 }



.subcontent { width: 346px; padding: 27px 25px 0px 10px; float: right; z-index: 5 }





/* begin - search settings

---------------------------------------------------------------- */

#search { position: relative; padding-top: 8px; margin: 0px auto 8px auto; text-align: center; line-height: 0.9em }

#search legend { position: absolute; left: -100px; margin: 0px; padding: 0px 0px 6px 0px; font-size: 160%; line-height: 1.2em }

#search span { padding: 0px 6px; font-weight: bold; font-family: Arial, Helvetica, sans-serif }

#search select { display: block; width: 200px; margin: 0 auto; border-color: #f5e59b; border-width: 1px; border-style: solid; font-size: 0.9em; font-weight: bold; color: #2c2418; background-color: #f5e59b }

#search input { position: relative; top: 2px; height: 1.45em; margin-left: 158px; padding: 0px 3px; color: #2c2418; background-color: #f5e59b; vertical-align: middle; font-size: 0.9em; font-weight: bold; border: solid 1px #2c4337 } /* IE fox */

/* end - search settings

---------------------------------------------------------------- */





/* begin - footer info styles

---------------------------------------------------------------- */

#footer { position: relative; width: 972px; margin: 0 auto; padding: 10px 15px 10px 15px; text-align: right; font-size: 100%; font-weight: bold; color: white; background: url(../../images/shared/footer_bckgrnd01.gif) no-repeat top center #4b6657  }

#footer a { color: white; text-decoration: none }

#footer a:hover { text-decoration: underline }

#footer ul { padding-top: 2px }

#footer li { display: inline }

#footer a[title="Click for the Delaware Art Museum website"] { display: block; position: absolute; left: 16px; top: 20px }



#secondarylinks li::before { content:' | '}

#secondarylinks li:first-child:before { content:''}



#copyright { padding-top: 2px; color: #e4d498 }

#copyright ul li::before { content:' | '}

#copyright ul li:first-child:before { content:''}

#copyright ul li.viewall { position: absolute; top: -999999em  }

#copyright a { color: #e4d498 }



#address, #address div { display: inline }

#address .adr::before, #address .tel::before { content:' · '}



#address .locality::before { content:', ' }

/* end - footer info styles

---------------------------------------------------------------- */







.title { font-style: italic }