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

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

h3 { font-family: "Trebuchet MS", "times new roman", sans-serif }
h3 { font-size: 100%; margin: 0;padding: 0 10px; 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; padding: 0 10px; letter-spacing: 0.3px; line-height: 16px; text-align:justify; color: #333333 }


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;
}

div#feed
{
padding: 5px 0;
margin-left: 5px;
letter-spacing : 0px
}

.contact	
{
padding: 13px 0 18px 0;
border-bottom: 1px solid gray;
border-top: 0px solid black;
vertical-align: top;
text-align: justify;
color: #333333;
letter-spacing: 0px;
}

.contact_notype
{
height: 600px;
padding: 1px 0 0px 0;
border-bottom: 0px solid gray;
border-top: 0px solid black;
vertical-align: top;
text-align: justify;
color: #333333;
letter-spacing: 0px;
}

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

.type
{
height: 600px;
padding-top: 10px;
border-left: 0px solid gray;
border-top: 0px solid black;
vertical-align: top;
text-align: justify;
color: #333333;
letter-spacing: 0px;
}

.back
{
margin-top: 0px;
border-left: 0px solid gray;
border-top: 0px solid black;
vertical-align: top;
text-align: justify;
color: #333333;
letter-spacing: 0px;
}

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

.class2 A:link { text-decoration: none; border-bottom: 1px #333333; color: red; font-weight: }
.class2 A:visited { text-decoration: none; border-bottom: 1px #333333; color: red; font-weight: }
.class2 A:hover { text-decoration: underline; border-bottom: 1px #333333; color: red; 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: blue; font-weight: }
.class5 A:visited { text-decoration: none; border-bottom: 1px gray; color: blue; font-weight: }
.class5 A:hover { text-decoration: underline; border-bottom: 1px red; color: blue; font-weight: }

/* TEXT AND IMAGE LAYOUT */

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