h1 { font-family: "Franking Gothic Heavy", "Trebuchet MS", "times new roman", sans-serif }
h1 { font-size: 110%; margin: 0; padding-left: 0px; padding-top: 5px; padding-bottom: 5px; letter-spacing: 0.3px; text-align:center; color: #000000 }

h2 { font-family: "Franking Gothic Heavy", "Trebuchet MS", "times new roman", sans-serif }
h2 { font-size: 90%; margin: 0; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; letter-spacing: 0.3px; text-align:justify; color: #000000 }

h3 { font-family: "Franking Gothic Heavy", "Trebuchet MS", "times new roman", sans-serif }
h3 { font-size: 90%; margin: 0;padding: 10px 0 0 0; text-align:justify; color: #666666 }

h4 { font-family: "Trebuchet MS", "times new roman", sans-serif }
h4 { font-size: 100%; margin: 0;padding: 0 10px; text-align:justify; color: #333333 }

p { font-family: verdana, "Trebuchet MS", sans-serif }
p { font-size: 11px; letter-spacing: 0.3px; line-height: 16px; text-align:justify; color: black}

b { font-size: 100% }


body {
    background-image: url(images/background.jpg); /** Link to the image you created **/
    background-repeat: repeat-y; /** Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/
    background-color: #eeeeee; /** Website BG colour (matches canvas colour in Step 1) **/
}

#container {
    width: 900px;
    margin: 0 auto;
    text-align: center;
}

.center	
{
padding: 0px 0 0px 0;
border-bottom: 0px solid white;
border-right: 1px solid white;
border-left: 1px solid white;
border-top: 1px solid white;
vertical-align: top;
text-align: justify;
color: #333333;
letter-spacing: 0px;
background-image: url(images/bg_home.jpg); 
}

.copyright	
{
padding: 5px 0 5px 0;
border-bottom: 1px solid white;
border-right: 1px solid white;
border-left: 1px solid white;
border-top: 0px solid white;
vertical-align: top;
text-align: justify;
color: #333333;
letter-spacing: 0px;
}

.news
{
border-left: 0px solid gray;
border-top: 0px solid black;
padding-left: 5px;
padding-right: 5px;
vertical-align: top;
text-align: justify;
color: #333333;
letter-spacing: 0px;
background-color: transparent;
}


A:link { text-decoration: none; border-bottom: 0px #333333; color: gray; font-weight: }
A:visited { text-decoration: none; border-bottom: 0px #333333; color: gray; font-weight: }
A:hover { text-decoration: underline ; border-bottom: 0px #333333; color: gray; font-weight: }

.class1 A:link { text-decoration: none; border-bottom: 0px #333333; color: white; font-weight: none }
.class1 A:visited { text-decoration: none; border-bottom: 0px #333333; color: white; font-weight: none }
.class1 A:hover { text-decoration: underline; border-bottom: 0px #333333; color: white; font-weight: none }

.class2 A:link { text-decoration: none; border-bottom: 0px #333333; color: gray; font-weight: }
.class2 A:visited { text-decoration: none; border-bottom: 0px #333333; color: gray; font-weight: }
.class2 A:hover { text-decoration: underline; border-bottom: 0px #333333; color: gray; font-weight: }

.class3 A:link { text-decoration: none; border-bottom: 1px #333333; color: red; font-weight: }
.class3 A:visited { text-decoration: none; border-bottom: 1px #333333; color: red; font-weight: }
.class3 A:hover { text-decoration: underline; border-bottom: 1px #333333; color: red; font-weight: }

.class4 A:link { text-decoration: none; border-bottom: 1px gray; color: gray; font-weight: }
.class4 A:visited { text-decoration: none; border-bottom: 1px gray; color: gray; font-weight: }
.class4 A:hover { text-decoration: ; border-bottom: 1px red; color: red; font-weight: }

.class5 A:link { text-decoration: none; border-bottom: 1px gray; color: #BF2127 ; font-weight: bold }
.class5 A:visited { text-decoration: none; border-bottom: 1px gray; color: #BF2127 ; font-weight: bold }
.class5 A:hover { text-decoration: underline; border-bottom: 1px red; color: #BF2127 ; font-weight: bold }

/* TEXT AND IMAGE LEFT LAYOUT */

div.textimage1{margin-right: 5px; margin-top: 5px; border: 0px solid #000}
div.textimage1 img{float:left;margin-top: 0px; margin-bottom: 0px; margin-right:5px; margin-left:0px}
div.textimage1 h2, div.textimage p{margin:0 5px; padding: 0}
div.textimage1 h2{margin-top: 5px; color: #666}
div.clearer{clear: left}

/* TEXT AND IMAGE RIGHT LAYOUT */

div.textimage2{margin-right: 0px; margin-top: 5px; border: 0px solid #000}
div.textimage2 img{float:right;margin-top: 0px; margin-bottom: 0px; margin-right:0px; margin-left:5px}
div.textimage2 h2, div.textimage p{margin:0 5px; padding: 0}
div.textimage2 h2{margin-top: 5px; color: #666}
div.clearer{clear: right}