window.courseLanguages["EN"].generateTree = function () { joustMenuInitiallyHidden = false; level1ID = theMenu.addEntry(-1, "Document","Adding Style with CSS Demo", "course-1.html" , null); level2ID = theMenu.addChild (level1ID , "Document" , "About this course" , "course-2.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Objectives" , "course-3.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Outline" , "course-4.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Course prerequisites" , "course-5.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Navigation buttons" , "course-6.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Menu tree" , "course-7.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "How will I learn?" , "course-8.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Text input exercises" , "course-9.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Browser text input exercises" , "course-10.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Quiz exercises" , "course-11.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Getting started" , "course-12.html" , null); level2ID = theMenu.addChild (level1ID , "Document" , "Intro to CSS" , "course-13.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "What are style sheets?" , "course-14.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "What is CSS?" , "course-15.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Why is CSS valuable?" , "course-16.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "CSS standards" , "course-17.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "CSS1, CSS2 and CSS3" , "course-18.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Software tools" , "course-19.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Browser support" , "course-20.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Browser default style sheet" , "course-21.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Units of measurement" , "course-22.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Which type of unit of measurement is best?" , "course-23.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Color values" , "course-24.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Validating and debugging" , "course-25.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Quiz" , "course-26.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Summary" , "course-27.html" , null); level2ID = theMenu.addChild (level1ID , "Document" , "CSS basics" , "course-28.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "CSS statements" , "course-29.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using CSS selectors, properties, and values" , "course-30.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using separators" , "course-31.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Tree structure" , "course-32.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Cascading" , "course-33.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Inheritance" , "course-34.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Linking CSS" , "course-35.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Using inline CSS" , "course-36.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Using CSS in the <head> tags" , "course-37.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Using an external CSS file" , "course-38.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Adding CSS comments" , "course-39.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using div and span elements" , "course-40.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Quiz" , "course-41.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Summary" , "course-42.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Getting ready for the exercises" , "course-43.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Exercise 1 – Add CSS links and comments" , "course-44.html" , null); level2ID = theMenu.addChild (level1ID , "Document" , "CSS selectors" , "course-45.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using the type selector" , "course-46.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using multiple selectors" , "course-47.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using the universal selector" , "course-48.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using the CLASS selector" , "course-49.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using the CLASS selector generically" , "course-50.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using the ID selector" , "course-51.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Selectors reference" , "course-52.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Quiz" , "course-53.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Summary" , "course-54.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Exercise 2 – Add a universal selector" , "course-55.html" , null); level2ID = theMenu.addChild (level1ID , "Document" , "Font properties" , "course-56.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Choosing the font" , "course-57.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Understanding generic fonts" , "course-58.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Specifying the font size" , "course-59.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Choosing the font style" , "course-60.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Choosing the font weight" , "course-61.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Choosing a small-caps font" , "course-62.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using the font property" , "course-63.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Font properties reference" , "course-64.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Quiz" , "course-65.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Summary" , "course-66.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Exercise 3 – Add font properties" , "course-67.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Additional resources" , "course-68.html" , null); level2ID = theMenu.addChild (level1ID , "Document" , "Text properties" , "course-69.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Adding color to text" , "course-70.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Adjusting letter-spacing" , "course-71.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Adjusting word-spacing" , "course-72.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Adjusting line height" , "course-73.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Aligning text" , "course-74.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Adjusting text indent" , "course-75.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Applying text decoration" , "course-76.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Text properties reference" , "course-77.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Quiz" , "course-78.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Summary" , "course-79.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Exercise 4 – Apply text formatting" , "course-80.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Additional resources" , "course-81.html" , null); level2ID = theMenu.addChild (level1ID , "Document" , "Background properties" , "course-82.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Changing the background color" , "course-83.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using images in backgrounds" , "course-84.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Controlling the repeat of the background image" , "course-85.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Positioning the background image" , "course-86.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Scrolling the background image" , "course-87.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using the background property" , "course-88.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using the background-image property for graphics" , "course-89.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Background properties reference" , "course-90.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Quiz" , "course-91.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Summary" , "course-92.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Exercise 5 – Add background properties" , "course-93.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Additional resources" , "course-94.html" , null); level2ID = theMenu.addChild (level1ID , "Document" , "Link and list properties" , "course-95.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Choosing the list type" , "course-96.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Modifying the position of the list marker" , "course-97.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Choosing an image to replace a bullet" , "course-98.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using the list-style property" , "course-99.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Changing the appearance of links" , "course-100.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Changing the link's underline" , "course-101.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Creating a rollover list" , "course-102.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "List properties reference" , "course-103.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Quiz" , "course-104.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Summary" , "course-105.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Exercise 6 – Change list and link properties" , "course-106.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Additional resources" , "course-107.html" , null); level2ID = theMenu.addChild (level1ID , "Document" , "Visual layout properties" , "course-108.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Understanding block and inline elements" , "course-109.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Choosing the display type" , "course-110.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Specifying the width" , "course-111.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Specifying the height" , "course-112.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Understanding positioning" , "course-113.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Specifying how an element is positioned" , "course-114.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Positioning an element on the page" , "course-115.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Floating an element on the page" , "course-116.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Specifying how text wraps around an element" , "course-117.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Display properties reference" , "course-118.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Quiz" , "course-119.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Summary" , "course-120.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Exercise 7 – Positioning" , "course-121.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Additional resources" , "course-122.html" , null); level2ID = theMenu.addChild (level1ID , "Document" , "Box properties" , "course-123.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Understanding CSS boxes" , "course-124.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Specifying the space around an element" , "course-125.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Adding borders" , "course-126.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Choosing the border color" , "course-127.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Choosing the border style" , "course-128.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Choosing the border size" , "course-129.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Specifying margins" , "course-130.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Box properties reference" , "course-137.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Quiz" , "course-138.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Exercise 8 – Add border, margin, and padding properties" , "course-139.html" , null); level2ID = theMenu.addChild (level1ID , "Document" , "Advanced CSS properties" , "course-140.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Designing for print" , "course-141.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Page breaks" , "course-142.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Generated content" , "course-143.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Changing the cursor" , "course-144.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Preserving white space" , "course-145.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Using layers" , "course-146.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Overflow property" , "course-147.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Clip property" , "course-148.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Visibility" , "course-149.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "CSS for page layout" , "course-150.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Creating columns with CSS" , "course-151.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Determine the overall layout of the page" , "course-152.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Give a name to each area of the page" , "course-153.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Add a rule for the body element" , "course-154.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Add rules for the headers" , "course-155.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Add rules for the two columns" , "course-156.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Add rules for the menus" , "course-157.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Check the results" , "course-158.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Advanced CSS properties reference" , "course-159.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Quiz" , "course-160.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Summary" , "course-161.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Additional resources" , "course-162.html" , null); level2ID = theMenu.addChild (level1ID , "Document" , "Resources" , "course-163.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "General information" , "course-164.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "HTML and CSS specifications" , "course-165.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "CSS and HTML software" , "course-166.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Selectors reference" , "course-167.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Font properties reference" , "course-168.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Text properties reference" , "course-169.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Background properties reference" , "course-170.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "List properties reference" , "course-171.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Display properties reference" , "course-172.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Box properties reference" , "course-173.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Advanced CSS properties reference" , "course-174.html" , null); level2ID = theMenu.addChild (level1ID , "Document" , "Appendix: Using a CSS editor" , "course-175.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "TopStyle Pro tutorial" , "course-176.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Overview of TopStyle interface" , "course-177.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Adding elements" , "course-178.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Adding properties" , "course-179.html" , null); level4ID = theMenu.addChild (level3ID , "Document" , "Exercise – Creating rules in TopStyle Pro" , "course-180.html" , null); level3ID = theMenu.addChild (level2ID , "Document" , "Glossary" , "course-181.html" , null); };