/**
 *  Style sheet for the SSEA web site
 */
 
 
/*  Page body
*/
body
{
    font-family: Verdana,Arial;
    font-size: 10pt;
    background-color: rgb(138,134,114);
    color: rgb(0,0,0);
}

table 
{
    font-family: Verdana,Arial;
    font-size:10pt;
}


/*  Page banner
*/

.page_banner
{
    background:url(test_banner.jpg) no-repeat;
    height:90px;
    width:800px;
}

.page_banner_en
{
    background:url(web_site_banner_en.jpg) no-repeat;
    height:90px;
    width:800px;
}

.page_banner_fr
{
    background:url(web_site_banner_fr.jpg) no-repeat;
    height:90px;
    width:800px;
}



.page_banner_sign_in
{
    text-align:right;
    padding:7px;
    font-size:8pt;
    color:#505050;
}



div.title_panel 
{
    font-family: verdana,Arial,sans-serif;
    font-size: xx-small;
    border : 1px solid #808080;
    background-color : rgb(209,203,172);
    float: right;
    margin: 10px;
}
			
div.title_panel_content 
{
    margin: 3px;
}


/*  Log In page
*/

div.login_title {
    font-family: Arial;
    font-size: 80%;
    font-weight: bold;
    background-color: rgb(209,203,172);
}

div.login_title_border {
    border: 5px solid rgb(209,203,172);
}


td.login_panel{
    background-color: rgb(232,226,191);
}

div.login_label {
    font-family: Arial;
    font-size: 80%;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}

div.login_field {
    margin-right: 10px;
}


div.login_options_panel {
    font-family: Arial;
    font-size: 80%;
    text-align:left;
    border-top: 1px solid;
    background-color: #f0f0f0;
    padding: 10px;
}
    
a.login_password_prompt {
    font-family: veranda,arial,sans-serif;
    font-size: xx-small;
    vertical-align:top;
}


/*  Top-level menu bar
*/
.navbar {
    vertical-align: middle;
    color: #C0c0c0;
    background-color: #606060;
    width: 800px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size:90%;
}

A.menulink 
{
    color: #e0e0e0;
    text-decoration: none;
    padding-top: 4px;
    padding-bottom: 4px;
}

A.current_menulink 
{
    color: #FFFFFF;
    text-decoration: none;
}

A.menulink:hover 
{
    color: black;
    background-color: silver;
}



/*  Footer bar
*/

span.footerbar {
    font-family:arial;
    font-size:90%;
    color: #a0a0a0;
    background-color: #606060;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    display:block
}

A.footerlink {
    color: #d0d0d0;
    text-decoration: none;
}

A.footerlink:hover 
{
    color: #ffffff;
    text-decoration: underline;
}


/*  Content table
*/
table.content 
{
    font-size: 10pt;
    width: 800px;
/*    background-color: rgb(232,226,191); */
    background-color: #ffffff;
}

td.content
{
    width: 100%;
    height: 400px;
    vertical-align: top;
    padding: 20px;
}

td.content_no_border
{
    width: 100%;
    vertical-align: top;
}
 
 


/*  Sidebar cell
    The table cell which holds the sidebar table
*/

td.sidebar_cell {
    padding: 20px;
    border-right: solid 1px #808080;
    vertical-align: top;
    background-color: rgb(240,240,216);
}

A.sidebar_heading {
    font-family:verdana,arial;
    font-size:100%;
    font-weight:bold;
    text-decoration: none;
    color: #000000;
    margin-bottom: 10px;
    display:block;
}

.sidebar_item
{
    font-size:75%;
    BORDER: none;
    border-top : solid 1px #808080;
}

.sidebar_subitem
{
    font-size:75%;
    BORDER: none;
    margin-left: 16px;
}

A.sidebar {
    text-decoration: none;
    color: #000000;
    padding-top : 4px;
    padding-bottom : 4px;
    display: block;
}

A.sidebar:hover {
    background-color:#4848c0;
    color: #FFFFFF;
}



/*  News & Events summary for the home page
*/

div.news_header {
    font-family:Arial;
    font-size:100%;
    font-weight: bold;
    color: #600000;
    background-color: #ccc184; 
    width: 100%;
}

div.news_header_border {
    border: solid 5px #ccc184;
}

div.news_body {
    font-family:Arial;
    font-size:80%;
    background-color: #e8e2bf;
    width: 100%;
}

div.news_footer {
    background-color: #e8e2bf;
    border-left: solid 1px #606060;
    border-right: solid 1px #606060;
    border-bottom: solid 1px #606060;
    width: 100%;
}

div.empty_border_5 {
    border: solid 5px #e8e2bf;
}

a.news_main_title {
    font-size:110%;
    text-decoration: none;   
    color: #0000A0;
}

a.news_main_title:hover {
    font-size:110%;
    text-decoration: underline;
}

.news_title
{
    font-weight:bold;
    font-size:110%;
}

.news_date
{
    color: #808080;
    font-size: 80%;
}

.news_content 
{
    padding-top:10px;
    padding-bottom:20px;
}

.news_summary
{
    padding-top:5px;
    padding-bottom:10px;
}

.events_title
{
    font-size:120%;
    font-weight:bold;
    margin-bottom: 5px;
}

.events_item
{
    border : 1px solid #808080;
    padding: 10px;
    background: #fafafa;
}

.events_metadata
{
    color : #808080;
    font-size:80%;
}

.events_abstract
{
    margin-top:5px;
    padding-top: 10px;
}


a.events_map
{
    text-decoration: none;
    color: blue;
}

a.events_map:hover
{
    text-decoration: underline;
    color: maroon;
}


div.news_time {
    font-family:Arial;
    font-weight:bold;
    font-size:75%;
    color: #707070;
    border-top: solid 5px #e8e2bf;
}

div.news_venue {
    font-family:Arial;
    font-size:60%;
    color: #808080;
    border-bottom: solid 5px #e8e2bf;
}

a.news_read_more {
    font-family:Arial;
    font-size:60%;
    text-decoration:none;
    color: #0000a0;
    border-bottom: solid 5px #e8e2bf;
}

a.news_read_more:hover {
    font-family:Arial;
    font-size:60%;
    color: #0000a0;
    text-decoration: underline;
    border-bottom: solid 5px #e8e2bf;
}

div.news_article_separator {
    border-bottom: solid 1px #a0a0a0;
}

a.news_title {
    font-family:Arial;
    font-size:80%;
    font-weight:bold;
    text-decoration: none;   
    color: #0000A0;
}

a.news_title:hover {
    font-family:Arial;
    font-size:80%;
    text-decoration: underline;
}

h2.news_title {
    color : #600000;
}

div.news_story {
    margin-top : 10px;
}

div.news_story_metadata {
    font-size:80%;
    color: #600000;
}


/**
 *  Forms (any place a user enters data)
 */
span.form_header {
    font-weight:bold;
    font-size:125%;
}

table.form_section {
    width: 100%;
    border-top:1px solid black;
    background-color:rgb(220,215,181);
    font-size:100%;
}

table.form_subsection {
    font-size:100%;
}


/**
 *  Font to use for displaying errors
 */   
.error
{
    font-size:120%;
    font-weight: bold;
    color: maroon;
}



/**
 *  Newsletters
 */
.newsletter_item
{
    margin-bottom:5px;
}

.newsletter_item img
{
    margin-right:5px;
    vertical-align: middle;
    border: none;
}


/**
 *  Journals
 */
.journal_item
{
    margin-bottom:5px;
}

.journal_item a
{
    color: black;
    text-decoration: none;  
}

.journal_item a:hover
{
    color: #0000a0;
    text-decoration: underline;
}


.journal_item img
{
    margin-right:5px;
    vertical-align: middle;
    border:none;
}

.journal_title
{
    font-size: 12pt;
    font-weight: bold;
    margin-bottom:5px;
    color: #0000c0;
    margin-top: 36px;
    border-bottom: solid 1px;
    padding-bottom: 2px;
}

.article_title
{
    margin-top: 14px;
    font-weight: bold;
}

.article_authors
{
    font-style:italic;
}

.article_abstract
{
    background-color:#f8f8f8;
    border: solid 1px #a0a080;
    margin-top: 5px;
    margin-left: 20px;
    padding:5px;
}



/**
 *  Link categories and link items
 */
.link_category
{
    font-weight: bold;
    font-size: 14pt;
    margin-bottom: 10px;
}

.link_item
{
    margin-left: 20px;
}

.link_title
{
    font-weight: bold;
}

.link_abstract
{
    margin-left: 20px;
    margin-bottom: 20px;
}


/**
 *  Book categories and book items
 */
.book_category
{
    font-weight: 100;
    font-size: 14pt;
    margin-bottom: 10px;
    
    background: #006000;
    color: white;
    padding-left: 5px;
}

.book_item
{
    margin-top: 5px;
}

.book_title
{
    font-weight: bold;
}

.book_author
{
    font-style: italic;
}


.book_abstract
{
    margin-top: 5px;
    margin-bottom: 20px;
}


/**
 *  A link which does not change colour or underline itself until
 *  you move the mouse over it.
 */
a.subtle_link
{
    text-decoration: none;
    color: navy;
}

a.subtle_link:hover
{
    text-decoration: underline;
    color: maroon;
}