/* Created using Style Master from Western Civilisation CSS1 { 72 75 521 417 } */ /* 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.i { background-color: #7f8fa6; border-right: 15px #37425e solid; } a.menu { font-size: 14px; font-weight: bold; color: #006600; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:none; } a.menu:hover { font-size: 14px; font-weight: bold; color:#009900; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration:underline; } html, body { background-color: white; border: 0px; margin: 0px; } div.splash { position: absolute; top: 500px; left: 20px; width: 240px; } body.i { background-color: #dae7de; font-family: Times, "Times New Roman", serif; font-size: 1em; margin-left: 0px; margin-right: 15px; margin-bottom: 0px; margin-top: 0px; border-right: 15px #afcbcc solid; } body,table, td, td input, select, textarea { font-family: "Trebuchet MS", "Times New Roman", Times, serif; font-size: 12px; } /* 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, h2 { background-color: #8382bd; color: #c5ddff; margin: 0em; margin-left: 3px; margin-right: 3px; } h1 { background-color: #8382bd; color: #c5ddff; font-size: 2em; padding-bottom: 5px; font-style: normal; font-weight: normal; padding-left: 15px; margin-top: 3px; } h2 { padding-top: .5%; padding-bottom: .5%; font-weight: normal; font-size: 1.6em; margin-top: -5px; padding-right: 5px; } h3 { color: #37425e; font-weight: bold; font-size: 1.3em; font-style: normal; padding-top: 3px; padding-bottom: 4px; border-top: 2px #37425e solid; border-bottom: 2px #37425e solid; padding-right: 5px; margin-bottom: 3px; } h2.header, h3.header { color: #37425e; text-align: center; font-weight: normal; padding: 0px; margin: 0px; border: none; } h2.header { font-size: 1.35em; border-top: 1px solid; border-bottom: 1px solid; background-color: #f3eec4; width: 400px; } h3.header { font-size: 1.15em; } h4 { font-size: 1.1em; font-style: normal; font-weight: bold; color: #7f8fa6; padding-bottom: 3px; padding-top: 3px; border-top: 1px #7f8fa6 solid; border-bottom: 1px #7f8fa6 solid; padding-right: 5px; } h5 { color: #566791; font-size: 1.1em; font-weight: bold; margin-top: 0px; margin-bottom: 0px; background-color: #f0f8f4; padding-top: 2px; padding-left: 5px; padding-bottom: 2px; padding-right: 5px; } / 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 { text-decoration: none; color: #5958a7; } a:hover { text-decoration: underline; color:#FF0000 ; text-decoration:underline; } a.img:link, a.img:visited, a.img:hover { background-color: transparent; } p { margin-left: 3%; margin-right: 3%; margin-top: 2%; margin-bottom: 2%; text-indent: 15px; } p.menu { margin-top: 5px; margin-left: 15px; margin-bottom: 5px; margin-right: 15px; font-size: 14px; font-style: italic; text-indent: 0px; } div.content { top: 15px; left: 160px; padding-right: 15px; padding-left: 15px; } table { margin: 3px; } table.content td { border: 1px #cccccc solid; } a.footermenu { padding-top: 1px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; font-size: 11px; font-style: italic; } hr { font-size: 5px; padding-top: 3px; padding-bottom: 3px; } blockquote { color: #37425e; font-style: italic; margin-right: 6%; margin-left: 6%; font-weight: bold; padding: 5px; border: 1px #37425e solid; } table.footer { width: 94%; margin-left: 3%; margin-right: 3%; } span.tel { color: #ae494f; font-weight: bold; font-size: 120%; } span.calendar { font-size: 11px; } .sm { font-size: 10px; } table.scorecard, table.scorecard td { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff; color: #000000; margin-right: 21px; text-align: center; } table.scorecard td.r { text-align: right; } table.scorecard tr.w td { background-color: #ffffff; } table.scorecard tr.k td { background-color: #000000; color: #ffffff; } table.scorecard tr.b td { background-color: #7c20e8; color: #ffffff; } table.scorecard tr.r td { background-color: #990000; color: #ffffff; } table.scorecard tr.t td { background-color: #cccc99; } table.scorecard tr.c td { background-color: #FFFFCC; } ul.star li { list-style-image: url(pix/greenstar.gif); list-style-type: disc; padding-left: 5px; margin-left: 10px; margin-right: 25px; font-size: 1.2em; } ul.star li b { color: #31036b; }