/*** for css hack details, see bottom ***/




/***
You can delete these if you want, but do not delete MAC Hack comments (see
below).

To change the width of the entire layout, adjust the columns that make up the
total, remembering the borders. Remember, even one small mistake will degrade
or even break the layout, so be very careful!

For spacing within the cols, it's best to apply margins on content elements
inserted into the cols, because padding directly on those col elements will
change their widths, breaking the layout.

Certain hiding hacks have been used extensively in this layout, so here is a
quick explanation of them.

The Safari escape tab hack:
***************************

 (used on wrapper, and the 3 backgrounds for Moz
and Opera).

Puts an escape in front of a valid number in the style name to replace a
letter in that name, e.g. \65 is an e. A tab is then inserted (not a space).
The purpose of this hack is to hide some code from Safari. Unfortunately,
some other browsers (like IE) see it for what it should be (but NOT Safari),
and so we must undo the code for those browsers by other hacks.

The Tan hack:
*************

* html .anyelement {rules read only by IE/Win and IE/Mac}

The MAC hack:
*************

(first the active comment you are reading now must be
closed...) ***/

/* \*/

/* */

/***...Back in comment mode now. Anything between those two comment lines
will be hidden from IE/Mac. Don't use any comments within this hack or it will
close prematurely and IE/Mac will begin reading before it should.

The above two hacks are combined so as to feed rules only to IE/Win.

The Holly Hack:
***************

Proper use of backslash escape characters inside property names used in the
Holly hack can further segregate rules to be read by only IE6 from rules for
IE5.x/Win.

These hiding hacks, along with several other fixes, make possible this formerly
impossible layout. It is highly unlikely that new browsers will have any
problem with these valid hiding hacks, and we will have to wait for Microsoft
to release IE7.

If enabled in the PageMaker, the 100% height in the html and body styles makes
the design full height. It also breaks Moz because you should use min-height,
but that doesn't work! Note
how these 100% heights are hidden from IE Mac with
the MAC Hack, otherwise they break it.

XXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXXX ***/

label
{
    font-size: 10px;
    display: block;
    color: #6A6859;
    font-weight: bold;
}
.btn
{
    font-size: 9px;
    font-weight: bold;
}
.tb
{
    font-size: 9px;
    font-weight: bold;
    height: 13px;
}

#topnav
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}
#topnav a
{
    text-decoration: none;
    vertical-align: middle;
    margin: 0;
    padding: 0px;
}
#topnav img
{
    border: 0;
    vertical-align: middle;
    margin: 0;
    padding: 0px;
}

#copyright
{
    font-size: 11px;
    color: #222222;
    margin-top: 10px;
    margin-left: 10px;
    vertical-align: middle;
}
/*drop down menu styles */
.drop_menu
{
    background-color: #4B628E;
    width: 200px;
    position: absolute;
    left: -300px;
    visibility: hidden;
    top: 100px;
    z-index: 100;
}
.drop_menu div
{
    border-bottom: solid 1px #000000;
    border-top: solid 1px #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 20px;
    cursor: pointer;
}
.drop_menu div.over
{
    background-color: #3A4A77;
}
.left_menu
{
    background-color: #4B628E;
    width: 166px;
}
.left_menu div
{
    border-bottom: solid 1px #000000;
    border-top: solid 1px #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
    color: #FFFFFF;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 15px;
    cursor: pointer;
}
.left_menu div.over
{
    background-color: #3A4A77;
}
#dropmenudiv
{
    position: absolute;
    background-color: #4B628E;
    width: 200px;
    z-index: 100;
}

#dropmenudiv div
{
    border-bottom: solid 1px #000000;
    border-top: solid 1px #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 10px;
    cursor: pointer;
}
#dropmenudiv div.over
{
    background-color: #3A4A77;
}
.topnavdrop
{
    background-color: transparent;
}
.topnavdrop_over
{
    background-color: #3A4A77;
}
.header
{
    color: #3A4A77;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}
a, a:active
{
    color: #4B628E;
    text-decoration: none;
}
a:hover
{
    color: #4B628E;
    text-decoration: underline;
}
.back-home
{
    background-attachment: scroll;
    background-image: url(images/bg_edge3.gif);
    background-repeat: repeat-y;
    background-position: center top;
}
p
{
    margin-bottom: 20px;
    text-align: justify;
}
.content
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
}
.newslive
{
    font-family: Arial, Helvetica, sans-serif;
    color: #4B628E;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    padding: 10px;
    border: thin;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
}
.legal
{
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    margin-left: 10px;
}
.bulletlist
{
    list-style-image: url(../images/bullet_blu.gif);
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
}
.bulletlist2
{
    list-style-image: url(../images/bullet_blu.gif);
    font-family: Arial, Helvetica, sans-serif;
    color: #4B628E;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    margin-left: 40px;
}
.bulletlist3
{
    list-style-image: url(../images/bullet_blu.gif);
    font-family: Arial, Helvetica, sans-serif;
    color: #4B628E;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    margin-left: 15px;
}
.ul
{
    margin-bottom: 20px;
}
.content-subhead
{
    font-family: Arial, Helvetica, sans-serif;
    color: #4B628E;
    font-size: 13px;
    font-weight: bold;
}
table.links td
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
}
.newshome
{
    font-family: Arial, Helvetica, sans-serif;
    color: #cccccc;
    font-size: 10px;
    line-height: 13px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 15px;
    text-align: left;
}
.newshome a
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 10px;
    line-height: 13px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 15px;
}
.newshome a:hover,.newshome a:active,.newshome a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 10px;
    text-decoration: underline;
    line-height: 13px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 15px;
}
#articles
{
    position:relative;
    z-index:99;
}
#articles div
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
}
.news-article
{
    border: 0;
    color: #000;
    margin: 4px;
    padding: 8px;
}
.news-article-selected
{
    border: solid 2px #4B628E;
	background-color:#eeeeee;
	Background-
	color: #4B628E;
    margin: 3px;
    padding: 8px;
}
.news-body
{
    display: none;
}
.news-headline a
{
    text-decoration: underline;
}