/* The following are styles for all elements of a type, i.e. "all" links in the page */

/* These styles are automatically applied to all elements of the specified type in the page */



body {

    text-align: center;

    background-color: #0d5cab;

    }

a img {border: none;}



/* The following are styles for elements that are likely to be repeated within a page, i.e. header text */

/* How to use them in the page - to use .xyz style, add class="xyz" to the desired html tag in the page */

/* For example - <p> with .is_blue becomes <p class="is_blue"> */



.page_head {

    color: #000000;

    font-weight: bold;

    font-size: 16pt;

}

.sublink_p {

    color: #0d5cab;

    margin-top: 0;

}



                                       /* SubLinks starting here */

.sublink {

    color: #0d5cab;

    text-decoration: none;

    font-size: 8.5pt;

    cursor: pointer;

}

a.sublink:link {

    color: #0d5cab;

    text-decoration: none;

    font-size: 8.5pt;

}

a.sublink:visited {

    color: #5b9a98;

    text-decoration: none;

    font-size: 8.5pt;

}

a.sublink:hover {

    color: #f2a35e;

    text-decoration: none;

    font-size: 8.5pt;

}

a.sublink:active {

    color: #f2a35e;

    text-decoration: none;

    font-size: 8.5pt;

}



                                       /* Links starting here */

.textlink {

    color: #0d5cab;

    text-decoration: none;

    font-weight: bold;

    font-size: 8.5pt;

    cursor: pointer;

}

a.textlink:link {

    color: #0d5cab;

    text-decoration: none;

    font-weight: bold;

    font-size: 8.5pt;

}

a.textlink:visited {

    color: #5b9a98;

    text-decoration: none;

    font-weight: bold;

    font-size: 8.5pt;

}

a.textlink:hover {

    color: #f2a35e;

    text-decoration: none;

    font-weight: bold;

    font-size: 8.5pt;

}

a.textlink:active {

    color: #f2a35e;

    text-decoration: none;

    font-weight: bold;

    font-size: 8.5pt;

}

                                        /* Links Ends Here */



.is_blue {color: #0d5cab;}



                                        /* Menu Background and sides (Left Side) */

.menu_cell {

    width: 177px;

    background-color: #796b82;

    border-left: 1px solid #796b82;

    border-right: 1px solid #796b82;

}

.header_table {width: 100%; margin-bottom: 8px;}



                                        /* Titles */

.header_cell {

    width: 20px;

    color: #000000;

    font-weight: bold;

    font-size: 10pt;

    ffffff-space: nowrap;

    padding-right: 5px;

}

.header_text {

    color: #000000;

    font-weight:bold;

    font-size: 12pt;

    ffffff-space: nowrap;

    padding-bottom:20px;

}



                                        /* Line after Titles Position */

#lineAfterTitle {

vertical-align:bottom;

}



                                        /* Line after Titles */

.header_hr {

width: 100%; 

height: 1px; 

color: none; 

background-color: none;}



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



                                        /* Line in Footer */

.full_hr {

    width: 100%;

    height: 1px;

    border: 0px;

    color: #796b82;

    background-color: #000000;

    margin: 15px 0px 2px 0px;

}



                                        /* Right Side */

.ad_cell {

    width: 198px;

    background-color: #796b82;

    border-left: 1px solid #796b82;

    border-right: 1px solid #796b82;

    text-align: center;

    padding-bottom: 10px;

}



                                        /* Date Right Side */

.date_head {

    text-align: left;

    color: #FFFFFF;

    margin: 10px 10px 5px 5px;

    font-weight: bold;

}

.date {text-align: left; color: #FFFFFF; margin: 0px 10px 0px 15px; font-weight: bold;}

.date_details {text-align: left; color: #FFFFFF; margin: 3px 10px 3px 20px;}

.content_table {width: 100%; text-align: left; background-color: #FFFFFF; border: 1px solid #796b82;}

.content_table_head {

    width: 100%;

    background-color: #0d5cab;

    color: #FFFFFF;

    font-weight: bold;

    padding: 5px 5px 5px 5px;

    font-size: 9pt;

}

.content_ffffff_cell {padding: 5px 5px 5px 5px;}

.content_green_cell {

    background-color: #b5c8d8;

    padding: 5px 5px 5px 5px;

    border-top: 1px solid #796b82;

    border-bottom: 1px solid #796b82;

}

.content_link_table {margin-bottom: 8px;}

.content_link_cell {

    background-color: #b5c8d8;

    color: #FFFFFF;

    padding: 5px 5px 5px 5px;

    border: 1px solid #3ac6f8f;

}

.expandable a {text-decoration: none; font-weight: bold; color: #0d5cab; font-size: 9pt;}

.expandable li {font-weight: bold; color: #0d5cab;}

.expandable ul {list-style-type: none; display: none;}

.expandable ul li {font-weight: normal;}

.expandable ul ul {list-style-type: disc; display: none;}

.expandable ul ul li {font-weight: normal; color: #000000;}

.centered_table {margin: 0 auto; text-align: left;}





/* The following are styles for unique elements within a page, i.e. the table which contains the image strip */

/* How to use them in the page - to use #xyz style, add id="xyz" to the desired html tag in the page */

/* For example - <div> with #container becomes <div id="container"> */

/* Note: since these are designed for use with unique elements, you sholdn't use them more than once per page */



#container {width: 780px; color: #000000; text-align: left; font: 8.5pt verdana,sans-serif; margin: 0 auto;}

#top_table {width: 780px; height: 95px; background-color: #FFFFFF; text-align: left; margin-top: 20px;}



                                        /* Header Background */

#image_strip_table {

    width: 780px;

    height: 65px;

    background-color: #f2a35e;

}

#bottom_table {width: 780px; background-color: #FFFFFF; text-align: left;}

#content_cell {padding: 10px 10px 10px 10px;}