#wrapper{text-align:center; margin:0 auto; width:100%; background-image:url(/en/images/splash/intro_bg_thick.jpg);} #centerIntro{text-align:center; margin:0 auto; width:770px;} /*#leftBorder{position: absolute; left:0px; top:479px; width:33%; height:20px; background-color:#E74E00; } html>body #leftBorder{position: absolute; top:479px; width:20%; height:20px; background-color:#E74E00;} */img {border:0;} /*** TEMPLATE ***/ /* titles */ #titleAssimilation {width:770px; height:68px; background-image:url(images/titles/assimilation.gif); background-repeat:no-repeat;} #titleLeavingHome {width:770px; height:68px; background-image:url(images/titles/leavinghome.gif); background-repeat:no-repeat;} #titleRemembering {width:770px; height:68px; background-image:url(images/titles/remembering.gif); background-repeat:no-repeat;} #titleContempory {width:770px; height:68px; background-image:url(images/titles/contemporary.gif); background-repeat:no-repeat;} #titleStories {width:770px; height:68px; background-image:url(images/titles/stories.gif); background-repeat:no-repeat;} #titleResources {width:770px; height:68px; background-image:url(images/titles/resources.gif); background-repeat:no-repeat;} #titleEduMaterial {width:770px; height:68px; background-image:url(images/titles/edu_material.gif); background-repeat:no-repeat;} #titleClassroom {width:770px; height:68px; background-image:url(images/titles/edu_materials_e.gif); background-repeat:no-repeat;} #titleAbout {width:770px; height:68px; background-image:url(images/titles/about.gif); background-repeat:no-repeat;} #titleFeedback {width:770px; height:68px; background-image:url(images/titles/feedback.gif); background-repeat:no-repeat;} #titlePartners {width:770px; height:68px; background-image:url(images/titles/partners.gif); background-repeat:no-repeat;} #titleImpacts {width:770px; height:68px; background-image:url(images/titles/impacts.gif); background-repeat:no-repeat;} #titleHomePage {width:770px; height:68px; background-image:url(images/titles/homepage.gif); background-repeat:no-repeat;} #title3d {width:770px; height:68px; background-image:url(images/titles/3dtour.gif); background-repeat:no-repeat;} #titlehtml {width:770px; height:68px; background-image:url(images/titles/htmltour.gif); background-repeat:no-repeat;} #edu_PopUp{padding-left:10px; padding-right:10px; text-align:center; color:#333; width:670px; height:600px;} #edu_PopUp a{text-align:center; font-size:12px; font-weight:bold; text-decoration:none; color:#FF6600; } #htmlTour_PopUp{padding-left:10px; padding-right:10px; text-align:center; color:#333;} /*width:670px; height:600px;*/ #htmlTour_PopUp a{text-align:center; font-size:12px; font-weight:bold; text-decoration:none; color:#FF6600; } .htmlTourImageControls{padding:0; margin:0;} #edu2_PopUp{padding-left:10px; padding-right:10px; text-align:center; color:#333; width:670px; height:600px;} #txt_PopUp{padding-left:10px; padding-right:10px; text-align:center; color:#333;} #txt_PopUp a{text-align:center; font-size:12px; font-weight:bold; text-decoration:none; color:#FF6600; } #imageControlsPrevNext, #imageControlsPrevNext a{ word-spacing:15px; text-align:center; color:#FF6600; font-size:12px; font-weight:bold;} #imageControlsClose, #imageControlsClose a{ padding-left:5px;text-align:center; color:#FF6600; font-size:12px; font-weight:bold;} #prevNext{ word-spacing:8px; color:#FF6600; margin-bottom:0px; margin-right:10px; padding-top:30px; text-align:right; font-family: arial, Times, serif; font-weight:bold; font-size:0.85em; } #prevNext a, #prevNext a:visited {color:#FF6600; text-decoration:none;} #prevNext a:hover {text-decoration:underline;} .impactsTable{border-width:1px; border-style: solid; border-color:gray; padding:5px;} .eduTable{ width: 100%; border-width:thin; border-style: solid; border-color:gray; padding:5px; border-collapse:collapse;} .eduTable td{ border-width:thin; border-style: solid; border-color:gray; padding:5px; border-collapse:collapse;} .eduTableThumbs{width:100%; border-width:thin; border-style: solid; border-color:gray; padding:5px; border-collapse:collapse; text-align:center;} .eduTableThumbs td{border-width:thin; border-style: solid; border-color:gray; padding:5px; border-collapse:collapse;} .eduTableThumbs2{width:100%; padding:5px; border-collapse:collapse; text-align:center;} .eduTableThumbs2 td{padding:5px; border-collapse:collapse;} #titlePageNumbers {color:#FF6600; text-align:right; margin-right:24px; margin-top: 0px; word-spacing:5px;} #titlePageNumbers p {color:#FF6600; text-decoration:none;} #titlePageNumbers a, #titlePageNumbers a:visited{color:#FF6600; text-decoration:underline;} #titlePageNumbers a:hover {color:green;} #currentPage {text-decoration:none;color:#333;} #mediaClip {text-align:right; clear:both; padding-top:5px; font-family:arial, Times, serif; font-weight:bold;} #mediaClip a, #mediaClip a:visited{color:#FF6600;font-weight:bold;text-decoration:underline; } .mediaClipSeperator {text-decoration:none; color:#333333;} #quicktime {position:absolute; font-size:13px; font-family:Verdana; margin-left:355px; margin-top:80px; width:300px; z-index: 1;} #storiesPicture {float:left; padding:0px; margin:0;} #mediaClipStories {text-align:right;float:right; padding-top:0px; font-family:arial, Times, serif; font-weight:bold;} #mediaClipStories a, #mediaClipStories a:visited{color:#FF6600;font-weight:bold;text-decoration:underline; } #transcript{font-size:12px; color:#333333; padding-right:10px; padding-left:10px;} #transcript a, #transcript a:visited {font-size:12px; color:#FF6600; font-weight:bold; } #transcript p.alignRight {text-align:right;} #transcript p.heading {color:#333333; font-weight:bold;} /* page layout */ body {padding:0px; background-color:#cccc99; margin-left:0px; margin-top:10px; margin-right:0px; margin-bottom:10px; font-family:arial, helvetica, sans-serif; font-size:80%; color:#333333;} table.layout {border-collapse: collapse; background-color:#ffffff; border-style:none; border:0px; border-left-width:0px; border-right-width:0px; border-top-width:0px; border-bottom-width:0px; padding:0px; width:770px;} td.menu {border:0; padding:0px; margin:0px; width:172px; vertical-align:top; background-image:url(images/template/menu_bg.gif); background-repeat:repeat-y;} td.content {border:0; width:598px; padding:15px; vertical-align:top; font-family:arial, helvetica, sans-serif; font-size:0.85em; color:#333333;} .content a{text-decoration:none; color:#9C6300;} .content a:hover{text-decoration:underline; color:#9C6300;} /* content */ h2 {font-size:1.1em; color:#996600; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;} h3 {font-size:0.85em; color:#996600; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; font-weight:bold;} p {margin-top:0px; margin-bottom:10px;} .imagePad {margin-right:15px; float:left; padding-left: 0px; } #floatLeft {float:left; width:250px;} #floatImageLeft {float:left; width: 48%; padding-left:10px} #floatImageLeft p{font-size:0.85em; color:#996600; padding-top:10px;} #floatImageRight {float:right; width: 45%; padding-right:10px; text-align:right; } #floatImageRight p{font-size:0.85em; color:#996600; padding-top:10px;} #alignRight {text-align:right; margin-bottom:0px;} .modelsBillOfRights{padding-left:0px; padding-top:10px; font-weight:bold;} #resources a{text-decoration:none; color:#9C6300;} #resources a:hover{text-decoration:underline; color:#9C6300;} .feedbackTable{color:black;} .feedbackTable td{padding-bottom:5px; text-align:left; vertical-align:top;} .tableCorrectWidth {width:70%} #about a {text-decoration:none; color:#9C6300;} #about a:hover{text-decoration:underline; color:#9C6300;} #about h2{clear:both;} #aboutRight{float:right; padding-right:205px;} #aboutLeft{float:left; padding-left:0px;padding-bottom:15px;} #edu_material a{text-decoration:none; color:#9C6300;} #edu_material a:hover{text-decoration:underline; color:#9C6300;} #edu_material p{color:#333333; margin-bottom:0px; } #edu_material ul{color:#333333; margin-top:5px; } /* header */ #header {width:770px; background-image:url(images/template/header_bg.jpg); border-style:solid; border-top-width:2px; border-left:0px; border-right:0px; border-bottom-width:3px; border-color:#e74d00; text-align:right;} #header ul {list-style:disc; margin-top:5px; margin-right:1px; margin-bottom:35px; text-align:right;} #header li {display:inline; color:#ffffff; margin:10px;} #header a {font-size:0.85em; font-weight:normal; color:#ffffff; text-decoration:none;} #header a:hover {text-decoration:underline;} #header a.selected {font-weight:normal; color:#EFBA5C;} /* yellowMenu div */ #yellowMenu {background-color:#fcf2db; margin-right:0px; padding:0px; width:172px; border-style:solid; border-top:0px; border-left:0px; border-right:0px; border-bottom-width:1px; border-color:#e74d00;} #yellowMenu ul {list-style:none; padding:2px 2px 2px 9px; margin:0px;} #yellowMenu li {background-image:url(images/template/yellowline.gif); background-repeat:no-repeat; background-position:left bottom; padding:7px 7px 7px 0; font-size:0.85em; font-weight:bold; color:#666633; text-decoration:none;} #yellowMenu li.last {background-image:none;} #yellowMenu a, #yellowMenu a:visited {font-weight:bold; color:#666633; text-decoration:none;} #yellowMenu a:hover, #yellowMenu a:visited:hover {color:#9c6300; text-decoration:underline;} /* yellowSubMenu clases */ #yellowMenu li.selectedMenu {font-weight:bold; color:#9c6300;} #yellowMenu li.selectedMenuLast{font-weight:bold; color:#9c6300; background-image:none; font-size:0.85em;} #yellowMenu ul.subMenu {list-style-type:disc; padding:0px; margin:0px;} #yellowMenu li.subMenu {background-image:none; padding:0px; margin-left:35px;} #yellowMenu li.subMenuSelected {font-weight:normal; color:#9c6300; background-image:none; padding:0px; margin-left:35px;} #yellowMenu a.subMenu, #yellowMenu a.subMenu:visited { font-weight:normal; color:#663; text-decoration:none;} #yellowMenu a.subMenu:hover, #yellowMenu a.subMenu:visited:hover {color:#9c6300; text-decoration:underline;} /* greenMenu div */ #greenMenu {background-color:#999966; width:172px; border-style:none;} #greenMenu ul {list-style-type:none; padding:7px; margin:0px;} #greenMenu li {background-image:url(images/template/greenline.gif); background-repeat:no-repeat; background-position:left bottom; padding:7px 7px 7px 0;} #greenMenu li.last {background-image:none;} #greenMenu a {font-size:0.85em; font-weight:bold; color:#ffffcf; text-decoration:none;} #greenMenu a:hover {color:#9c6300; text-decoration:underline;} #greenMenu a.selected {color:#9C6300;} #greenMenu li.selectedLast{color:#9c6300; background-image:none; font-size:0.85em;} #greenMenu li.selectedLast a{color:#9c6300;} /* footer */ #footer {padding:0px;} /*** TOUR LINKS ***/ ul.tour {list-style:none; text-align:right; padding:0; margin:0;} li.tour {display:inline;} a.tour, a.tour:visited {font-size:0.85em; font-weight:bold; color:#ff6600; text-decoration:none;} a.tour:hover, a.tour:visited:hover {color:#666633; text-decoration:underline;} #tourEntrance {position:absolute; top:132px; left:175px; height: 30px; width:120px; z-index:5; text-align:right;} #tourClassroom {position:absolute; top:132px; left:275px; height: 30px; width:120px; z-index:4; text-align:right;} #tourDormitory {position:absolute; top:132px; left:375px; height: 30px; width:120px; z-index:3; text-align:right;} #tourDiningHall {position:absolute; top:132px; left:485px; height: 30px; width:120px; z-index:2; text-align:right;} #tourSchoolGrounds {position:absolute; top:132px; left:630px; height: 30px; width:120px; z-index:1; text-align:right;} #tourEntranceHTML {position:absolute; top:147px; left:0px; width:294px; z-index:5;} #tourClassroomHTML {position:absolute; top:147px; left:0px; width:393px; z-index:4;} #tourDormitoryHTML {position:absolute; top:147px; left:0px; width:495px; z-index:3;} #tourDiningHallHTML {position:absolute; top:147px; left:0px; width:605px; z-index:2;} #tourSchoolGroundsHTML {position:absolute; top:147px; left:0px; width:750px; z-index:1;} /*** SPLASH PAGE ***/ #splashHeader {width:773px; height:104px; background-image:url(/en/images/splash/header2_bg.gif);} #splashContent {width:770px; height:347px; background-color:#000; background-image:url(images/splash/content_bg3.jpg); background-repeat:none; padding:0; position:relative;} #splashContent table {width:100%; height:262px; margin: 0 auto;} #splashContent td {vertical-align:bottom; text-align:left; padding:8px; font-family:arial, helvetica, sans-serif; font-size:0.85em; color:#333333;} #splashContent p {margin:0px; line-height:15px; color:#996;} #splashFooterOrange {width:770px; height:20px; background-image:url(images/splash/footer_bg.gif); background-repeat:repeat-x; padding:0px;} #splashFooter {width:770px; /*background-color:#666633;*/ text-align:center; background-image:url(images/splash/footer_bg.gif); background-repeat:repeat;} #splashFooter p {margin-left:40px; color:#999966; text-align:left; clear:both; background-image:url(images/splash/footer_bg.gif); background-repeat:repeat;} #splashFooter p.crisisEn {margin:0px; color:#999966; text-align:center;padding:0; padding-left:0px;} .splashEnglish {width:195px; position:absolute; left:40px; top:10px;} .splashFrench {width:230px; position:absolute; left:250px; top:10px;} .splashEnglishLink {position:absolute; left:180px; top:-5px;} .splashEnglishLink a {color:#996;} .splashFrenchLink {position:absolute; left:415px; top:-5px;} .splashFrenchLink a {color:#996;} .orange {color:#f60;} /*** HOME PAGE ***/ #homeHeader {width:770px; background-image:url(images/home/header_bg.jpg); border-style:solid; border-top-width:2px; border-left:0px; border-right:0px; border-bottom-width:2px; border-color:#e74d00; text-align:right;} #homeHeader ul {list-style:disc; margin-right:9px; margin-bottom:32px;margin-top:5px;} #homeHeader li {display:inline; color:#ffffff; margin:10px;} #homeHeader a {font-size:0.85em; font-weight:normal; color:#ffffff; text-decoration:none;} #homeHeader a:hover {text-decoration:underline;} #homeHeader li a.selected {font-weight:normal; color:#EFBA5C;} #homeContent {width:100%; margin-top:20px; float:left;} p.indentBrown {color:#996600; margin-left:15px; width:245px;} p.green {color:#663; width:235px; margin-left:15px; float:left;} .learnMore a {margin-left:250px; float:left;} #imageMap {float:right;} #classroom {width:283px; height:184px; float:left;} .learnMore {color:#f60; margin-left:50px;} #caption {font-size:0.85em; color:#996600; float:left; padding-top:5px; width:275px; } .caption {font-size:0.85em; color:#996600; } #captionRemembering3 {font-size:0.85em; color:#996600; float:left; padding-top:5px; width:260px; } #captionModels{float:left; font-size:0.85em; color:#996600; padding-top:5px; width:200px} #floatImageRight_homepage1 {float:right; width:49%; padding-right:10px; text-align:right; } #floatImageRight_homepage1 p{font-size:0.85em; color:#996600; padding-top:10px;} #floatImageLeft_homepage1 {float:left; width:30%; padding-right:0px; text-align:left; } #floatImageLeft_homepage1 p{font-size:0.85em; color:#996600; padding-top:10px;} #floatImageLeft_remembering2{float:left; width:45%; padding-right:0px; text-align:left; } #floatImageLeft_remembering2 p{font-size:0.85em; color:#996600; padding-top:10px;} #floatImageRight_remembering2 {float:right; width:45%; padding-right:10px; text-align:right; } #floatImageRight_remembering2 p{font-size:0.85em; color:#996600; padding-top:10px;} #floatImageRight_models2{float:right; width:45%; padding-right:0px; text-align:right; } #floatImageLeft_models2 {float:left; width:42%; padding-right:0px; text-align:left; } /*3d tour's DIV*/ #divLinks {position:absolute; left:150px; top:150px;} #divLinks a {color:#336699; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:700;} #divMessage {position:absolute; left:150px; width:300px; top:180px; visibility:hidden;} .modelsBillOfRightList{list-style:none; padding:0; margin:0; padding-top:10px;} .modelsBillOfRightList li{padding-bottom:5px;} #htmlTourImg {width:555px; text-align:right; margin-bottom:10px;word-spacing:50px;font-weight:bold; margin-left:0px;} #htmlTourImg a{color:#333;} #htmlTourImg a:hover{text-decoration:none; color:#F60;} #htmlTourTitle {width:555px; padding-left:2px;} #htmlTourNav {float:right;} .navRight{text-align:right; color:#FF6600; font-size:0.85em; font-weight:bold; word-spacing:10px; margin:0px;} .navRight a {color:#FF6600; text-decoration:none;} .navRight a:visited{color:#FF6600; text-decoration:none;} .navRight a:hover{color:#FF6600; text-decoration:underline;} /*margin-left:5px; border-width:1px; border-style: solid; border-color:gray; */ #text_description{clear:both; padding-top:5px; padding-left:2px;} .htmlTourTitle{padding:0;margin:0;} .centerCulturePicture{text-align:center; padding:0;margin:0;} /* Addition by Kyle Fletcher webmaster@ahf.ca News Bar April 13, 2005 */ td#newsbar { border: 0; width: 598px; padding: 5px; padding-left: 15px; font-family: arial, helvetica, sans-serif; font-size: 0.85em; color: #333333; background: #efefef; border-bottom: 1px solid #cccccc; } #newsbar a { text-decoration: none; color: #9C6300; } #newsbar a:hover { text-decoration: underline; color: #9C6300; } /* end news bar */ /* splash page */ td.splash {border:0; width:598px; padding:0; margin:0; vertical-align:bottom; background: url(/en/history/images/splash_bg.jpg); background-repeat:repeat-y; } .splash #splashWrapper { background: url(/en/history/images/splash_wrapper_bg.jpg) 0 100% no-repeat; min-height: 561px; height: 561px; position: relative; } html>body .splash #splashWrapper { height: auto; } #splashWrapper #book { width: 341px; height: 458px; background: url(/en/history/images/splash_book_bg.jpg) 0 0 no-repeat; position: absolute; top: 69px; left: 143px; } #book h1, #book h2, #book h3, #book p, #book ul, #book li { margin: 0; line-height: 1.0; font-size: 10px; position: absolute; } #book h1 { top: 128px; left: 48px; } #book h2 { top: 170px; left: 63px; } #book h3 { top: 380px; left: 127px; } #book p#clickOn { top: 288px; left: 82px; } #book ul { top: 324px; left: 88px; list-style: none; } #book li#enterFlash { top: 1px; left: 0; width: 48px; height: 12px; } #book li#enterHtml { top: 0; left: 111px; width: 46px; height: 11px; } #book li a { display: block; text-decoration: none; text-indent: -9999px; } #book li#enterFlash a { background: url(/en/history/images/flash.jpg) 0 0 no-repeat; width: 48px; height: 12px; } #book li#enterFlash a:hover { background-position: 0 -12px; } #book li#enterHtml a { background: url(/en/history/images/html.jpg) 0 0 no-repeat; width: 46px; height: 11px; } #book li#enterHtml a:hover { background-position: 0 -11px; }