body
{
    background-color: white;
    font-family: Calibri, Sans-Serif;
}

body, div, table, td, img
{
    border-style: none;
    border-width: 0;
    margin: 0;
    padding: 0;
}

td
{
    /*border: solid 1px red;*/
    vertical-align: top;
}

h1
{
    font-size: 20px;
    font-weight: normal;
    color: #600000;
}

h2
{
    font-size: 16px;
    font-weight: normal;
    color: #600000;
    margin: 0;
    padding: 0;
}

a
{
    color: #984807;
    text-decoration: none;
}

p, span, li
{
    font-size: 15px;
    color: #404040;
}

.highlight
{
    color: #600000;
}

.smalltext
{
    font-size: 14px;
}

#page-table
{
    border-style: solid;
    border-color: #FAEFD1;
    border-width: 15px 25px 15px 25px;
    margin-left: auto; /* centers the container*/
    margin-right: auto; /* centers the container*/
}

#header
{
    height: 120px;
    width: 912px;
    background-repeat: no-repeat;
    background-image: url("header3.jpg");
}

#footer
{
    height: 25px;
    background-color: #FAEFD1;
    text-align: right;
    font-size: 12px;
    color: #404040;
    padding: 10px 0 0 0;
}

/* the three below are for the columns in the main table.  They are used to set the background
   color of the columns and setup the borders between the columns.  The width is determined by the total
   of the widths of the divs and the borders in the columns (td).  The widths need to total the width of
   the header bitmap which is 912px.
   Column 1 - width of div (99) plus width of right border (25) - 124
   Column 2 - width of div (532) and no border - 532
   Column 3 - width of div (231) plus width of left border (25) - 256
   Total - 124 + 523 + 256 = 912 */

.columnborder
{
    border-style: solid;
    border-color: #FAEFD1;
}

#column1
{
    border-width: 25px 25px 0 0; /* top border and right border */
    background-color: #FAEFD1; /* because we want blank space to extend to bottom of table */
}

#column2
{
    border-width: 25px 0 0 0; /* top border only */
    background-color: #FAEFD1; /* because we want blank space to extend to bottom of table */
}

#column3
{
    border-width: 25px 0 0 25px; /* top border and left border */
    background-color: #FAEFD1; /* because we want blank space to extend to bottom of table */
}

/* the column divs are used to drive the widths of the columns */
#column1div
{
    width: 99px;
}

#column2div
{
    width: 532px;
}

#column3div
{
    width: 231px;
}

/* the tables are used to do the round corners and must have a white background to match the corners */
#tblMain
{
    background-color: White;
}

#tblQuote
{
    background-color: White;
}

#tblBlog
{
    background-color: White;
    border-width: 25px 0 0 0;
}

/* styles below for dislaying nav menu */
.MenuItem
{
    color: #600000;
    font-size: 18px;
    margin: 0 0 10px 0;
}

.MenuItemHover, .MenuItemSelected
{
    font-weight: bold;
}

/* styles used to indent under headers */
.indentdiv
{
    margin: 0 0 0 45px;
}

.indentdiv2
{
    margin: 0 0 0 20px;
}

/* styles to display the quotes */
.quotefont
{
    font-family: 'Times New Roman' , Times, serif;
    font-style: italic;
}

.quote
{
    font-size: 16px;
}

#quotebox
{
    margin: 7px 0 0 0;
}

/* styles to display bio */
.author
{
    font-size: 12px;
}

#authorbox
{
    margin: 15px 0 0 0;
}

/* styles to display blog stuff */
.rssitem
{
    margin: 15px 0 0 0;
}

.rsstitle
{
    font-weight: bold;
    font-size: 13px;
    color: #404040;
}

.rsspubdate
{
    font-size: 11px;
}

.rssdesc
{
    font-size: 13px;
}

.rssmore
{
    color: #984807;
    text-decoration: none;
    font-size: 13px;
}