Make your own free website on Tripod.com
body { font: 16px arial; background-color: #000000; } /* these are the font styles for the links that appear on your web page */ a:link {font: bold 13px arial; color: #ffffff; text-decoration: none;} a:active {font: bold 13px arial; color: #ffffff; text-decoration: none;} a:visited {font: bold 13px arial; color: #ffffff; text-decoration: none;} a:hover {font: bold 13px arial; color: #739595; text-decoration: underline;}/*this one changes the mouseover or hover state of the link*/ .border { /* this is used for all kinds of borders */ /* be it for the whole page, or just the content section */ border: solid 1px #739595; } .left { /* floats the item to the left side of the page*/ float: left; } .right { /* floats the item to the right side of the page */ float: right; } .scroll { /* this makes the element create scroll bars if the text is too long */ /* to be displayed. This is very similar to the effect created by */ /* frames and iframes, but does not allow page transitions like frames do */ overflow: auto; } .wrapper { /* remove this to have the page load at full width */ width: 780px; } .title { /* this is the styling for the title. */ /* padding all four sides of the div in order top, right, bottom, left */ background-color: #1A9495; color: #ffffff; font-face: Arial; font-weight: bold; font-size: 36px; padding: 10px 20px 10px 20px; } .title2 { color: #ffffff; font-face: Arial; font-weight: bold; font-size: 18px; } .titlemargin { margin: 10px 0px 10px 0px; } .subtitle { color: #ffffff; font-face: Arial; font-weight: bold; font-size: 14px; } .content { /* this describes the container of the content paragraphs. */ padding: 0px 20px 0px 20px; /* keeps text off the borders */ font-face: Arial; font-size: 12px; color: #ffffff; padding: 0px; margin: 0px; } .content.padleft { /* this is to pad if there's a sidebar on the left */ padding-left: 180px; } .content.padright { /* this is to pad if there's a sidebar on the right */ padding-right: 180px; } .sidebar { width: 150px; height: 400px; /* remove this to allow different-sized sidebars */ background-color: #739595; color: #1A9495; font-weight: bold; padding: 10px 0px 5px 0px; } .sidebaritem { width: 130px; background-color: #0D4C4D; color: #739595; border: solid 1px #1A9495; font-size: 14px; padding: 2px; margin-bottom: 3px; } .horiz { /* for a horizontal menu use class="sidebaritem horiz"*/ color: #4B1A95; font-weight: bold; width: 124px; float: left; text-align: center; } .sidebaritem.first { margin-top: 10px; } .footer { background-color:#1A9495; font-size: 10px; font-face: arial; text-align: center; }