body {
background-color: #e1e9c5;
background-image: url(bg.gif);
background-repeat: repeat;
}

body, td, font, div, p {
font-family: "Trebuchet MS", "Trebuchet MS", sans-serif; 
font-size: 9pt;
color: #ffffff;
border: none;
letter-spacing: 0.1em;
}

b {
color: #f4e29a;
}

i {
color: #ace8fa;
}

#content {
position: absolute;
top: 430px;
left: 0px;
background-color: #92b09a;
background-image: url(contentbg.gif);
background-repeat: repeat;
border: none;
width: 560px;
padding: 20px;
text-align: justify;
}

#content a {
color: #ecb4ff;
text-decoration: none;
border-bottom: 2px solid #ffc28e;
}

#content a:hover {
color: #ffc28e; 
cursor: default;
border-bottom: 2px solid #ecb4ff;
}

.pagetitle {
width: 400px;
height: 28px;
background-color: #ffffff;
background-image: url(pagetitlebg.gif);
background-repeat: no-repeat;
text-transform: lowercase;
font-family: "Georgia", "Trebuchet MS", serif;
font-size: 14pt;
font-style: italic;
text-align: left;
border: none;
color: #ff9946;
letter-spacing: 0.1em;
padding: 2px 0px 0px 100px;
}

.subtitle {
width: 400px;
height: 37px;
background-color: #92b09a;
background-image: url(subtitlebg.gif);
background-repeat: no-repeat;
text-transform: uppercase;
font-family: "Trebuchet MS", "Tahoma", serif;
font-size: 12pt;
font-style: italic;
text-align: center;
border: none;
color: #f3ff99;
letter-spacing: 0.2em;
padding: 13px 0px 0px 0px;
}

.quote {
background-color: #ffffff;
background-image: url(quotebg.gif);
background-repeat: no-repeat;
width: 199px;
text-align: left;
padding: 15px 0px 10px 85px;
font-size: 7pt;
color: #cf915e;
border: none;
}

.quote b {
color: #8ead6d;
}

.quote i {
color: #6fa9b7;
}

.justify {
text-align: left;
}

.codesort label {
float: left;
width: 14em;
text-align: left;
margin: 0 0.5em 0 25px;
}

.codesort h2 {
width: 400px;
height: 37px;
background-color: #92b09a;
background-image: url(subtitlebg.gif);
background-repeat: no-repeat;
text-transform: uppercase;
font-family: "Trebuchet MS", "Tahoma", serif;
font-size: 12pt;
font-style: italic;
text-align: center;
border: none;
color: #f3ff99;
letter-spacing: 0.2em;
padding: 13px 0px 0px 0px;
}

.codesort h3 {
width: 400px;
height: 37px;
background-color: #92b09a;
background-image: url(subtitlebg.gif);
background-repeat: no-repeat;
text-transform: uppercase;
font-family: "Trebuchet MS", "Tahoma", serif;
font-size: 12pt;
font-style: italic;
text-align: center;
border: none;
color: #f3ff99;
letter-spacing: 0.2em;
padding: 13px 0px 0px 0px;
}

input, textarea {
font-family: "Arial", "Tahoma", sans-serif;
font-size: 8pt;
letter-spacing: 0.3em;
color: #6fa9b7;
border-width: 1px;
border-bottom-width: 15px;
border-color: #e3e3e3;
border-style: solid;
background-color: #ffffff;
padding: 4px;
}

option, select {
font-family: "Arial", "Tahoma", sans-serif;
font-size: 8pt;
color: #6fa9b7;
background-color: #ffffff;
padding: 4px;
}

ul {
list-style-type: circle;
}