  <style type="text/css">
<!--
/* Style information is held between comment tags as it might not be recognised by some very old browsers, so it'll stop it confusing the older browsers, but it will get picked up by new browsers. */
/* BODY - lets set up the general style for your webpage. Each item in the style information is quite self-explanitory, try changing some of the attributes, such as the background-color or font, save it and view the page in your browser, clicking refresh if you already have it open, to see how it works. */
body {
background-color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}
/* MAIN TABLE - we will now apply a style to the table that will hold all of the content of your site to keep it neat and professional */
.maintable {
border-color: #FF0000;
border-style: double;
border-width: medium;
background-color: #FFFFFF;
width: 775px;
height: 100%;
padding: 5px;
font-size: 13px;
font-family: Arial;
}
/* SIDE AD COLUMNS - now to make the side Ad columns a bit different. There is a style for each, left and right, as there is one subtle difference which is the border attribute. You can probably figure it out. */
.leftcolumn {
background-color: #9fb6cd;
border-right: 3px double #FF0000;
}
.rightcolumn {
background-color: #9fb6cd;
border-left: 3px double #FF0000;
}
/* HYPERLINKS - apply different styles to links, so that it's obvious it's a link, especially when the visitor rolls the mouse cursor over it. */
a:link {
color: #000080;
text-decoration: underline;
}
a:visited {
color: #000080;
text-decoration:underline;
}
a:active {
color: #CC6600;
text-decoration:underline;
}
a:hover {
color: #CC0000;
text-decoration:underline;
}
/* LINK BAR - This creates the style of the Link Bar which sits just under the Header Ad. There is also some customised hyperlinks too. This is getting more advanced, so if you understand it then you'll be on the track to some great webdesign. */
.linkbar {
background-color: #191970 ;
color: #FFFF33;
border-top: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
font-size: 12px;
font-weight: 500;
}
/* Customised Links allow you to apply a class to individual links, which will override the default hyperlink style you previously setup. Look at the <a href> code in the Link Bar section below and see that I have applied class="lb" to the links, which picks up the hyperlink style below. */
a:link.lb {
color: #FFFF33;
text-decoration: underline;
}
a:visited.lb {
color: #FFFF33;
text-decoration:underline;
}
a:active.lb {
color: #66FF33;
text-decoration:none;
}
a:hover.lb {
color: #CC0000;
text-decoration:none;
}
a:link.wah {
color: #CC0000;
text-decoration: underline;
}
a:visited.wah {
color: #CC0000;
text-decoration:underline;
}
a:active.wah {
color: #66FF33;
text-decoration:none;
}
a:hover.wah {
color: #0000FF;
text-decoration:none;
}
.h1 {
font-size: 34px;
font-weight: 800;
font-family: Times;
color: #000080
}
.h2 {
font-size: 32px;
font-family: Times;
color: #A40000
}
.ad_title {
font-size: 20px;
font-weight: 500;
font-family: Times;
border-color: #999999;
background-color: #9fb6cd;
}
.ad_text {
font-size: 12px;
font-family: Arial;
}
table.wah {
border-width: 8px;
border-spacing: ;
border-style: ridge;
border-color: #CCCCCC;
border-collapse: separate;
background-color: #FFEFD5;
}
/* OK, that's the end of the style information I've set up for you. Have a play with the different colors and attributes I've put in above to see what is affected on the page and how. This is a fun way to learn */
-->
  </style>

