/* Created using Style Master from Western Civilisation CSS1 { 0 0 558 625 } */ /* Make sure you've got a page with well-formed standards based HTML 4.01, link it to this style sheet and you should see the result straight away. */ /* The element is just that, an element. So there's no reason why you can't give it its own style then make it appear around the using a margin - that's all we do here. You might even like to add your own background image properties to this element to get an even more dynamic effect. */ html { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #081C77; background-color: #3A3A3A; } body { font-family: Tahoma, Times, "Times New Roman", serif; font-size: 1em; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; margin-top: 0px; font-style: normal; color: #000000; scrollbar-base-color: #3A3A3A; scrollbar-arrow-color: #0F6097; scrollbar-darkshadow-color: black; } /* The following gives a special effect for

elements which works best if there is only one of them on at the top of each page - so they are a sort of title. / h1 { background-color: #5C8A5C; font-size: 1.8em; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; font-style: normal; margin-left: 5px; margin-right: 0px; font-weight: bold; text-align: left; letter-spacing: 0px; word-spacing: 10px; margin-bottom: 0px; margin-top: 0px; font-family: Tahoma, Times, "Times New Roman", serif; color: #104208; border: #f6eaba double; } font { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: x-small; color: #ffffff; text-align: left; } h2 { background-color: #808080; color: #c0c0c0; padding-top: .5%; padding-bottom: .5%; font-weight: normal; font-size: 0.75em; text-align: left; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; padding-left: 5px; padding-right: 0px; } h3 { font-size: 1.0em; font-style: normal; font-weight: bold; color: white; text-align: right; background-color: #0F6097; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 15px; padding-bottom: 0px; padding-top: 0px; border-top: 2px #404040 solid; border-bottom: 2px #404040 solid; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; } h4 { color: #oooooo; font-size: 1.0em; font-style: normal; font-weight: bold; text-align: left; background-color: #ffffff; padding-top: 0px; padding-bottom: 2px; margin-left: 0px; padding-left: 0px; margin-right: 0px; padding-right: 10px; border-top: 2px #808080 solid; border-bottom: 2px #808080 solid; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; } h5 { font-size: 1.0em; font-style: normal; font-weight: bold; color: #OOOOOO; text-align: left; background-color: #6B9CBF; margin-left: 5px; margin-right: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top: 5px; border-top: 2px #808080 solid; border-bottom: 2px #808080 solid; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; } / The following four selectors allow you to select links when they are in the four different states: link - before they have been visited, visited - after it has been visited, hover - when the mouse is over the link, active - when the user clicks the link. / a:link { text-decoration: none; background-color: #FFFFFF; color: #0F6097; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 1.0em; } a:visited { text-decoration: none; background-color: #FFFFFF; color: #0F6097; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 1.0em; } a:hover { background-color: #0F6097; color: #ffffff; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 1.0em; } p { margin-left: 3%; margin-right: 3%; margin-top: 2%; margin-bottom: 2%; } / This section of the style sheet has just a few selectors and properties to help you find your way around adding style to regular, standards-based HTML 4.01 tables (ie, a table to be used for presenting tabular information). / / This section is where we give instruction for mouse-over rules / / The following selector selects the table as a whole and gives it a background color and a border. The last couple of properties might be unfamiliar to you. border-collapse allows you to specify that adjacent borders should collapse onto one another. border-spacing allows you to specify a gap between the borders of cells in a table, or in this case that there should be no gap. You'll find these properties in Style Master on the Display Type Editor. / / Using the element for cells in the top row of an HTML table means that it is easy to apply a different style to this row and make it stand out from the rest of the table. */ th { text-align: left; background-color: #7b3e29; color: #f6eaba; }