/*Default Styles*/ * { margin: 0; padding: 0; } a { color: #8c271f; text-decoration: none; } a:hover { text-decoration: underline; } a:focus { outline: none; } a img { border: 0; } ul { list-style: none; } ol { list-style-position: inside; } p { line-height: 1.3em; } h1 { font: 20px times, "times new roman", serif; color: #412d23; border: 1px solid #d9d6c7; padding: 5px 10px 3px; font-weight: normal; background: #f2efe0; } h2 { font-size: 12px; text-transform: uppercase; } h3 { font-size: 12px; } /*Helper Classes*/ a.more { display: inline-block; padding-right: 8px; background: url(/images/arrow_red_right.gif) right center no-repeat; } a.btn_red, input.btn_red { font-size: 11px; height: 14px; color: #fff; padding: 3px 19px 2px 10px; text-transform: uppercase; background: #910007 url(/images/arrow_white_right.gif) right top no-repeat; overflow: hidden; } input.btn_red { border: 0; cursor: pointer; height: 19px; padding: 0 14px 0 5px; } a.btn_red:hover, input.btn_red:hover { background-color: #573221; background-position: right -19px; text-decoration: none; } a.btn_brown { font-size: 11px; height: 14px; color: #fff; padding: 3px 19px 2px 10px; text-transform: uppercase; background: #573221 url(/images/arrow_white_right.gif) right -19px no-repeat; overflow: hidden; } a.btn_brown:hover { background-color: #910007; background-position: right top; text-decoration: none; } a.pub_more { float: left; width: 278px; text-align: right; background: url(/images/arrow_brown_right.gif) right 12px no-repeat; border-top: 1px dotted #4b5e58; padding: 8px 10px 0 0; margin: 9px 0 0 10px; font-size: 10px; text-transform: uppercase; font-weight: bold; } .left { float: left; } .right { float: right; } #main_text .red { color: #910007; } a.register { display: block; padding: 5px 15px; margin-bottom: 10px; border: 1px solid #752123; background: #7c2225 url(/images/bg_visit.gif) left center repeat-x; color: #fff; font-size: 16px; font-weight: normal; text-transform: uppercase; } a.register span { padding-left: 20px; background: url(/images/icon-register.gif) left 3px no-repeat; } a.register:hover { text-decoration: none; color: #F9F8F3; } /*Global Layout Styles*/ body { font: 12px arial, helvetica, sans-serif; color: #322218; text-align: center; background: #f9f8f3; } #wrapper { width: 974px; margin: 0 auto; overflow: visible; text-align: left; } /*Header and Main Nav Styles*/ #header { float: left; width: 974px; padding-bottom: 6px; background: url(/images/bg_content_top.gif) left bottom no-repeat; } #header a:hover { text-decoration: none; } #header a.logo, #header a.logo img { float: left; } #header form { float: right; width: 695px; padding: 16px 0 54px; background: url(/images/tagline.gif) right bottom no-repeat; text-align: right; } #header input { vertical-align: middle; } #header input.input { width: 146px; height: 15px; border: 1px solid #b6b2a0; font: 11px arial, helvetica, sans-serif; padding: 2px 0 0 20px; background: #fff url(/images/icon_search.gif) 5px 3px no-repeat; color: #8a8a8a; } #header input.submit { height: 19px; border: 0; font: 10px arial, helvetica, sans-serif; text-transform: uppercase; color: #fff; background-color: #573221; padding: 0 8px; cursor: pointer; } #header form h1 { display: none; } #header ul { float: left; width: 902px; height: 36px; padding: 3px 36px 0; margin-top: 12px; background: url(/images/bg_nav.jpg) left top no-repeat; } #header ul li { float: left; position: relative; z-index: 1000; margin-top: -1px; } #header ul li a { float: left; padding: 13px 34px 14px; } #header ul li.hover a { background: #fefefd url(/images/arrow_red_down.gif) center bottom no-repeat; padding: 13px 33px 14px; border-left: 1px solid #d0cfce; border-right: 1px solid #d0cfce; } #header ul li.menuless a:hover { background: #fefefd; padding: 13px 33px; border-left: 1px solid #d0cfce; border-right: 1px solid #d0cfce; } #header ul li img { float: left; } #header ul li dl { display: none; position: absolute; top: 36px; left: 0; width: 134px; padding: 15px 20px; background: #fefefd right top no-repeat; border: 1px solid #d0cfce; border-top: 0px; filter: alpha(opacity=90); opacity:0.90; z-index: 1000; } #header ul li.hover dl dd { float: left; width: 134px; padding: 5px 0; } #header ul li.hover dl a { background: none; width: 134px; padding: 0; border-left: 0; border-right: 0; color: #2c1c13; } #header ul li.hover dl a:hover { color: #920007; } /*Main Content Styles*/ #content { float: left; width: 950px; padding: 9px 12px; background: #fff url(/images/bg_content_mid.gif) left top repeat-y; } #main { float: left; width: 630px; } #crumb_bar { float: left; width: 950px; padding-bottom: 10px; } #crumb_bar ul, #crumb_bar ul li { float: left; font-size: 11px; color: #2c1c13; } #crumb_bar ul li a { float: left; padding-right: 14px; margin-right: 10px; color: #2c1c13; background: url(/images/arrow_crumbs_right.gif) right center no-repeat; text-decoration: underline; } #crumb_bar ul li a:hover { text-decoration: none; } #crumb_share { float: right; } #crumb_share a { float: left; height: 16px; color: #3d0300; font-size: 12px; border-left: 1px solid #dcdbd6; border-right: 1px solid #dcdbd6; padding: 3px 10px 0 29px; margin-right: 10px; background: url(/images/btn_share.gif) 10px center no-repeat; } #crumb_share form { float: left; height: 19px; } #crumb_share form input { float: left; vertical-align: middle; } #crumb_share form input.input { width: 186px; height: 15px; border: 1px solid #bcb9a9; font: 11px arial; color: #322218; padding: 2px 0 0 3px; margin-right: 7px; } #crumb_share form input.submit { height: 19px; border: 0; background: #573221; color: #fff; padding: 0 3px; font-size: 10px; text-transform: uppercase; } #at15s_head, #at16pf { display: none; } #at15s { border-color: #F2EFE1; } #crumb_share .at15t_expanded, #crumb_share .at15t_compact { display: none; } #main img.banner { float: left; border: 1px solid #d9d6c7; border-top: 0; } #main img.summer { border: 0; } #main #main_text img.banner { border-top: 1px solid #d9d6c7; margin-bottom: 10px; } #content div.publishing_tools img.banner { margin-bottom: 15px; } #main_text { float: left; width: 610px; padding: 0 10px 15px; } #main_text h2, #donate_chart h2 { font: 21px georgia, times, "times new roman", serif; text-transform: none; padding: 15px 0 7px; color: #3d0300; } #main_text p { color: #412d23; padding-bottom: 10px; } #main_text ul { padding: 0 0 10px 20px; list-style: disc; } #main_text ul li { padding-bottom: 3px; } #main_text ol { padding: 0 0 10px 20px; list-style-position: outside; } #main_text ol li { padding-bottom: 3px; } #main_details { float: left; width: 630px; } #main_details h2 { text-transform: none; padding: 10px; } #main_details p { padding: 0 10px 10px; } #sub_nav { float: left; width: 570px; height: 28px; padding: 11px 30px 0; background: url(/images/bg_subnav.jpg) top left no-repeat; } #sub_nav li { float: left; padding: 0 30px; } #sub_nav li.first { border-left: 0; } #sub_nav li a { float: left; font-size: 12px; text-transform: uppercase; color: #2c1c13; font-family: "trebuchet ms", helvetica, sans-serif; } #sub_nav li a:hover { color: #920007; text-decoration: none; } #sub_nav li a.on { color: #77392a; } #sub_nav li a.on:hover { text-decoration: none; } /*Homepage Styles*/ #home_banner, #press_banner { position: relative; width: 630px; height: 383px; } #home_intro { position: absolute; top: 0; left: 0; width: 630px; height: 383px; z-index: 2; } #home_slideshow { display: none;float: left; width: 630px; height: 383px; position: absolute; top: 0; left: 0; } #home_slideshow h1 { font: 18px arial, helvetica, sans-serif; color: #fff; border: 0; padding: 0; background: none; } #home_slideshow h1 a { color: #fff; } #home_slideshow p { font-size: 13px; } #home_slideshow ul { float: left; top: 0; left: 0; width: 630px; height: 354px; overflow: hidden; z-index: 799; } #home_slideshow ul li { display: none; position: absolute; top: 0; left: 0; width: 630px; height: 354px; z-index: 0; } #home_slideshow ul li.hide { display: none; } #home_slideshow ul li img { float: left; } #home_slideshow ul li div.desc { position: absolute; bottom: 0; left: 0; width: 602px; padding: 10px 14px; background: url(/images/bg_slideshow.png) left bottom repeat-x; color: #fff; } #controls { float: left; width: 610px; height: 19px; padding: 5px 10px; overflow: hidden; background: #8a7c6d; } #controls a { color: #fff; } #controls a.replay { float: left; margin-top: 1px; } #nums { float: right; border-left: 1px solid #cfcec4; } #nums a { float: left; width: 23px; height: 13px; padding: 2px 0 1px; text-align: center; background: #920007; border: 1px solid #cfcec4; border-left: 0; font-size: 10px; } #nums a img { vertical-align: top; margin-top: 2px; } #nums a.pause { margin-left: 10px; border-left: 1px solid #cfcec4; } #nums a.on, #nums a:hover { background: #573221; text-decoration: none; } #home_videos { float: left; width: 630px; margin: 10px 0; } #home_videos ul { float: left; width: 630px; margin-top: 10px; } #home_videos ul li { float: left; width: 310px; padding: 0 10px 15px 0; } #home_videos ul li.odd { width: 310px; padding-right: 0; } #home_videos ul li.full { width: 630px; padding-right: 0; } #home_videos ul li a.thumbs { float: left; position: relative; width: 130px; height: 82px; margin-right: 10px; } #home_videos ul li a.thumbs img { float: left; border: 1px solid #ccc; } #home_videos ul li a.thumbs img.play { position: absolute; bottom: 6px; right: 6px; border: 0; } #home_videos ul li h2 a img { margin-left: 3px; } #home_videos a.btn_red { float: right; } #home_news { float: left; width: 310px; } #home_news ul { float: left; width: 290px; padding: 10px; } #home_news ul li { padding-bottom: 13px; } #home_news h3 a { color: #322218; } #home_news a.btn_red { float: right; margin-bottom: 10px; } #home_learn { float: right; width: 310px; } #home_learn ul { float: left; width: 275px; padding: 10px 10px 10px 25px; } #home_learn li { list-style: disc; padding-bottom: 13px; } #home_learn li a.icon { margin: 2px 8px 0; } #home_learn li a img { vertical-align: middle; } #visit { float: left; width: 268px; padding: 10px 20px; margin-bottom: 10px; border: 1px solid #752123; background: #7c2225 url(/images/bg_visit.gif) left top repeat-x; } #visit h2 { margin-bottom: 7px; } #visit h2 a { color: #fff; font-size: 16px; font-weight: normal; padding-left: 20px; background: url(/images/icon-register.gif) left 3px no-repeat; } #visit p a { color: #fff; font-size: 13px; line-height: 1.3em; } #visit a:hover { color: #e6e2d6; text-decoration: none; } #download_curriculum { float: left; width: 310px; height: 26px; padding-top: 8px; margin-bottom: 10px; overflow: hidden; color: #fff; background: url(/images/btn_sidebar.jpg) left top no-repeat; text-transform: uppercase; font-size: 15px; text-align: center; } #download_curriculum:hover { color: #F2EFE0; text-decoration: none; } /*Bookstore styles*/ #coverflow { float: left; width: 898px; height: 300px; padding: 0 25px; background: #fdfefd url(/images/bg_coverflow.jpg) left top no-repeat; border: 1px solid #d9d6c7; border-bottom: 0; overflow: hidden; } #coverflow a.arrow { float: left; margin-top: 132px; } #coverflow_preloader { float: left; width: 828px; height: 166px; text-align: center; padding-top: 134px; } #cover_frame { position: absolute; top: -10000px; float: left; width: 758px; height: 266px; overflow: hidden; margin: 20px 35px 0; } #coverflow ul { float: left; position: absolute; top: 0; left: 0; width: 3159px; } #coverflow ul li { float: left; position: relative; } #hider { display: none; } #coverflow ul li.current img { display: block; border: 1px solid #dbdbdb; } #coverflow ul li.current a { display: block; padding-bottom: 20px; background: url(/images/bg_coverflow_shadow.gif) bottom left repeat-x; } #coverflow_desc { position: relative; float: left; width: 923px; padding: 10px 10px 10px 15px; background: #8d8072 url(/images/bg_coverflow_desc.gif) left top repeat-x; color: #fff; border: 1px solid #d9d6c7; border-top: 0; margin-bottom: 10px; } #coverflow_desc h1 { float: left; border: 0; background: none; color: #fff; font-weight: normal; padding: 5px 20px 0 0; } #book_info { float: left; padding-left: 20px; border-left: 1px solid #b6ad9f; } #book_info h2 { text-transform: none; font-size: 14px; } #book_info p { font-size: 14px; } #coverflow_desc a.btn_red { position: absolute; right: 10px; bottom: 10px; } #store_search { float: left; width: 608px; padding: 10px; margin-bottom: 10px; border: 1px solid #d9d6c7; background: #f2efe1 url(/images/bg_bookstore_search.gif) left top repeat-x; } #store_search h1 { border: 0; background: none; padding: 0; } #store_search h2 { text-transform: none; padding-bottom: 9px; } #store_search form, #search_cat { width: 281px; padding: 12px 8px; background: #fff; border: 1px solid #d9d6c7; } #store_search form { float: left; position: relative; } #store_search input.input { float: left; width: 259px; height: 15px; border: 1px solid #bcb9a9; font: 11px arial, helvetica, sans-serif; padding: 2px 0 0 20px; background: #fff url(/images/icon_search.gif) 5px 3px no-repeat; color: #322218; } #store_search form ul { position: absolute; top: 53px; left: 8px; width: 279px; padding: 6px 0 10px; border: 1px solid #bcb9a9; border-top: 0; background: #fff; z-index: 1000; } #store_search form ul li { float: left; font-size: 11px; line-height: 1em; } #store_search form ul li a { float: left; width: 259px; padding: 4px 10px; color: #322218; } #store_search form ul li a:hover { text-decoration: none; background: #f1f1f1; color: #8C271F; } #search_cat { float: right; } #search_cat a { color: #322218; } #search_cat a:hover { text-decoration: none; } #search_cat dl { float: left; position: relative; width: 281px; } #search_cat dt, #search_cat dd { float: left; width: 269px; padding: 0 5px; border: 1px solid #bcb9a9; font-size: 11px; } #search_cat dt { height: 16px; padding-top: 1px; } #search_cat dt a { display: block; background: url(/images/arrow_brown_down.gif) right 5px no-repeat; } #search_cat dd { display: none; position: absolute; left: 0; top: 18px; width: 279px; background: #fff; border-top: 0; padding: 6px 0; z-index: 1000; } #search_cat dd a { float: left; width: 274px; padding: 2px 0 2px 5px; } #search_cat dd a:hover { color: #8c271f; background: #f1f1f1; } #store_results, #store_results ol { float: left; width: 630px; } #store_results h2 { text-transform: none; font-size: 14px; width: 415px; } #store_results h3 { font-size: 12px; font-weight: normal; padding-bottom: 10px; } #store_results p { font-size: 12px; padding-bottom: 15px; } #store_results ul { color: #412d23; font-size: 11px; } #store_results ul li { float: left; width: 610px; border-bottom: 1px dotted #684332; padding: 18px 10px 15px; } #store_results ul li a.thumb { float: left; border: 1px solid #909090; } #store_results ul li a.thumb img { float: left; } #store_results ul li div.desc { position: relative; float: right; width: 470px; margin-top: 0; } #store_results span { position: absolute; top: 0; right: 0; color: #910007; font-size: 14px; font-weight: bold; } #store_results div.buttons { float: right; } #store_results div.buttons a { float: left; padding-left: 20px; padding-right: 29px; margin-left: 9px; border: 1px solid #e7e6e1; } #store_results ul li.last { border-bottom: 0; padding-bottom: 0; } /*Book Details view*/ div.book_details { float: left; width: 600px; padding: 15px 10px 10px; } div.book_details h2 { text-transform: uppercase; padding-bottom: 5px; color: #77392A; width: auto; text-transform: none; } div.book_details p { padding-bottom: 15px; } #store_results div.book_details ul { padding: 0 0 15px 20px; list-style: disc; } #store_results div.book_details ul li { padding: 0; border-bottom: 0; float: none; width: auto; } div.book_details img { float: left; border: 1px solid #D9D6C7; margin-bottom: 10px; margin: 0 15px 5px 0; } div.book_details #buttons { float: right; padding-top: 50px; } #buttons a { margin-left: 10px; } /*About Pages*/ #testimonials { float: left; margin-top: 15px; } #testimonials li { float: left; width: 580px; padding: 15px; border-bottom: 1px dotted #D9D6C7; } #about_quote, div.large_block { float: left; width: 580px; padding: 15px; margin: 20px 0; border-bottom: 1px dotted #D9D6C7; border-top: 1px dotted #D9D6C7; } #about_quote blockquote, #testimonials li blockquote, #tips li blockquote { display: block; color: #3D0300; font-size: 14px; } #about_quote cite, #testimonials li cite, #tips li cite { display: block; text-align: right; margin-top: 10px; color: #706865; } div.large_block { font-size: 15px; } #main_text div.large_block ul { list-style: disc; } div.who_we_are { display: none; float: left; width: 630px; padding-top: 15px; } #our_team { display: inline; } div.who_we_are h1 { padding: 0 0 15px; border: 0; background: none; font-size: 28px; } div.who_we_are h2 { font-size: 14px; font-weight: normal; color: #bd8f07; } div.who_we_are h3 { text-transform: uppercase; font-size: 11px; } div.who_we_are p { padding-top: 10px; } div.who_we_are ul { float: left; } div.who_we_are ul li { float: left; width: 630px; padding: 15px 0; border-top: 1px dotted #684332; } div.who_we_are ul li img { float: left; border: 1px solid #dbdbdb; } div.who_we_are ul li div.desc { float: right; width: 465px; } div.who_we_are ul ul { list-style: disc; padding-left: 20px; } div.who_we_are ul li li { float: none; width: auto; padding: 0; border: 0; } #content div.erick_qa #banner { float: left; width: 628px; border: 1px solid #D9D6C7; border-top: 0; margin-bottom: 15px; } #content div.erick_qa img { float: left; border: 0; } #content div.erick_qa #banner p { float: left; width: 338px; padding: 15px 20px 10px; font-size: 14px; } #content div.erick_qa #banner a.btn_red { float: left; margin-left: 20px; } #schools_list { float: left; width: 628px; border: 1px solid #D9D6C7; border-top: 0; padding-bottom: 7px; } #schools_list h1 { border-left: 0; border-right: 0; margin-bottom: 7px; } #schools_list ul { float: left; width: 314px; } #schools_list ul li { float: left; width: 284px; padding: 3px 15px; line-height: 1.1em; } /*#schools_list ul li:hover { color: #910007; background: #f9f8f3; cursor: default; }*/ #schools_list ul ul { width: 264px; padding-top: 3px; list-style: disc; padding-left: 20px; } #schools_list ul ul li { padding: 3px 0; } /*Teachers Styles*/ #teachers_intro { float: left; width: 918px; padding: 10px 15px; background: #d5dec9; border: 1px solid #d9d6c7; } #teachers_intro h1 { border: 0; background: none; padding: 0; } #teachers_diagram { position: relative; float: left; width: 948px; height: 362px; margin-bottom: 10px; background: #859667 url(/images/bg_teachers.jpg) top left no-repeat; border: 1px solid #d9d6c7; border-top: 0; } #teachers_diagram h1 { color: #24310e; font: 14px arial, helvetica, sans-serif; font-weight: bold; padding: 7px 12px; border: 0; border-bottom: 1px dotted #d9d6c7; background: url(/images/bg_teachers_header.jpg) top left no-repeat; } #teachers_diagram ul { position: relative; float: left; top: 12px; left: 291px; z-index: 1000; } #teachers_diagram ul li { position: absolute; top: 0; left: 0; z-index: 900; } #teachers_diagram ul li.writing { left: 109px; z-index: 1000; } #teachers_diagram ul li.connection { top: 154px; left: 219px; } #teachers_diagram ul li.genre { top: 154px; right: -146px; left: auto; } #teachers_diagram ul li.arrows { top: 90px; left: 70px; z-index: 1; } #teachers_diagram ul li a.text_link { position: absolute; text-transform: uppercase; font: 19px "trebuchet ms", helvetica, arial, sans-serif; padding-right: 15px; background: url(/images/arrow_green_right.gif) center right no-repeat; color: #e7efd8; } #teachers_diagram ul li a.text_link:hover { text-decoration: none; } #teachers_diagram ul li.writing a.text_link { right: -213px; top: 45px; } #teachers_diagram ul li.connection a.text_link { right: -247px; top: 60px; } #teachers_diagram ul li.genre a.text_link { left: -148px; top: 25px; } #teachers_diagram div.bubble_pop { display: none; position: absolute; width: 347px; right: 20px; top: 60px; color: #fff; } #teachers_diagram div.bubble_pop h2 { color: #dde7ce; font: 30px "trebuchet ms", helvetica, arial, sans-serif; padding-bottom: 4px; } #teachers_diagram div.bubble_pop p { padding-bottom: 10px; } #listings, #videos ul { float: left; width: 630px; list-style: none; } #main ul.news { padding-top: 15px; } #listings h2, #videos ul h2 { text-transform: none; font-size: 14px; padding-bottom: 10px; } #listings h3, #videos ul h3 { text-transform: uppercase; font-size: 11px; } #listings p, #videos ul p { padding-bottom: 10px; line-height: 1.2em; } #listings li, #videos ul li { float: left; width: 630px; border-bottom: 1px dotted #684332; padding-bottom: 10px; margin-bottom: 10px; } #listings li.last, #videos ul li.last { border-bottom: 0; } #listings li a.thumb, #videos ul li a.thumb { float: left; border: 1px solid #909090; } #listings li a.thumb img, #videos ul a.thumb img { float: left; } #listings li div.desc, #videos ul li div.desc { float: right; width: 485px; } #listings li div.desc a.btn_red, #videos ul li div.desc a.btn_red { float: right; } #listings li.last, #videos ul li.last { border-bottom: 0; margin-bottom: 0; } #listings li ul { list-style: disc; padding-left: 20px; } #listings li ul li { width: auto; border-bottom: 0; padding-bottom: 3px; margin-bottom: 0; } #toggler { float: left; width: 628px; border: 1px solid #c4beae; background: #fff url(/images/bg_resources_header.gif) left top repeat-x; } #toggler h2 { font: 20px georgia, times, "times new roman", serif; color: #fff; text-transform: none; font-weight: normal; padding: 5px 12px; } #toggler dl { float: left; width: 628px; } #toggler dt { float: left; width: 596px; height: 13px; padding: 6px 16px; background: #c8c0b0 url(/images/bg_resources_toggle.gif) left top repeat-x; border-top: 1px solid #fff; } #toggler dt a { float: left; width: 576px; height: 13px; padding: 0 0 0 20px; background: url(/images/arrow_box_right.gif) left center no-repeat; color: #412d23; } #toggler dt a:hover { text-decoration: none; } #toggler dt.first { border-top: 0; } #toggler dt.on a { background-image: url(/images/arrow_box_down.gif); } #toggler dd { display: none; float: left; width: 607px; padding: 10px; background: #fff url(/images/bg_resources_dd.gif) left top repeat-x; border-left: 1px solid #ccc; } #toggler dd p { padding-bottom: 10px; } #toggler dd ol { list-style-position: outside; padding-left: 20px; } #toggler dd ol li { padding-bottom: 5px; } #toggler dd.open { display: block; } #tips { float: left; width: 630px; } #tips li { float: left; width: 580px; padding: 15px; border-bottom: 1px dotted #D9D6C7; } #tips li.last { border-bottom: 0; } #tips h2 { padding-bottom: 10px; } #main div.summer_institute { padding-bottom: 190px; background: url(/images/bg_cityscape.png) bottom left no-repeat; } div.summer_institute, div.summer_institute h1, div.summer_institute h2, div.summer_institute h3, div.summer_institute h4 { font-family: "gill sans", "Trebuchet MS", helvetica, arial, sans-serif !important; font-weight: normal; } div.summer_institute h1 { float: right; width: 400px; padding: 38px 0 17px; font-size: 61px; background: none; border: 0; color: #7A1319; line-height: 1em; text-transform: uppercase; } div.summer_institute h1 span { display: block; color: #231F20; } #main div.summer_institute h2 { float: right; width: 400px; color: #231F20; padding-bottom: 20px; } div.summer_institute a.register { float: right; width: 368px; padding: 10px 15px; text-transform: none; font: 13px arial, helvetica, sans-serif; } div.summer_institute a.register span { display: block; text-transform: uppercase; padding-bottom: 8px; font-size: 16px; } div.summer_institute a.register:hover { color: #E6E2D6; } div.summer_institute_block { float: left; width: 610px; padding-top: 40px; } div.summer_institute_block h3 { float: left; width: 175px; text-align: right; font-size: 20px; } div.summer_institute_block h4 { font-size: 20px; } div.block_text, div.summer_contact { float: right; width: 400px; font-size: 14px; font-weight: 100; } div.info_text { padding: 20px 0 30px; } #main_text div.block_text p, #main_text div.block_text ul { padding-bottom: 23px; } #main_text div.block_text ul.links { list-style: none; padding-left: 0; } #main_text div.block_text ul.links li { padding-bottom: 20px; } div.summer_contact { padding-top: 20px; } #downloads { float: left; width: 630px; } #downloads h2 { padding-bottom: 3px; font-size: 14px; } #downloads ul { float: left; width: 598px; padding: 15px; border: 1px solid #D9D6C7; border-top: 0; background: #fdfdfb; } #downloads ul li { border-bottom: 1px dotted #684332; margin-bottom: 15px; } #downloads ol { margin: 15px 0px; } #downloads ol li { padding: 4px 10px; margin-bottom: 0; border-bottom: 0; } #downloads ol li.odd { background: #F9F8F3; } /*Newsletter and Contact Us Form Styles*/ #forms { float: left; width: 630px; } #forms h1 { margin-bottom: 10px; } #forms h2 { padding: 15px 0 4px; margin-bottom: 15px; border-bottom: 1px solid #dbdbdb; text-transform: uppercase; color: #77392A; } #forms p { padding: 0 10px 10px; } #forms ul { float: left; width: 610px; padding: 0 10px; } #forms li { float: left; width: 610px; padding: 0 0 15px; } #forms li ul { float: left; list-style: disc; padding: 10px 0 15px 20px; } #forms li ul li { padding: 0 0 3px; color: #c00; } #forms label { float: left; width: 120px; font-weight: bold; padding-right: 15px; } #forms input.input { float: left; border: 1px solid #B6B2A0; width: 205px; height: 17px; padding: 2px 0 0 5px; font: 12px arial, helvetica, sans-serif; color: #322218; } #forms textarea { float: left; width: 308px; padding: 2px; border: 1px solid #B6B2A0; overflow: auto; font: 12px arial, helvetica, sans-serif; color: #322218; } #forms input.btn_red { float: right; margin-top: 15px; margin-right: 160px; } #forms li.error { padding-top: 15px; } #forms li.error h2 { text-transform: none; border: 0; margin: 0; } #forms li.error p { text-transform: uppercase; color: #c00; font-weight: bold; border-bottom: 1px solid #dbdbdb; } /*Research page styles*/ div.research h3 { text-transform: uppercase; padding: 10px 0 2px; margin-bottom: 10px; border-bottom: 1px dotted #684332; } div.research ol { list-style-position: outside; padding: 0 30px 10px; } /*Address Styles*/ address { font-style: normal; } /*Search page Styles*/ #search { float: left; width: 610px; padding: 15px 10px 0; } #search li { padding: 17px 0 15px; border-bottom: 1px solid #e8e8e8; } /*Video page popups*/ div.ui-widget-overlay { background: #000; opacity: 0.5; filter: alpha(opacity=90); } div.ui-dialog-titlebar { background: #fff; text-align: right; padding: 10px 15px; text-transform: uppercase; } div.ui-dialog-titlebar a { font-size: 11px; } #ui-dialog-title-dialog { float: left; font-weight: bold; } #video_player { background: #fff; } /*Sitemap styles*/ #sitemap { float: left; width: 630px; padding: 10px; } #sitemap h2 { padding: 0 0 5px; } #sitemap h2 a { color: #3D0300; } #sitemap ul { padding: 0 0 10px 20px; list-style: disc; } /*Donate Styles*/ #donate_chart { float: left; width: 630px; } #donate_chart h1 { margin-bottom: 10px; } #donate_chart h2 { padding-left: 10px; } #donate_chart p, #donate_chart address { padding: 0 10px 10px; } #donate_chart ul { float: left; list-style: none; padding: 15px 0 12px; margin-bottom: 10px; border-bottom: 1px dotted #D9D6C7; } #donate_chart ul li { float: left; width: 600px; padding: 4px 15px; } #donate_chart ul li.odd { background: #f9f8f3; } #donate_chart ul h3 { float: left; width: 72px; margin-right: 13px; background: url(/images/arrow_donate.gif) right center no-repeat; } #donate_chart ul li.odd h3 { background-image: url(/images/arrow_donate2.gif); } #donate_chart ul p { float: left; padding: 0; width: 478px; } #donate_chart #address { overflow: auto; padding: 0 20px; margin-bottom: 10px; } #donate_chart #address p { padding: 0; } #donate_chart p.smaller { padding-bottom: 0; font-size: 11px; } /*Sidebar Styles*/ #sidebar { float: right; width: 310px; } #sidebar h1 { border-left: 0; border-right: 0; } #featured_pub { float: left; width: 308px; padding-bottom: 10px; margin-bottom: 10px; border: 1px solid #d9d6c7; border-top: 0; background: #fff url(/images/bg_featured_pub.jpg) left top no-repeat; } #featured_pub_image { float: left; width: 307px; padding: 12px 0 10px; text-align: center; } #featured_pub_image span { display: inline-block; margin: 0 auto; padding-bottom: 10px; background: url(/images/bg_featured_pub_shadow.jpg) left bottom repeat-x; } #featured_pub_image img { display: block; border: 1px solid #888; } #featured_pub h2 { font-size: 14px; text-transform: none; padding: 3px 10px; } #featured_pub h2 a { color: #3d0300; } #featured_pub p { padding: 0 10px; } #paper_box { float: left; width: 290px; margin-bottom: 10px; padding: 8px 10px 0; background: url(/images/bg_paper_top.jpg) left top no-repeat; } #paper_box h1 { border: 0; background: none; padding: 0 10px; } #quotes { float: left; width: 264px; border: 1px solid #b8cec5; padding: 12px 12px 15px; margin: 2px 0 0; background: #fff url(/images/bg_quotes.jpg) left top repeat-x; } #quotes li { display: none; } #quotes h2 { font: 17px georgia, times, "times new roman", serif; text-transform: capitalize; padding-bottom: 15px; color: #003a33; font-weight: bold; } #quotes blockquote { background: url(/images/quote_green_left.gif) left top no-repeat; } #quotes p { font: 14px georgia, times, "times new roman", serif; color: #003a33; font-weight: bold; background: url(/images/quote_green_right.gif) right bottom no-repeat; padding: 3px 20px 2px; } #quotes p a { font: 11px arial, helvetica, sans-serif; text-transform: uppercase; } #quotes p span { display: none; } #quotes cite { display: block; font-style: normal; padding: 14px 20px 0; } #quotes a.more { padding-left: 20px; } #quotes_paging { float: left; width: 286px; padding: 8px 2px 10px; background: url(/images/bg_paper_btm.jpg) center bottom no-repeat; font-size: 9px; text-transform: uppercase; font-weight: bold; } #quotes_paging a { color: #77392a; } #quotes_paging a.prev { float: left; background: url(/images/arrow_brown_left.gif) left center no-repeat; padding-left: 10px; } #quotes_paging a.next { float: right; background: url(/images/arrow_brown_right.gif) right center no-repeat; padding-right: 10px; } #social { float: left; width: 298px; padding: 5px 5px 0; margin-bottom: 10px; border: 1px solid #d9d6c7; background: #f2efe1; } #social h2 { padding-bottom: 10px; } #social li { float: left; width: 278px; padding: 10px; background: #fff; margin-bottom: 5px; } #social li input.input { float: left; width: 223px; height: 15px; border: 1px solid #b6b2a0; font: 11px arial, helvetica, sans-serif; padding: 2px 0 0 5px; color: #322218; } #social li input.btn_red { float: right; width: 43px; } #social li#share { padding-bottom: 0; position: relative; } #social li#share li { float: left; width: 90px; padding: 0 0 10px; background: none; } #social li#share a { color: #322218; } #social li#share a img { float: left; margin-right: 8px; } #donate { position: relative; float: left; width: 308px; height: 107px; border: 1px solid #d9d6c7; border-top: 0; background: #fff url(/images/bg_donate.jpg) left bottom no-repeat; } #donate a.btn_red { position: absolute; bottom: 10px; right: 10px; } /*Different Quote Backgrounds*/ div.quote_red #quotes { background: #faf8f3 url(/images/bg_quotes_store.jpg) left top repeat-x; border-color: #c5baae; } div.quote_red #quotes blockquote { background-image: url(/images/quote_brown_left.gif); } div.quote_red #quotes h2 { color: #3d1c0d; } div.quote_red #quotes p { color: #3d1c0d; background-image: url(/images/quote_brown_right.gif); } div.quote_darkgreen #quotes { background: #feffff url(/images/bg_quotes_teachers.jpg) left top repeat-x; border-color: #b8b4a7; } div.quote_darkgreen #quotes blockquote { background-image: url(/images/quote_darkgreen_left.gif); } div.quote_darkgreen #quotes h2 { color: #24310e; } div.quote_darkgreen #quotes p { color: #24310e; background-image: url(/images/quote_darkgreen_right.gif); } /*Footer Styles*/ #footer { float: left; width: 974px; padding: 6px 0 50px; background: url(/images/bg_content_bottom.gif) left top no-repeat; text-align: center; font-size: 11px; } #footer ul { float: left; width: 392px; height: 35px; padding: 3px 291px 1px; margin-bottom: 20px; background: url(/images/bg_nav.jpg) left top no-repeat; } #footer ul li { float: left; margin-top: -1px; } #footer ul li img { float: left; } #footer ul li a { float: left; padding: 13px 19px; } #footer ul li a:hover { padding: 13px 18px; border-left: 1px solid #d0cfce; border-right: 1px solid #d0cfce; background: #fff; } #footer img.footer_logo { margin-top: 20px; }