/******************************************
Palette
*******************************************
#5D6CA0     Page background
#AFB6D0     Main frame border
#444D74     Main frame background, image border (outer)
#FFFFFF     Main frame inner background
#BABCCB     Navigation text/links
#7C839D     Navigation box (out state)
#CDD0DA     Navigation box (out state; home page)
#D6C7AB     Navigation box (over state)
#D2D5E2     Header text
#9AA1B4     Separator
#C5B085     Title text (gold)
#8F95AC     Title text (grey/blue)
#576184     Content background
#6E6D6D     Normal text
#D2D5DE     Normal text (home page)
#99A2C1     Footer text, image border (inner)
******************************************/

/* DEBUG */
/*div { border: solid 1px red; }*/

/******************************************
General
******************************************/
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 150%;
    margin: 0px 0px 0px 0px;
    padding: 15px 20px 15px 20px;
    background-color: #5D6CA0;
    color: #6E6D6D;
}

td, th, p, li
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*line-height: 145%;*/
}

select, option, input, textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

a
{
    color: #BABCCB;
    text-decoration: underline;
}
a:link
{
    color: #BABCCB;
    text-decoration: underline;
}
a:visited
{
    color: #BABCCB;
    text-decoration: underline;
}
a:hover
{
    color: #BABCCB;
    text-decoration: underline;
}
a:active
{
    color: #BABCCB;
    text-decoration: underline;
}

.bullet1
{
    margin: 0px 0px 0px 10px;
}


/******************************************
Frame Shadow (vertically expandable)
******************************************/
/*
    Shadow alignment (image number):
    +---------------+
    |       1       |
    +---+-------+---+
    | 8 |       | 2 |
    +---+       +---+
    | 7 |       | 3 |
    +---+       +---+
    | 6 |       | 4 |
    +---+-------+---+
    |       5       |
    +---------------+

    Areas 3 and 7 are covered by the table background image.
    This was done because IE has some table rendering issues
    when using rowspan in the center area and the middle border
    cells do not adjust based on <td> height attributes.
*/
#shadowtop
{
    background-image: url(../Images/shadowborder01.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#shadowtopright
{
    background-image: url(../Images/shadowborder02.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#shadowbottomright
{
    background-image: url(../Images/shadowborder04.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

#shadowbottom
{
    background-image: url(../Images/shadowborder05.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#shadowbottomleft
{
    background-image: url(../Images/shadowborder06.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#shadowtopleft
{
    background-image: url(../Images/shadowborder08.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

#shadowtable
{
    background-image: url(../Images/shadowborder_bg.gif);
    background-repeat: repeat-y;
    background-position: left top;
}


/******************************************
Header
******************************************/
#outerframe
{
    border: solid 1px #AFB6D0;
    width: 759px;
}

#innerframe
{
    background-color: #FFFFFF;
    padding: 7px 10px 10px 10px;
}

#innerframeborder
{
    border: solid 5px #444D74;
}

#nameplatetitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    color: #444E74;
    margin: 0px 0px 3px 10px;
}
#nameplateborder
{
    background-image: url(../Images/banner1.jpg);
    width: 728px;
    height: 97px;
}

#nameplateborder_home
{
    background-image: url(../Images/banner1_home.jpg);
    width: 728px;
    height: 212px;
}

#nameplate
{
    padding: 35px 10px 10px 10px;
    letter-spacing: 2px;
    white-space: nowrap;
    color: #D2D5E2;
}

.separator1
{
    margin: 5px 0px 5px 0px;
    background-color: #9AA1B4;
}

.separator2
{
    margin: 4px 0px 4px 10px;
    background-color: #9AA1B4;
}

.separator3
{
    margin: 4px 0px 4px 0px;
    background-color: #BABCCB;
}

.navbox1
{
    margin: 0px 4px 0px 4px;
    width: 8px;
    height: 8px;
    background-color: #7C839D;
}

.navbox2
{
    margin: 0px 4px 0px 4px;
    width: 8px;
    height: 8px;
    background-color: #CDD0DA;
}

.navbox_over
{
    margin: 0px 4px 0px 4px;
    width: 8px;
    height: 8px;
    background-color: #D6C7AB;
    cursor: hand;
}

#contentarea
{
    padding: 10px 0px 30px 30px;
}

#contentarea_home
{
    border: solid 1px #576184; /* seems to be a bug; need border here to get bg color to fill upwards */
    background-color: #576184;
    color: #D2D5DE;
    margin: 0px 1px 0px 0px;
    padding: 0px 0px 15px 10px;
}


/******************************************
Top Navigation
******************************************/
.uppernav
{
    padding: 0px 10px 5px 10px;
    line-height: normal;
}

.uppernav a
{
    color: #BABCCB;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 9px;
    margin-right: 2px;
}

.uppernav a:link
{
    color: #BABCCB;
    text-decoration: none;
}
.uppernav a:visited
{
    color: #BABCCB;
    text-decoration: none;
}
.uppernav a:hover
{
    color: #D6C7AB;
    text-decoration: none;
}
.uppernav a:active
{
    color: #BABCCB;
    text-decoration: none;
}

.navtable
{
    padding: 3px 0px 3px 0px;
}

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

#homenavtable a
{
    color: #BABCCB;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 9px;
    margin-right: 5px;
}

#homenavtable a:link
{
    color: #BABCCB;
    text-decoration: none;
}
#homenavtable a:visited
{
    color: #BABCCB;
    text-decoration: none;
}
#homenavtable a:hover
{
    color: #D6C7AB;
    text-decoration: none;
}
#homenavtable a:active
{
    color: #BABCCB;
    text-decoration: none;
}

.homenavbullet
{
    padding: 5px 5px 10px 0px;
}

.homenavlink
{
    padding: 5px 5px 10px 0px;
}

/******************************************
Footer
******************************************/
#lowernav
{
    padding: 8px 10px 0px 10px;
    line-height: normal;
}

#lowernav a
{
    font-size: 9px;
    padding-right: 15px;
    letter-spacing: 1px;
}

#footercontent
{
    padding: 8px 35px 10px 35px;
}

#copyright
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #99A2C1;
    font-size: 9px;
    text-align: right;
    /*margin: 8px 45px 10px 0px;*/
    white-space: nowrap;
    letter-spacing: 1px;
}

.footertext
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #99A2C1;
    font-size: 9px;
    white-space: nowrap;
}


/******************************************
Content Styles (for r.a.d.editor)
******************************************/
.header1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #8F95AC;
    margin: 0px 0px 8px 0px;
    letter-spacing: 5px;
}

.header2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #8F95AC;
    margin: 0px 0px 8px 0px;
    letter-spacing: 4px;
}

.header3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #8F95AC;
    margin: 0px 0px 8px 0px;
    letter-spacing: 4px;
}

.header4
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #8F95AC;
    margin: 0px 0px 8px 0px;
    letter-spacing: 2px;
}

.title1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #C5B085;
    margin: 0px 0px 8px 0px;
    letter-spacing: 5px;
}

.title2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #C5B085;
    margin: 0px 0px 8px 0px;
    letter-spacing: 4px;
}

.title3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #C5B085;
    margin: 0px 0px 8px 0px;
    letter-spacing: 4px;
}

.title4
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #C5B085;
    margin: 0px 0px 8px 0px;
    letter-spacing: 2px;
}


/******************************************
Individual Component Styles
******************************************/
.MainImage
{
    background-color: #444D74;
    padding: 5px 5px 5px 5px;
    margin: 10px 10px 10px 10px;
}

div.MainImage img
{
    border: solid 1px #99A2C1;
}