ul, ol { list-style:none; } h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; } ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, div, span, img, dt, dd, dl { margin:0; padding:0; } /* * * Main Styles * * */ html { font-size: 16px; background: #f2f0dc; } body { text-align: center; font-family: "Arial", sans-serif; font-size: 62.5%; color: #443E27; font-size-adjust: 0.52; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0 auto; overflow-x: hidden; /*max-width: 1200px;*/ width: 100%; } h1 { font: normal 3em "Arial"; line-height: 100%; } h2 { font: normal 2.4em "Arial"; line-height: 44px; } h3 { font: normal 2.2em "Arial"; line-height: 100%; } h4 { font: normal 1.6em "Arial"; line-height: 100%; } h5 { font: bold 1.3em "Arial"; line-height: 100%; } h6 { font: normal 1.2em "Arial"; line-height: 100%; padding-top: 5px; } h3 span, h4 span, h5 span, h6 span { font-size: 0.80em; letter-spacing: -0.01em; } p { font-size: 1.4em; line-height: 18px; } a:link, a:visited { color: #443E27; text-decoration: underline; outline: none; } a:hover { color: #443E27; text-decoration: none; } .no-u a { text-decoration: none; } .no-u a:hover { text-decoration: underline; } div.left { clear: none !important; float: left !important; } div.right { clear: none !important; float: right !important; } div.wrap-30p { width: 270px; } div.wrap-70p { width: 678px; } div.wrap-30p div.content { width: 250px; } span.hidden { display: none; } div.clearfix { clear: both !important; float: none !important; font-size: 0px !important; } /* * * Global Styles * * */ a.img-link { display: block; float: left; background: url(../images/img_link-thumb_bg.png) no-repeat scroll 0 0; padding: 0 2px 2px 0; margin: 0 10px 0 0; } a.img-link img { display: block; background: #fff; border: 1px solid #EDEDED; padding: 2px; height: 66px; width: 90px; } ul.navigation { float: left; width: 100%; } ul.navigation li { float: left; padding: 12px 5px; } ul.navigation li a { font-size: 1.4em; } ul#list-filters { clear: both; list-style: url(../images/list-filters_arrow.png) inside; padding: 18px 0 0 0; } ul#list-filters h4 { color: #7F7B6A; padding: 0 0 5px 0; } ul#list-filters li a { color: #7F7B6A; font-size: 1.3em; line-height: 1.5em; } ul#list-keywords { clear: both; float: left; width: 100%; } ul#list-keywords li { float: left; font-size: 1.5em; line-height: 17px; padding: 0 0.25em 0 0; } ul#list-keywords li a { float: left; display: block; color: #7f7b6a; } ul#list-keywords li a.tag1 { font-size: 0.666em; } ul#list-keywords li a.tag2 { font-size: 0.800em; } ul#list-keywords li a.tag3 { font-size: 0.933em; } ul#list-keywords li a.tag4 { font-size: 1.066em; } ul#list-keywords li:not(:last-child):after { content: ","; } ul.items li { padding: 14px 0 12px 48px; height: 86px; } ul.items li.image { background: url(../images/mime_type-image.png) no-repeat scroll 0px 17px; } ul.items li.video { background: url(../images/mime_type-video.png) no-repeat scroll 0px 17px; } ul.items li.document { background: url(../images/mime_type-article.png) no-repeat scroll 5px 17px; } ul.items li.question { background: url(../images/mime_type-question.png) no-repeat scroll 5px 17px; } ul.items.small li { padding: 10px 0 10px 35px; height: 30px; } ul.items.small li h5 a { text-decoration: none; } ul.items.small li h5 a:hover { text-decoration: underline; } ul.items.small li.image { background: url(../images/mime_type-image_small.png) no-repeat scroll 0 10px; } ul.items.small li.video { background: url(../images/mime_type-video_small.png) no-repeat scroll -2px 10px; } ul.items.small li.document { background: url(../images/mime_type-article_small.png) no-repeat scroll 2px 10px; } ul.items.small li.question { background: url(../images/mime_type-question_small.png) no-repeat scroll 0 10px; } form.box { background: #f7f5eb; border: 1px solid #d8d4bf; padding: 8px; } form input { float: left; } form input { float: left; color: #443E27; background: #fff; border: 1px solid #9A6C22; } form input.text { font: bold 16px "Arial"; padding: 4px 5px 2px; margin: 0 5px 0 0; height: 18px; width: 165px; } form input.text:hover, form input.text:focus { background: #e8e8e8; } form input.submit { color:#fff; font:normal 18px "gill sans"; background:url(../images/button_submit.png) repeat-x scroll 0 0; border:1px solid #9A6C22; padding: 0 5px 2px; height: 26px; } form input.submit-search { background: url(../images/form_search-submit_small.png) no-repeat scroll 0 0; border: 0px; height: 25px; width: 25px; } div.paged { float: right; color: #ded5b0; text-align: center; padding: 11px 5px 0 0; height: 26px; } div.paged ul li { float: left; margin: 0 4px 0 0; } div.paged ul li a { float: left; display: block; color: #fff; font-size: 1.8em; line-height: 26px; text-decoration: none; background:url(../images/paged.png) no-repeat scroll 0 0; border: 0px; padding: 0 0 0 6px; height: 100%; } div.paged ul li span { float: expression('left'); display: block; background:url(../images/paged.png) no-repeat scroll 100% 0; padding: 0 6px 0 0; width: expression('14px'); min-width: 14px; height: 100%; } div.paged ul li p { float: left; display: block; font-size: 1.8em; line-height: 26px; background:url(../images/paged.png) no-repeat scroll 0 -27px; border: 0px; padding: 0 0 0 6px; height: 100%; } div.paged ul li p span { background: none; background:url(../images/paged.png) no-repeat scroll 100% -27px; } div.paged ul li a:hover { color: #ded5b0; text-decoration: none; background:url(../images/paged.png) no-repeat scroll 0 -54px; border: 0px; } div.paged ul li a:hover span { background:url(../images/paged.png) no-repeat scroll 100% -54px; } div.paged ul li.first a { background:url(../images/paged.png) no-repeat scroll 0 -60px; padding: 0 0 0 20px; } div.paged ul li.first a:hover { background:url(../images/paged.png) no-repeat scroll 0 -80px; } div.paged ul li.prev a { background:url(../images/paged.png) no-repeat scroll 0 -100px; padding: 0 0 0 20px; margin: 0; } div.paged ul li.prev a:hover { background:url(../images/paged.png) no-repeat scroll 0 -120px; } div.paged ul li.next a { background:url(../images/paged.png) no-repeat scroll 100% -140px; padding: 0 20px 0 0; margin: 0; } div.paged ul li.next a:hover { background:url(../images/paged.png) no-repeat scroll 100% -160px; } div.paged ul li.last a { background:url(../images/paged.png) no-repeat scroll 100% -180px; padding: 0 20px 0 0; } div.paged ul li.last a:hover { background:url(../images/paged.png) no-repeat scroll 100% -200px; } div.paged ul li.first span, div.paged ul li.prev span { padding: 0 5px 0 0; } div.paged ul li.next span, div.paged ul li.last span { background-position: 0 0; padding: 0 0 0 5px; } div.continuation { clear: both; position: absolute; bottom: 0px; right: 0px; } div.continuation p { float: left; color: #7f7b6a; font: normal 1.6em Arial, Helvetica, sans-serif; line-height: 33px; padding: 0 10px 0 0 !important; } div.continuation a { float: left; display: block; float: left; color: #fff; font: normal 1.8em Arial, Helvetica, sans-serif; background: url(../images/button_more.png) no-repeat scroll 0 0; text-decoration: none; line-height: 18px; padding: 0 18px 0 0; margin: 0 0 0 5px; } div.continuation a span { float: left; display: block; background: url(../images/button_more.png) no-repeat scroll 0 0; padding: 8px 0 7px 18px; height: 18px; } div.continuation a:hover, div.continuation a:hover span { text-decoration: underline; background: url(../images/button_more.png) no-repeat scroll 0 100%; } div#search-results h3 span { color: #C0C0C0; } /* * * Wrap Styles * * */ #header { text-align: left; background: url(../images/header_bg.png) repeat-x scroll 0 0; height: 89px; } #details { text-align: left; background: #fff; padding: 0 0 75px 0; } #image-pane { text-align: left; background: #366a52 url(../images/image_pane.jpg) no-repeat scroll 50% 0; height: 273px; } #content { position: relative; text-align: left; background: #E6E0C0; padding: 46px 0 10px 0; min-height: 100px; } #search { text-align: left; background: #fff; padding: 0 0 75px 0; } #footer { text-align: left; background: #E6E0C0; padding: 0 0 30px 0; } #details + #content, #search + #content { padding: 0 0 15px 0; } body div.container { clear: both; float: left; width: 100%; } body div.container div.wrap { overflow: hidden; margin: 0 auto; width: 960px; } /* * * Header Styles * * */ #header #wrap-header { height: 100%; } #header div#logo { float: left; background: url(../images/header_logo.png) no-repeat scroll 0 0; cursor: pointer; height: 100%; } #header div#logo h1 { color: #2E210B; font: bold italic 1.654em "Trebuchet MS"; padding: 56px 0 0 164px; } #header form#search-toolbar { float: right; margin: 30px 0 0 0; } #header form#search-toolbar input { } /* * * Image-pane Styles * * */ #image-pane div#info { float: right; background: url(../images/image_pane-info_bg.png) repeat scroll 0 0; padding: 12px; margin: 35px 0 0 0; width: 270px; } #image-pane div#info h1 { font-size: 1.8em; padding: 0 0 12px 0; } #image-pane div#info p { font-size: 1.5em; line-height: 19px; } /* * * Details Styles * * */ #wrap-details { position: relative; } #details h3 { padding: 0 0 15px 0; } #details p { padding: 0 0 33px 0; } #details p span { color: #7F7B6A; } #details div.image { clear: both; border-left: 1px solid #ccc; } #details div.image span { float: left; display: block; padding: 0 45px 0 0; } #details div.image span img { border: 1px solid #ccc; padding: 5px; height: 391px; width: 532px; } #details div#caption { float: left; max-width: 450px; padding: 10px 0 0 5px; } /* * * Content Styles * * */ #content div#grass { position: absolute; background: url(../images/content_bg.png) repeat-x scroll 50% 100%; top: -49px; left: 0px; height: 50px; width: 100%; } #content ul.navigation li a { font-size: 1.8em; line-height: 100%; } #content ul.navigation li.email { float: right; background: url(../images/link_email.png) no-repeat scroll 0 9px; padding: 6px 5px 12px 26px; } #content ul.navigation li.feedback { float: left; padding: 6px 5px 12px 5px; } #content div.section { } #content div.section h2 { color: #fff; background: url(../images/content_section.png) no-repeat scroll 100% 0; padding: 0 16px 0 0; } #content div.section h2 span { display: block; background: url(../images/content_section.png) no-repeat scroll 0 0; padding: 0 0 0 16px; } #content div.section div.content { float: left; background: #fff; border: 1px solid #ded8ce; padding: 9px; min-height: 540px; } #content div.section div.content h3 { padding: 0 0 20px 0; } #content div.section div.column-left { float: left; padding: 17px 0 17px 20px; width: 455px; } #content div.section div.column-right { float: right; padding: 17px 20px 17px 0; width: 366px; } #content div.section div#related-items { padding: 0 0 20px 0; } #content #common_questions { float: left; width: 678px; } #common_questions div.content { width: 658px; } #content #the_collection { float: right; width: 270px; } #the_collection div.content { width: 250px; } #the_collection div#search-box { width: 240px; } #the_collection div#featured-items { width: 240px; } #content #question { clear: both; float: left; width: 100%; } #question div.content { width: 940px; } #question h4 { font-size: 2.2em; } #content #document { clear: both; float: left; width: 100%; } #document div.content { width: 940px; } /* #document ul#abstract p { color: #7F7B6A; line-height: 22px; padding: 0 0 15px 0; } #document ul#abstract p a { color: #7F7B6A; } #document ul#abstract li { float: left; width: 125px; padding: 20px 20px 0 0; } */ #content ul#list-questions { clear: both; padding: 0 9px; } #content ul#list-questions li { float: left; padding: 9px 35px 7px 0; height: 74px; width: 285px; } #content ul#list-questions li p { font-size: 1.4em; padding: 3px 0 0 0; } #content div#search-box { clear: both; float: left; padding: 5px; } #content div#search-box form { float: left; margin: 13px 0 10px 0; } #content div#search-box form input.text { color: #726941; font-weight: normal; } #content div#featured-items { clear: both; float: left; padding: 40px 5px 5px 5px; } #content div#featured-items h6 { color: #726941; line-height: 20px; } #content div#featured-items h6 a { color: #726941; } #content div#related-items { clear: both; width: 366px; } #content div#related-items h3 a { text-decoration: none; } #content div#related-items h3 a:hover { text-decoration: underline; } #content div#related-items p { color: #726941; line-height: 20px; } #content div#related-items p a { color: #726941; } #content div#related-items ul.items.small li { height: auto; padding-bottom: 20px; } #content div#abstract { clear: both; padding: 0 0 30px 0; } #content div#abstract h3 { padding: 0 0 20px 0; } #content div#abstract p { color: #7f7b6a; line-height: 22px; } #content ul#citation { clear: both; float: left; padding: 5px 0 0 0; } #content ul#citation li { float: left; padding: 0 20px 20px 0; width: 131px; } #content ul#citation li.web { width: 100%; } #content ul#citation li p { color: #7f7b6a; line-height: 22px; } #content ul#citation li p a { display: block; color: #7f7b6a; text-overflow: hidden; width: 100%; height: 22px; } /* * * Search Styles * * */ #search #search-options { float: left; color: #726941; width: 277px; } #search #search-options h3 { clear: both; line-height: 50px; } #search #search-options form.box { float: left; padding: 13px; margin-bottom: 15px; } #search #search-options form.box input.text { color: #726941; width: 205px; } #search #search-options ul#list-keywords h3 { padding: 32px 0 8px 0; } #search #search-results { float: left; padding: 0 0 0 45px; width: 585px; } #search #search-results ul.items { clear: both; padding: 15px 0 0 20px; } #search #search-results ul.items li { border-top: 1px solid #EEE8D2; } #search #search-results ul.items li h4 { padding: 0 0 3px 0; } #search #search-results ul.items li a.img-link { float: right; } #search #search-results ul.items li p { font: normal 1.2em Geneva, Arial, Helvetica, sans-serif; line-height: 14px; padding: 5px 0 0 0; width: 360px; } #search #search-results form#search-sortbox { float: right; } /* * * Footer Styles * * */ #footer #wrap-footer { font: normal 1em Geneva, Arial, Helvetica, sans-serif; background: url(../images/footer_bg.png) no-repeat scroll 0 2px; padding: 5px 0 0 75px; min-height: 42px; h\eight: 42px; width: 885px; } #footer p { clear: both; font-size: 1.1em; line-height: 15px; } #footer ul { float: left; display: block; padding: 0 0 2px 0; width:100%; } #footer ul li { float: left; padding: 0 25px 0 0; } #footer ul li a { font-size: 1.2em; text-decoration: none; } #footer ul li a:hover { text-decoration: underline; } #footer ul li.email { float: right; background: url(../images/link_email.png) no-repeat scroll 0 50%; padding: 0 0 0 30px; } #footer ul li.email a { color: #443E27; font: normal 1.4em Arial, Helvetica, sans-serif; } /* * * Javascript Styles * * */ input#sortbox_input { color: #fff; font: normal 16px "Arial"; text-align: center; background: transparent url(../images/form_sortbox.png) no-repeat scroll 100% 0; border: 0px; padding: 4px 31px 2px 5px; margin: 0 5px 0 0; height: 18px; width: 128px; } input#sortbox_input:hover { color: #2a2a2a; background: transparent url(../images/form_sortbox.png) no-repeat scroll 100% -25px; } div#sortbox_container { clear: both; position: relative; } div#sortbox_container ul { position: absolute; border-right: #494949 1px solid; border-left: #494949 1px solid; overflow: auto; max-height: 110px; top: 0px; left: 0px; width: 162px; } div#sortbox_container ul li { display: block; color: #1b1b1b; background: #474747; font: bold 1.8em "Arial"; border-bottom: #494949 1px solid; padding: 3px 5px 1px; } div#sortbox_container ul li.selected { color: #2A2A2A; background-color: #626262; } div.description p { margin-bottom:15px; } div.left { width: 500px; overflow:auto; padding:20px; } div.right { width: 400px; overflow:auto; clear:both;} #email { text-align: left; height: 305px; width: 593px; } #email h1 { color: #fff; font: normal 2.4em Arial, Helvetica, sans-serif; line-height: 44px; background: url(../images/form_email-header.png); padding: 0 0 0 17px; } #email form { background: #fff; padding: 15px 17px; } #email form h2 { float: left; color: #666; font: normal 1.8em Arial, Helvetica, sans-serif; line-height: 25px; } #email form h3 { text-align: right; font: italic 1.3em Arial, Helvetica, sans-serif; line-height: 25px; } #email form p { float: left; } #email form div { clear: both; float: left; padding: 0 0 12px 0; } #email form div.clearfix { padding: 0; } #email form input.text { margin: 0; width: 550px; } #email form #email_to, #email form #your_name, #email form #your_address { width: 100%; } #email form #your_address h2 { float: none; } #email form #your_address input.text { clear: both; width: 390px; } #email form #your_address div.checkbox { float: left; clear: none; padding: 0px; } #email form #your_address div.checkbox input { float: left; border: 0px; margin: 6px 0 0 15px; } #email form #your_address div.checkbox label { float: left; display: block; font: normal 1.5em Arial, Helvetica, sans-serif; line-height: 26px; padding: 0 0 0 5px; } #email form #submitter { padding: 15px 0 0 0; width: 100%; } #email form #submitter input { margin-right: 8px; } #email form #submitter p { color: #999; font: normal 1.6em Arial, Helvetica, sans-serif; line-height: 26px; }