body {
background-color: #F5F0CB;
}

body, td, font, div, p {
font-family: "Arial", "Trebuchet MS", sans-serif; 
font-size: 9pt;
color: #E58DA7;
border: none;
}

b {
color: #89B0A1;
}

i {
color: #F2B056;
}

#content {
position: absolute;
top: 313px;
left: 113px;
background-color: #F9F6DC;
border-style: solid;
border-width: 5px;
border-top-width: 0px;
border-color: #FFFFFF;
width: 445px;
padding: 10px;
text-align: justify;
line-height: 16px;
}

#content a {
color: #7FA6B8;
text-decoration: none;
border-bottom: 2px dotted #ffffff;
}

#content a:hover {
color: #E3245E; 
cursor: crosshair;
text-decoration: underline;
border-bottom: 2px dotted #ffffff;
}

#justify {
text-align: left;
}

#justify img {
margin: 3px 0px 0px 3px;
}

#nav {
position: absolute;
top: 287px;
left: 118px;
border-style: solid;
border-width: 0px;
border-bottom-width: 5px;
border-color: #FFFFFF;
}

.pagetitle {
background-color: #ffffff;
text-transform: lowercase;
font-family: "Georgia", "Trebuchet MS", serif;
font-size: 14pt;
font-style: italic;
font-weight: bold;
text-align: center;
border-style: solid;
border-width: 0px;
border-right-width: 20px;
border-left-width: 20px;
border-color: #B6C8C1;
color: #E3245E;
letter-spacing: 0.8em;
padding: 3px 10px;
}

.subtitle {
background-color: #ffffff;
text-transform: uppercase;
font-family: "Georgia", "Trebuchet MS", serif;
font-size: 8pt;
font-style: italic;
font-weight: bold;
text-align: center;
border-style: solid;
border-width: 0px;
border-right-width: 10px;
border-left-width: 10px;
border-color: #E3245E;
color: #B6C8C1;
letter-spacing: 0.5em;
padding: 2px 10px;
}

.img {
border-width: 1px;
border-style: solid;
border-color: #F8CD88;
padding: 4px;
margin: 8px 3px 0px 3px;
}

.quote {
width: 230px;
text-align: left;
background-color: #ffffff;
padding: 5px 10px;
color: #E5A1B5;
border-style: solid;
border-width: 0px;
border-bottom-width: 5px;
border-color: #FCBC65;
}

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

.codesort h2 {
background-color: #ffffff;
text-transform: uppercase;
font-family: "Georgia", "Trebuchet MS", serif;
font-size: 8pt;
font-style: italic;
font-weight: bold;
text-align: center;
border-style: solid;
border-width: 0px;
border-right-width: 10px;
border-left-width: 10px;
border-color: #E3245E;
color: #B6C8C1;
letter-spacing: 0.9em;
padding: 2px 10px;
}

.codesort h3 {
background-color: #ffffff;
text-transform: uppercase;
font-family: "Georgia", "Trebuchet MS", serif;
font-size: 8pt;
font-style: italic;
font-weight: bold;
text-align: center;
border-style: solid;
border-width: 0px;
border-right-width: 10px;
border-left-width: 10px;
border-color: #E3245E;
color: #B6C8C1;
letter-spacing: 0.9em;
padding: 2px 10px;
}

input, textarea {
font-family: "Arial", "Tahoma", sans-serif;
font-size: 8pt;
color: #9DB4C2;
border: solid #B9B19C 1px;
background-color: #FBF9EB;
padding: 2px;
letter-spacing: 0.2em;
}

option, select {
font-family: "Arial", "Tahoma", sans-serif;
font-size: 8pt;
color: #9DB4C2;
background-color: #FBF9EB;
padding: 2px;
}