/* Layout and Positioning ------------------------------------------------------------------------------------------------ */ /* top page */ #header { background: #8F7F58 url(/img/language/masthead_dutch-language.png) no-repeat left top; } .speech_header { background: #8F7F58 url(/img/language/masthead_speech.jpg) no-repeat left top !important;} #dutchLangRow { background: #ccc url(/img/global/bg_pattern_powderblue.png) repeat-y left top; } #dutchLang { background: #2a352d url(/img/global/bg_content_8_4.png) repeat-y left top; } .ja #dutchLangLabel {background: transparent url(/img/language/h2_language_ja.png) top left no-repeat;} .nl #dutchLangLabel {background: transparent url(/img/language/h2_language_nl.png) top left no-repeat;} #dutchLang #pageContent { display: inline; float: left; width: 600px; overflow: hidden; } #dutchLang #sidebar { display: inline; float: left; width: 300px; overflow: hidden;} #dutchLang strong {color:#aeedff; font-weight: normal;} #sidebar p, #sidebar h3, #sidebar li {padding:0 7px;} #sidebar #classPhoto {margin-top:15px;} #dutchLang .pageIntro { display: inline; float: left; margin: 15px 0px 15px 0px; border-top: 1px solid #7b857d; border-bottom: 1px solid #7b857d; } .pageIntro p, .pageIntro h3 {text-indent: -4000px; overflow: hidden;} .ja #dl_Intro {width: 525px; height: 105px; background: transparent url(/img/language/intro_language_ja.png) 82px 15px no-repeat;} .nl #dl_Intro {width: 525px; height: 105px; background: transparent url(/img/language/intro_language_nl.png) 82px 15px no-repeat;} #dutchLang .pageBody {margin:0 75px 20px 0px;} #dutchLang .pageBody h3 { height:36px; float:left; display:inline; width:525px; text-indent: -4000px; overflow: hidden;} #classLevel, #classSchedule {padding-left:0; padding-right:0; width:525px;} .ja #dutchLang .pageBody #classes2008 {height:28px; text-indent:0;} .nl #dutchLang .pageBody #classes2008 {height:28px; text-indent:0;} .ja #classLevel {border-top:1px solid #7b857d; margin-top:12px; background: transparent url(/img/language/h4_class-level_ja.png) no-repeat 82px 10px;} .ja #classSchedule {border-top:1px solid #7b857d;margin-top:12px; background: transparent url(/img/language/h4_class-schedule_ja.png) no-repeat 82px 10px;} .nl #classLevel {border-top:1px solid #7b857d;margin-top:12px; background: transparent url(/img/language/h4_class-level_nl.png) no-repeat 82px 10px;} .nl #classSchedule {border-top:1px solid #7b857d;margin-top:12px; background: transparent url(/img/language/h4_class-schedule_nl.png) no-repeat 82px 10px;} #toExams, #toTextbook, #toSpeech {height:30px; width:290px;} #toExams a, #toTextbook a, #toSpeech a {display:block; height:30px; width:300px; overflow: hidden; text-indent: -4000px;} .nl #toExams {background: transparent url(/img/language/h3_serif_exam_nl.png) 7px 10px no-repeat;} .nl #toTextbook {background: transparent url(/img/language/h3_serif_textbook_nl.png) 7px 10px no-repeat} .nl #toSpeech {background: transparent url(/img/language/h3_serif_speech_nl.png) 7px 10px no-repeat} .ja #toExams {background: transparent url(/img/language/h3_serif_exam_ja.png) 7px 10px no-repeat;} .ja #toTextbook {background: transparent url(/img/language/h3_serif_textbook_ja.png) 7px 10px no-repeat} .ja #toSpeech {background: transparent url(/img/language/h3_serif_speech_ja.png) 7px 10px no-repeat} /* speech contests */ #contestRow { background: #ccc url(/img/global/bg_pattern_powderblue.png) repeat-y left top; } #contest { background: #2a352d url(/img/global/bg_content_9_3.png) repeat-y left top; } #contest #pageContent { display: inline; float: left; width: 600px; overflow: hidden;} .ja #contestLabel {background: transparent url(/img/language/h2_speech_contest_ja.png) top left no-repeat;} .nl #contestLabel {height:500px; background: transparent url(/img/language/h2_speech_contest_nl.png) top left no-repeat;} #contest #speechOverview {float:left; display:inline; width:525px; margin:0 75px 10px 75px; background: transparent url(/img/global/bg_rounded_525_top.png) no-repeat 0px 0px;} #speechOverview #row2 {display: inline; float: left; width:525px; background: transparent url(/img/global/bg_rounded_525_bottom.png) bottom left no-repeat;} #contest #speechOverview h3 {overflow:hidden; padding:10px 7px 10px 7px; } #speechOverview span {width:262px; float:left; display:inline;} #speechOverview p {color:#aeedff; font-size:1.6em; line-height:1.2; padding-left:7px; } #speechOverview h4 {font-size:1.0em; padding-left:7px; text-transform: uppercase;} #download-pdf {height:42px; margin-bottom:8px; margin-top:3px; width:256px; float:left; display:inline;} .nl #download-pdf { background: transparent url(/img/language/button_contest_pdf_nl.png) 0px -42px no-repeat;} .ja #download-pdf {background: transparent url(/img/language/button_contest_pdf_ja.png) 0px -42px no-repeat;} #download-pdf a {display: block; width:256px; height:42px; overflow: hidden; text-indent: -4000px;} .nl #download-pdf a:hover {background: transparent url(/img/language/button_contest_pdf_nl.png) 0px 0px no-repeat;} .ja #download-pdf a:hover {background: transparent url(/img/language/button_contest_pdf_ja.png) 0px 0px no-repeat;} #testimonials {float:left; display:inline; width:600px; border-top: 1px solid #7b857d; margin-top:20px;} #testimonials h4 {font-size:1.6em; line-height: 1; font-weight: normal;} #testimonials div {float:left; display:inline; width:525px; margin-left:82px; margin-bottom:10px;} #testimonials img{float:left; display:inline; width:134px; margin-right:14px; clear:left; margin-bottom:20px;} #why-participate {float:left; display:inline; width:525px; margin-right:75px;} #why-participate ul { clear:both; float:left; display:inline; width:525px; padding-left:0px; margin-left:65px;} #why-participate li {margin-left:0; padding-left:17px; width:510px; float:left; display:inline; background: transparent url(/img/global/bg_li.png) 0px 4px no-repeat;} #details {float:left; display:inline; width:525px; margin-right:75px;} #details ul { clear:both; float:left; display:inline; width:525px; padding-left:0px; margin-left:65px;} #details li { margin-left:0; padding-left:17px; width:510px; float:left; display:inline; background: transparent url(/img/global/bg_li.png) 0px 4px no-repeat;} #why-participate h3, #testimonials h3, #rules, #supporters h4, #sponsors h4, #organizers h4, #coorganizers, #past-editions {height:40px; text-indent: -4000px; overflow: hidden; } #why-participate h3 { height:32px; float:left; display:inline; width:511px; margin-top:0px;} #rules { float:left; display:inline; width:525px; border-top: 1px solid #7b857d; margin-top:20px;} #credits {float:left; display:inline; width:600px; border-top: 1px solid #7b857d; margin-top:20px;} .ja #why-participate h3 { background: transparent url(/img/language/h4_why-participate_ja.png) 82px 10px no-repeat;} .ja #testimonials h3 { background: transparent url(/img/language/h4_testimonials_ja.png) 82px 10px no-repeat;} .ja #rules { background: transparent url(/img/language/h4_rules_ja.png) 82px 10px no-repeat;} .ja #supporters h4 { background: transparent url(/img/language/h4_supporters_ja.png) 7px 10px no-repeat;} .ja #sponsors h4 { background: transparent url(/img/language/h4_sponsors_ja.png) 7px 10px no-repeat;} .ja #organizers h4 { background: transparent url(/img/language/h4_organizers_ja.png) 7px 10px no-repeat;} .ja #coorganizers { background: transparent url(/img/language/h4_coorganizers_ja.png) 7px 10px no-repeat !important;} .ja #past-editions { background: transparent url(/img/language/h4_past-editions_ja.png) 7px 10px no-repeat;} .nl #why-participate h3 { background: transparent url(/img/language/h4_why-participate_nl.png) 82px 10px no-repeat;} .nl #testimonials h3 { background: transparent url(/img/language/h4_testimonials_nl.png) 82px 10px no-repeat;} .nl #rules { background: transparent url(/img/language/h4_rules_nl.png) 82px 10px no-repeat;} .nl #supporters h4 { height:32px; background: transparent url(/img/language/h4_supporters_nl.png) 7px 10px no-repeat;} .nl #sponsors h4 { height:32px; background: transparent url(/img/language/h4_sponsors_nl.png) 7px 10px no-repeat;} .nl #organizers h4 { height:32px; background: transparent url(/img/language/h4_organizers_nl.png) 7px 10px no-repeat;} .nl #coorganizers { height:32px; background: transparent url(/img/language/h4_coorganizers_nl.png) 7px 10px no-repeat !important;} .nl #past-editions { background: transparent url(/img/language/h4_past-editions_nl.png) 7px 10px no-repeat;} #contest .pageIntro { width: 600px; display: inline; float: left; margin: 15px 75px 15px 0px; border-top: 1px solid #7b857d; border-bottom: 1px solid #7b857d; } .ja #dl_speech-contestIntro {width: 600px; height: 110px; background: transparent url(/img/language/intro_speech_ja.png) 82px 15px no-repeat;} .nl #dl_speech-contestIntro {width: 600px; height: 105px; background: transparent url(/img/language/intro_speech_nl.png) 82px 15px no-repeat;} #organizers {width:150px; float:left; display:inline; margin-left:75px; height:450px;} #sponsors {width:375px; float:left; display:inline;} #supporters {width:375px; float:left; display:inline;} #organizers img {margin:0 0 12px 7px;} #sponsors img {margin:0px 0px 12px 7px;} #supporters ul {padding-left:0; margin-bottom:20px;} #supporters li {text-indent: 0; margin-left:0; padding-left:7px;} #contest #sidebar {display: inline; float: left; width:225px; overflow: hidden; margin-left:75px; width:225px; border-top: 1px solid #7b857d; margin-top:15px;} #contest #sidebar .edition {display:inline; float:left; width:225px; overflow: hidden;} #contest #sidebar .edition ul, .edition h5, .edition h4, .edition img, #contest #sidebar .edition li { clear:left; margin-left:7px; padding-left:0;display:inline; float:left; width:211px;} #contest #sidebar .edition ul {margin-left: 0; margin-bottom:8px;} .edition-links {display:inline; float:left; width:211px; overflow: hidden; clear:left; margin-left:7px; padding-left:0;} /* text books */ #booksRow { background: #ccc url(/img/global/bg_pattern_powderblue.png) repeat-y left top; } #books { background: #2a352d url(/img/global/bg_content_10_2.png) repeat-y left top; } .ja #booksLabel {background: transparent url(/img/language/h2_textbooks_ja.png) top left no-repeat;} .nl #booksLabel {background: transparent url(/img/language/h2_textbooks_nl.png) top left no-repeat;} #books #pageContent { display: inline; float: left; width: 675px; } #books #sidebar {display: inline; float: left; width:225px;} #books .pageBody {margin:0 0px 0px 0px;} #books .pageIntro { display: inline; float: left; margin: 15px 0px 30px 0px; border-top: 1px solid #7b857d; border-bottom: 1px solid #7b857d; } .ja #dl_text-booksIntro {width: 675px; height: 105px; background: transparent url(/img/language/intro_textbooks_ja.png) 82px 15px no-repeat;} .nl #dl_text-booksIntro {width: 675px; height: 105px; background: transparent url(/img/language/intro_textbooks_nl.png) 82px 15px no-repeat;} .ja .pageBody blockquote {color:#ddd; padding:0px 21px 10px 96px; text-indent: 0; margin-left:0;} .nl .pageBody blockquote {color:#ddd; padding:0px 21px 10px 96px; text-indent: 0; margin-left:0;} #books img {padding:0px 7px 14px 7px;} /* exams */ #examsRow { background: #ccc url(/img/global/bg_pattern_powderblue.png) repeat-y left top; } #exams { background: #2a352d url(/img/global/bg_content_8_4.png) repeat-y left top; } .ja #examsLabel {background: transparent url(/img/language/h2_exams_ja.png) top left no-repeat;} .nl #examsLabel {background: transparent url(/img/language/h2_exams_nl.png) top left no-repeat;} #exams #pageContent { display: inline; float: left; width: 525px; margin-right:75px; overflow: hidden; } #exams #sidebar {display: inline; float: left; width:300px; overflow: hidden;} .ja #exams #sidebar h3 {margin-top:15px; text-indent: -4000px; overflow: hidden; height:40px; border-top: 1px solid #7b857d; background:transparent url(/img/language/h3_2008exam_ja.png) 7px 10px no-repeat;} .nl #exams #sidebar h3 {margin-top:15px; text-indent: -4000px; overflow: hidden; height:40px; border-top: 1px solid #7b857d; background:transparent url(/img/language/h3_2008exam_nl.png) 7px 10px no-repeat;} #exams .pageIntro { display: inline; float: left; margin: 15px 0px 0px 0px; border-top: 1px solid #7b857d; } .ja #dl_examsIntro {width: 525px; height: 135px; background: transparent url(/img/language/intro_exams_ja.png) 82px 15px no-repeat;} .nl #dl_examsIntro {width: 525px; height: 105px; background: transparent url(/img/language/intro_exams_nl.png) 82px 15px no-repeat;} #exams .pageBody {margin-bottom:30px; } #exams .pageBody h3 { margin-top:0px; height:36px; float:left; display:inline; width:525px; text-indent: -4000px; overflow: hidden;} #examDefinition, #examLevel, #examOverview, #examResults {height:20px; margin-bottom:0px; clear:left; border-top: 1px solid #7b857d; display: inline; float: left; width:525px; padding:0;} .ja #examDefinition {background:transparent url(/img/language/h4_examDefinition_ja.png) 82px 10px no-repeat;} .nl #examDefinition {background:transparent url(/img/language/h4_examDefinition_nl.png) 82px 10px no-repeat;} .ja #examOverview {background:transparent url(/img/language/h4_examDescription_ja.png) 82px 10px no-repeat;} .nl #examOverview {background:transparent url(/img/language/h4_examDescription_nl.png) 82px 10px no-repeat;} .ja #examLevel {background:transparent url(/img/language/h4_examLevels_ja.png) 82px 10px no-repeat;} .nl #examLevel {background:transparent url(/img/language/h4_examLevels_nl.png) 82px 10px no-repeat;} .ja #examResults {background:transparent url(/img/language/h4_examResults_ja.png) 82px 10px no-repeat;} .nl #examResults {background:transparent url(/img/language/h4_examResults_nl.png) 82px 10px no-repeat;} .ja #how-to-apply {height:40px; overflow:hidden; text-indent:-4000px; width:300px; border-top:1px solid #7b857d; background:transparent url(/img/language/h4_registration_ja.png) 7px 10px no-repeat;} .nl #how-to-apply {height:40px; overflow:hidden; text-indent:-4000px; width:300px; border-top:1px solid #7b857d; background:transparent url(/img/language/h4_registration_nl.png) 7px 10px no-repeat;} #exams #sidebar {padding-top:15px;} #examOverview, #examLevel, #examResults {margin-top:10px !important;} #goBack {display:block; clear:both; width:600px; background-color: #4a514d;} #goBack a {display:block; padding:7px 7px;} #books #goBack {margin-top:20px; width:750px;} #contestRow #goBack {width:675px;} /* Typography ------------------------------------------------------------------------------------------------ */ .pageBody h3, .pageBody h4, .pageBody p, .pageBody ul { padding:0 7px 0 82px;} .nl #exams #sidebar h4 {font-family: "gill sans", verdana, sans-serif; font-size:9px; text-transform: uppercase; line-height:1.6; color: #ddd; padding:0 0 0 7px;} .ja #exams #sidebar h4 {font-size:10px; text-transform: uppercase; line-height:1.6; color: #ddd; padding:0 0 0 7px;} #exams #sidebar strong {color:#aeedff;} #exams #sidebar #how-to-apply {padding-left:0;} #exams #sidebar #date, #exams #sidebar #location { font-size:1.6em; color:#aeedff;} #exams #sidebar ol li {list-style-type: decimal; list-style-position: inside;} #exams #sidebar ol {margin-bottom:11px;} /* speech contests */ .nl #details h4 {clear:left; font-family: "gill sans", verdana, sans-serif; font-size:9px; text-transform: uppercase; line-height:1.6; color: #ddd; margin-top:10px;} .ja #details h4 {clear:left; font-size:10px; text-transform: uppercase; line-height:1.6; color: #ddd; margin-top:11px;} .nl #why-participate li, .nl #details li {font-size:1.2em; line-height:1.667; margin-bottom:10px; } .ja #why-participate li, .ja #details li {font-size:1.2em; line-height:1.833; margin-bottom:11px;} /*textbook*/ .nl .pageBody h4, .nl .pageBody blockquote, li {font-size:1.2em; line-height:1.667; } .ja .pageBody h4, .ja .pageBody blockquote, li {font-size:1.2em; line-height:1.833; } #contest #sidebar .edition h4 { font-size:1.2em; margin-bottom:8px;} #contest #sidebar .edition h5 {font-size:1.0em; } .ja #contest #sidebar .edition li　 {font-size:1.0em; line-height:1.6;} .nl #contest #sidebar .edition li {font-size:1.0em; line-height:1.6; } .edition span {font-size:1.0em;}