body {background-color: #99ff99; margin-left: 5%; margin-right: 5% }

h1 { color: #003300; font-family: Sans-Serif; text-align: center }
h1.results {color: yellow; text-align: center; background-color: #006600; margin-left: 12%; margin-right: 12% }

h2 {color: #003300; font-family: Sans-Serif; text-align: center }
h2.left {text-align: left}
h2.results {color: yellow; text-align: center;  background-color: #006600; margin-left: 12%; margin-right: 12% }

h3 {color: #003300; font-family: sans-serif; text-align: center}
h3.left {text-align: left}
h3.show {text-align: left; background-color: yellow;  text-transform: uppercase }
h3.show2 {text-align: center; background-color: yellow}
h3.results {color: yellow; text-align: center;  background-color: #006600; margin-left: 21%; margin-right: 21% }
h3.results2 {color: #003300; text-align: center;  background-color: yellow; margin-left: 21%; margin-right: 21% }

h4 {color: #003300; font-family: sans-serif; text-align: center}
h4.left {text-align: left} 
h4.show {text-align: left; background-color: yellow;  text-transform: uppercase }

p {color: #003300; font-size: 12px; font-family: sans-serif; }

p.margin {margin: 0cm 2.4cm 0cm 2.6cm}
p.thick {font-weight: bold}
p.small2 {font-size: small}
p.entryform {font-family: sans-serif;
color: #003300;
font-size: small}
p.show {text-align: left; background-color: yellow;  text-transform: uppercase }

table {border: 3; cellpadding: 5; font-family: sans-serif; color: #003300; text-align:center; margin-left:auto; 
margin-right:auto; width:90%; }

td {text-align:left; vertical-align: top; font-size: small}

td.center {text-align:center;}
tr.center {text-align:center;}

td.center2 {text-align: left; valign: center }

tr {text-align:left;}

table.dressage {padding: 0cm 0cm 1cm 1cm}

table.entryform {font-family: sans-serif;
color: #003300;
font-size: small}

table.calendar {font-family: sans-serif;
font-size: small;
color: yellow;
background-color: #006600;
cellspacing: 3;
cellpadding: 3;
width: 80%
text-align:center; 
margin-left:auto; 
margin-right:auto
border-width: 2px; 
border-style: outset; 
table-layout: fixed
}
 
table.calendar a {font-family: sans-serif;
font-size: small;
color: yellow;
}

table.calendar th {font-family: sans-serif;
background-color: #009900;
text-align: center;
color: yellow;
font-size: large;
border-width: 2px; 
border-style: outset;
}

table.calendar th a {font-family: sans-serif;
background-color: #009900;
text-align: center;
color: yellow;
font-size: x-large;
font-weight: bold;
}

table.calendar td {font-family: sans-serif;
background-color: #66ff66;
color: #003300;
text-align: center;
border-width: 2px; 
border-style: outset; 
}

table.calendar td a {font-family: sans-serif;
background-color: yellow;
font-weight: bold;
font-size: small;
color: #003300;
text-align: center;
border-width: 2px; 
border-style: outset; 
}

table.calendar td.cholwell {font-family: sans-serif;
background-color: red;
font-weight: bold;
font-size: small;
color: #003300;
text-align: center;
border-width: 2px; 
border-style: outset; 
}

table.calendar a.cholwell {font-family: sans-serif;
background-color: red;
font-weight: bold;
font-size: small;
color: #003300;
text-align: center;
border-width: 2px; 
border-style: outset; 
}

table.calendar tr.holiday {font-family: sans-serif;
background-color: palegreen;
font-weight: bold;
color: #003300;
text-align: center;
border-width: 2px; 
border-style: outset; 
}

table.calendar td.holiday {font-family: sans-serif;
background-color: palegreen;
font-weight: bold;
color: #003300;
text-align: center;
border-width: 2px; 
border-style: outset; 
}

table.calendar td.weekend {font-family: sans-serif;
background-color: lime;
font-weight: bold;
color: #003300;
text-align: center;
border-width: 2px; 
border-style: outset; 
}

th {font-family: sans-serif; 
font-size: small
color: #003300;
valign: center}

table.dressagetest {font-family: sans-serif;
color: #003300;
font-size: small;
text-align: left;}

th.dressagetest {font-family: sans-serif;
color: #003300;
text-align: left}

td.dressagescore {vertical-align: bottom;}

table.results {border: 3;
cellpadding: 5;
font-family: sans-serif; 
font-size: small
color: #003300;
text-align:left; 
width:55%;
margin-left:0px; 
margin-right:50%
}

table.results th {text-weight: strong; 
font-size: small
}

table.facilities {border-width: 10px;
border-style: solid;
cellpadding: 10;
font-family: sans-serif;
color: #003300;
text-align:center; 
margin-left:auto; 
margin-right:auto; 
width:80%;
border-color: yellow 
}

table.facilities td {border-width: 2px;
border-style: solid;
cellpadding: 10;
font-family: sans-serif;
color: #003300;
text-align:left; 
margin-left:auto; 
margin-right:auto; 
border-color: yellow 
}

table.links {border: 0;
font-family: sans-serif;
color: #003300;
width:90%;
}

table.links td {border: 0;
padding: 20px;
font-family: sans-serif;
color: #003300;
}

legend {font-family: sans-serif;
color: #003300;
font-weight: bold}

input {font-family: sans-serif;
color: #003300;}

p.uppercase {text-transform: uppercase}
p.lowercase {text-transform: lowercase}
p.capitalize {text-transform: capitalize}
p.sansserif {font-family: sans-serif}
p.small {font-variant: small-caps}
p.normal {font-weight: normal}
p.thick {font-weight: bold}
p.thicker {font-weight: 900}

ol {font-family: sans-serif;
font-size: 12px; 
color: #003300;
}

ul {font-family: sans-serif;
font-size: 12px; 
color: #003300;
}

ul.font {font-family: sans-serif;
font-size: 12px; 
color: #003300;
text-transform: capitalize}


ul.navigation {font-family: sans-serif;
font-size: medium;
text-align: center;
width: 90%;
background-color: #006600
}

ul.navigation li {
display: inline;
font-weight: bold;
margin-left: 1.5em;
margin-right: 1.5em;
background-color: #006600
}

ul.navigation a {
color: yellow

}

table.navigation {font-family: sans-serif;
font-size: medium;
text-align: center;
width: 90%;
background-color: #006600
}

table.navigation li {
display: inline;
font-weight: bold;
margin-left: 1.5em;
margin-right: 1.5em;
background-color: #006600
}

table.navigation a {
color: yellow

}

ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}
ol.decimal {list-style-type: decimal}
ol.lroman {list-style-type: lower-roman}
ol.uroman {list-style-type: upper-roman}
ol.lalpha {list-style-type: lower-alpha}
ol.ualpha {list-style-type: upper-alpha}

<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>

img.border {
border: 5px solid white;
}