body {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;;
        font-size: 10pt;
        color: #000000;
        background-image: url("/home/graphics/fwcback.jpg");
        background-repeat: repeat-x;
        background-color: #ffffff;
}

form {
        display: inline;
}

.maintable {
/*
        width: 95%;
*/        
        width: 950px;
        height: 100%;
        border-spacing: 0px;
        border-collapse: collapse;
        border: 2px solid #5d7cab;
}

.top_part {
        background-color: white;
}
.bottom_part {
        background-color: #d5e0f5;
}

.bottom_part, .bottom_part_table {
        padding-top: 10px;
}

.systable {
        height: 80px;
        border-bottom: 1px solid #5d7cab;
        padding: 5px;
}

.logo {
        vertical-align: middle;
}

.main_window {
        border: 1px solid #5d7cab;
        background-color: white;
}
.title_row {
        background-color: #5d7cab;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;;
        font-size: 10pt;
        font-variant: small-caps;
        color: White;
        font-weight: bolder;
}
.side {
        background-color: transparent;
}
.right_column_wrapper {
  padding: 10px;
}
.left_column_wrapper {
  padding: 10px;
}
.main_window_picture_wrapper {
  padding: 10px;
}
.main_window_picture {
        border-color: #5d7cab;
        border-style: solid;
        border-width: 1px;
}
.title_row_picture {
        background-color: #5d7cab;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;;
        font-size: 10pt;
        font-variant: small-caps;
        color: White;
        font-weight: bolder;
}
.side_picture {
        background-color: white;
}

.thumb {
        vertical-align: middle;
        padding: 3px;
        border: 1px solid #5d7cab;
        margin: 3px;
}

.center_column {
        border-color: #5d7cab;
        border-style: solid;
        border-width: 3px;
        background-color: #FFFFFF;
}

/* I know, there's "titlerow" and "title_row", and they're totally different. Sorry about the confusion that must be causing. */

.titlerow {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11pt;
	font-variant : small-caps;
	font-weight : bolder;
	padding: 10px 0px;
}

.prompt {
        background-color: #003399;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;;
        font-size: 10pt;
        color: #ffffff;
        font-style: italic;
}
.response {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;;
        font-size: 10pt;
        color: #000000;
}
.required {
	font-weight : bold;
	color : #C2BC1A;
}
.footer {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: Gray;
}
td#menu {
        background-color: White;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 9pt;
        border-top: 1px solid ;
}

a, a:link, a:visited {
        color: #45453D;
}

a:hover, a:active {
        color: #45453D;
}
p {
        margin: 0px;
        text-align: justify;
}
/*
.oddrow, .evenrow {
        height: 30px;
        vertical-align: middle;
}
.oddrow {
        background-color: #F7F7F7;
}
.evenrow {
        background-color: #F0EFCD;
}
*/
.lrmargin {
        width: 20px;
}

.label {
        font-weight: bold;
}

.description {
        font-size: 0.85em;
}

/* The following stuff is needed for FlatFort (shoutbox) */

.container {
background-position:bottom left;
background-repeat:no-repeat;
background-color:#F5F5F5;
padding:4px
}

td.ff {
  font-size: 11px;
  font-family: "arial";
}

.emoticon_area {
padding-top:5px;
}

.top_bar {
background-color:#dedede;
font-size:12px;
font-family:arial
}

.top_bar_link {
color:#777777;
text-decoration:none
}