/*****

    Common.CSS

    This file contains CSS used on virtually every page on the site.

*****/

*
{
    margin: 0px 0px;
    padding: 0px 0px;
}

html
{
    width: 100%;
    height: 100%;
}

body 
{
    height: 100%; 
    min-height: 100.1%; 
    margin: 0px Auto;
    background-color: #B3A67D;
    text-align: center;
    background-image: url('/images/body-bg.gif');
    background-position: top center;
    background-repeat: repeat-y;
}

body * 
{
}

table
{
    border: 0px solid;
}

a
{
    color: #FF0000;
    text-decoration: none;
    cursor: pointer;
}

a:hover
{
    color: #0000FF;
    text-decoration: none;
    cursor: pointer;
}


img.photo
{
    border: 1px solid #663333;
}

img.left
{
    float: left;
    margin: 0px 10px 0px 0px;
}

img.right
{
    float: right;
    margin: 0px 0px 0px 10px;
}

p:first-line
{
    line-height: 150%;
}

/***** The "wrapper" table. *****/

table#wrapper
{
    width: 770px;
    height: 100%;
    margin: 0px Auto;
    border: 0px solid;
    border-collapse: collapse;
    border-spacing: 0px;
}

table.three-column
{
    background-image: url('/images/3column-bg.gif');
    background-position: top center;
    background-repeat: repeat-y;
}

table.three-column div.top-spacer
{
    clear: both;
    float: none;
    width: 764px;
    height: 5px;
    overflow: hidden;
    margin: 0px 3px;
    padding: 0px 0px;
    background-color: #F8F8F8;
    background-image: url('/images/3column-top-spacer.gif');
    background-position: top center;
    background-repeat: no-repeat;
}

table.three-column div.bottom-spacer
{
    clear: both;
    float: none;
    width: 764px;
    height: 5px;
    overflow: hidden;
    margin: 0px 3px;
    padding: 0px 0px;
    background-color: #F8F8F8;
    background-image: url('/images/3column-bottom-spacer.gif');
    background-position: top center;
    background-repeat: no-repeat;
}

table.two-column
{
    background-image: url('/images/2column-bg.gif');
    background-position: top center;
    background-repeat: repeat-y;    
}

table.two-column div.top-spacer
{
    clear: both;
    float: none;
    width: 764px;
    height: 5px;
    overflow: hidden;
    margin: 0px 3px;
    padding: 0px 0px;
    background-color: #F8F8F8;
    background-image: url('/images/2column-top-spacer.gif');
    background-position: top center;
    background-repeat: no-repeat;
}

table.two-column div.bottom-spacer
{
    clear: both;
    float: none;
    width: 764px;
    height: 5px;
    overflow: hidden;
    margin: 0px 3px;
    padding: 0px 0px;
    background-color: #F8F8F8;
    background-image: url('/images/2column-bottom-spacer.gif');
    background-position: top center;
    background-repeat: no-repeat;
}

table.one-column
{
    /* Nothing needed here. */
}

table.one-column div.top-spacer
{
    clear: both;
    float: none;
    width: 764px;
    height: 5px;
    overflow: hidden;
    margin: 0px 3px;
    padding: 0px 0px;
    background-color: #F8F8F8;
}

table.one-column div.bottom-spacer
{
    clear: both;
    float: none;
    width: 764px;
    height: 5px;
    overflow: hidden;
    margin: 0px 3px;
    padding: 0px 0px;
    background-color: #F8F8F8;
}

table#wrapper td#wrapper-top
{
    width: 100%;
    height: auto;
    text-align: center;
    vertical-align: top;
}

table#wrapper td#wrapper-bottom
{
    width: 100%;
    height: 50px;
    text-align: center;
    vertical-align: bottom;
}

/***** The "topmenu" DIV. *****/

div#topmenu
{
    clear: both;
    float: none;
    width: 764px;
    height: auto;
    margin: 0px 3px 0px 3px;
    border-bottom: 3px solid #602020;
    background-color: #F8F8F8;
    text-align: right;
    vertical-align: middle;
}

div#topmenu div.navstrip
{
    /* Nothing needed here. */
}

div#topmenu div.navstrip ul
{
    margin: 2px 0px;
}

div#topmenu div.navstrip ul li
{
    display: inline;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 13px;
}

div#topmenu div.navstrip ul li *
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 7pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 1.4em;
}

div#topmenu div.navstrip ul li a
{
    padding: 2px 0px;
    color: #602020;
    text-decoration: none;
}

div#topmenu div.navstrip ul li a:hover
{
    color: #DD0000;
}

div#topmenu div.navstrip ul li#topmenu-home
{
    background-image: url('/images/icons/topmenu/home.gif');
    background-position: left;
    background-repeat: no-repeat;
}

div#topmenu div.navstrip ul li#topmenu-contact
{
    background-image: url('/images/icons/topmenu/help.gif');
    background-position: left;
    background-repeat: no-repeat;    
}

div#topmenu div.navstrip ul li#topmenu-search
{
    background-image: url('/images/icons/topmenu/search.gif');
    background-position: left;
    background-repeat: no-repeat;
}

div#topmenu div.navstrip ul li#topmenu-sitemap
{
    background-image: url('/images/icons/topmenu/sitemap.gif');
    background-position: left;
    background-repeat: no-repeat;
}

/***** The "header" DIV. *****/

div#header
{
    clear: both;
    float: none;
    width: 764px;
    height: 120px;
    margin: 0px 3px 0px 3px;
    _margin-bottom: -2px;   /* Fixes a stupid IE bug. */
    background-color: #F8F8F8;
}

div#header div#header-seal
{
    float: left;
    width: 110px;
    height: 110px;
    margin: 5px 0px;
    text-align: center;
    vertical-align: middle;
}

div#header div#header-title
{
    float: left;
    width: 285px;
    height: 110px;
    margin: 5px 0px;
    text-align: center;
    vertical-align: middle;
}

div#header div#header-pics
{
    float: right;
    width: 365px;
    height: 110px;
    margin: 5px 0px;
    text-align: center;
    vertical-align: middle;    
}

/***** The "mainmenu" DIV. *****/

div#mainmenu
{
    clear: both;
    float: none;
    width: 764px;
    height: auto;
    margin: 0px 3px 0px 3px;
    border-top: 3px solid #602020;
    border-bottom: 3px solid #602020;
    background-color: #F8F8F8;
    text-align: center;
    vertical-align: middle;
}

div#mainmenu div.navstrip
{
    background-color: #EEEEEE;
}

div#mainmenu div.navstrip ul
{
    margin: 0px 0px;
    padding: 8px 0px 9px 0px;
    _padding: 9px 0px 7px 0px;  /* Fixes a stupid IE bug. */
    text-align: center;
    vertical-align: middle;
}

div#mainmenu div.navstrip ul li
{
    display: inline;
}

div#mainmenu div.navstrip ul li *
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 1.4em;
}

div#mainmenu div.navstrip ul li a
{
    padding: 5px 10px 5px 10px;
    color: #602020;
    text-decoration: none;
}

div#mainmenu div.navstrip ul li a:hover
{
    color: #DD0000;
    background-color: #DFDFDF;
}

/***** The "footer" DIV. *****/

div#footer
{
    clear: both;
    float: none;
    width: 764px;
    height: 57px;
    margin: 0px 3px 0px 3px;
    border-top: 3px solid #602020;
    background-color: #F8F8F8;
    text-align: center;
    vertical-align: middle;
}

div#footer *
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.3em;
}

div#copyright
{
    float: left;
    width: 370px;
    height: 45px;
    margin: 5px 0px;
    text-align: left;
    vertical-align: middle;
}

div#phdlinks
{
    float: right;
    width: 370px;
    height: 45px;
    margin: 5px 0px;
    text-align: right;
}

div#phdlinks a
{
    color: #000000;
    text-decoration: none;
}

div#phdlinks a:hover
{
    color: #0000FF;
}

/*****

    The site search module, included in the sidebar of every page.

*****/

div#site-search
{
    width: 170px;
    margin: 0px 0px 0px 0px;
}

div#site-search div.title
{
    border-bottom: 2px solid #602020;
    background-image: url('/Images/Icons/site-search.gif');
    background-position: left;
    background-repeat: no-repeat;
    text-align: left;
}

div#site-search div.title span
{
    margin: 0px 0px 0px 20px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11pt;
    font-style: normal;
    font-variant: small-caps;
    font-weight: bold;
    color: #663333;
    line-height: 24px;
}

div#site-search div.content
{
    margin: 10px 0px 0px 0px;
    text-align: left;
}

div#site-search div.content *
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #000000;
    line-height: 1.3em;
}

div#site-search div.content em
{
    font-style: italic;
}

div#site-search div.content p.search-form
{
    text-align: right;
}

div#site-search div.content p.search-form input
{
    margin-top: 5px;
    width: 166px;
}

div#site-search div.content p.search-form button
{
    margin-top: 5px;
    padding: 1px 4px;
}

div#site-search div.content a
{
    color: #663333;
    text-decoration: none;
}

div#site-search div.content a:hover
{
    color: #DD0000;
    text-decoration: none;
    cursor: pointer;
}

/*****

    The following CSS is for the 2 and 3 column layouts.

*****/

/***** The "frame-3column" DIV (used on pages with 3 columns of info). *****/

div#frame-3column
{
    clear: both;
    float: none;
    width: 764px;
    height: auto;
    margin: 0px 3px 0px 3px;
}

/***** The "left-column" DIV. *****/

div#frame-3column div.left-column
{
    float: left;
    width: 170px;
    height: auto;
    margin: 5px 0px 5px 10px;
    _margin: 5px 0px 5px 5px;   /* Fixes an annoying IE bug. */
    text-align: center;
    vertical-align: top;
}

/***** The "middle-column" DIV. *****/

div#frame-3column div.middle-column
{
    float: left;
    width: 364px;
    height: auto;
    margin: 5px 20px;
    text-align: center;
    vertical-align: top;
}

/***** The "right-column" DIV. *****/

div#frame-3column div.right-column
{
    float: right;
    width: 170px;
    height: auto;
    margin: 5px 10px 5px 0px;
    _margin: 5px 5px 5px 0px;   /* Fixes an annoying IE bug. */
    text-align: center;
    vertical-align: top;
}

/***** The "frame-2column" DIV (used on pages with 2 columns of info). *****/

div#frame-2column
{
    clear: both;
    float: none;
    width: 764px;
    height: auto;
    margin: 0px 3px 0px 3px;
}

div#frame-2column div.left-column
{
    float: left;
    width: 170px;
    height: auto;
    margin: 5px 0px 5px 10px;
    _margin: 5px 0px 5px 5px;   /* Fixes an annoying IE bug. */
    text-align: center;
    vertical-align: top;
}

div#frame-2column div.right-column
{
    float: right;
    width: 565px;
    height: auto;
    margin: 5px 0px;
    text-align: center;
    vertical-align: top;
}

/***** The "frame-1column" DIV (used on pages with 1 column of info). *****/

div#frame-1column
{
    clear: both;
    float: none;
    width: 764px;
    height: auto;
    margin: 0px 3px 0px 3px;
}

div#frame-1column div.left-column
{
    float: left;
    width: 744px;
    height: auto;
    margin: 5px 0px 5px 10px;
    _margin: 5px 0px 5px 5px;   /* Fixes an annoying IE bug. */
    text-align: center;
    vertical-align: top;
}