body
{
    font-family: Comic Sans MS, Century Gothic, Verdana, Trebuchet-MS, Arial;
    font-size: 9pt;
    color: #222222;
    vertical-align: text-top;
    background-color: #FAE6C7;
    margin: 10px 0 10px 0;
}

img
{
    border: solid 1px black;
    text-align: center;
}

a:link
{
}

a:active
{
}

a:visited
{
}

a:hover
{
}

td
{
    vertical-align: top;
    border-collapse: collapse;
}

h1
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-style: normal;
    font-weight: bold;
    color: #666666;
}

h2
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    color: #666666;
}

h3
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: #666666;
}

h4
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #666666;
}

h5
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: #666666;
}

h6
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 7.5pt;
    font-style: normal;
    font-weight: normal;
    color: #666666;
}

.thumbnail
{
    padding: 20px;
    text-align: right;
    border: solid 1px black;
    float: left;
    position: relative;
    left: 0;
    top: 5;
}

.page_header_area
{
    text-align: center;
    vertical-align: text-top;
    font-family: Comic Sans MS, Tahoma, Sans-Serif;
    font-size: x-large;
    font-weight: bold;
    padding: 10px 0 10px 0;
}

/* top menu bar area, just below main header text */
.top_menu_bar
{
    width: 100%;
    background-color: #FFD99F;   
    border-bottom: solid 1px #EE5F00;
}
.top_menu_td
{
    color: Gray;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    text-transform: lowercase;
    padding: 0 0 0 160px;
}
.top_menu_link, .top_menu_visited
{    
    padding: 2px 2px 2px 0px;
    border: none;
}

.top_menu_selected
{
    background-color: white;
    border: 1px solid orange;
    padding-right: 2px;
}

.top_menu_hover
{
     background-color: white;
}
.top_menu_dropdown_hover
{
    background-color: #DDDDDD;
}
.top_menu_dropdown_selected
{
    background-color: #DDDDDD;
}

/* major content areas */
.body_table_style
{
    width: 100%;
    padding: 5px 5px 10px 5px;
    border: none;
    border-collapse: collapse;
}

.left_column
{
    width: 160px;
    background-color: #FFD99F;
    overflow: hidden;    
    padding: 10px 5px 0 5px;
}

.text_body
{
    min-height: 50em;
    height: 50em;
    text-align: justify;
    vertical-align: text-top;
    padding: 5px 10px 10px 5px;
    background-color: White;
}

.right_column
{
    width: 245px;
    background-color: #FFD99F;
    padding: 3px 3px 3px 3px;
}

.right_filler
{
    background-color: #EE5F00;
}

.footer_table_style
{
    width: 100%;    
    vertical-align: middle;
    text-align: center;
}

.footer_style_td
{
    color: Gray;
    text-align: right;
    font-size: xx-small;    
    padding-top: 1em;
    border-top: solid 1px #EE5F00;
}

/* miscellaneous styles */
.letter_box
{   
    text-align:left;
    color: Black;
    font-family: Verdana, Arial, Sans-Serif;
    padding: 10px;
    border: solid 1px black;
    margin: 2px;
}

.casper /* invisible items */
{
  display: none;
}

.errormsg /* error messages box */
{
  display: block;
  color: Red;
  border: solid 1px orange;
  background: Infobackground url(images/warningtriangleyellow.gif) no-repeat center left;
  padding: 0.5em;
  padding-left: 40px;
  margin: 1em;
  width: 40em;
}

.validator /* validator control error messages */
{
  color: Red;
  font-weight: bold;
}