body {
background-image: url(images/back_fade1.gif);
background-position: right;
background-repeat: repeat-y;
  background-color: #ffffff;
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  text-align: left;
  margin-top: 0px;
}
hr
{
color: #cecece;
}
.mainheading
{
    color: #666666;
    font-family: 'Verdana';
    font-size: 15pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: 800;
    TEXT-TRANSFORM: none
}
.SideHeading
{
    color: black;
    font-family: 'Verdana';
    font-size: 14pt;
    font-weight: bold;
    TEXT-TRANSFORM: none
}
.Text
{
    color: black;
    font-family: 'Verdana';
    font-size: 10pt;
    font-weight: lighter
}

a.linktext
{
    color: blue;
    font-weight: bold;
    text-decoration: none;
}

p.footertext {
  font-size: 9px;
  font-weight: bold;
  text-align: center;
}

#copyright {
  font-size: 9px;
  font-weight: bold;
  text-align: center;
}

#main {
  margin: 0px auto;
  text-align: left;
  width: 42em;
}
/* -- cccc99 looked good  #87AEC5 looked bad */
#content1 {
  border-color: #FFFFFF #E0E0C8 #E0E0C8 #FFFFFF;
  border-style: solid;
  border-width: 2px;
  padding: 0em 1em .25em 1em;
}
.content {
background-color: #ffffff;
padding: 2px;
margin-left: 0px;
margin-right: 0px;
padding-top: 1px;
border: 1px solid;
border-color: #ffffff #000000 #000000 #ffffff;
}

.content li { list-style-type: square }

div.logotop
{
left: 0px;
display: inline;
height= 30px;
}


div.logoback
{
  background-color: #ffffff;
  border: 0px none;
  padding: 1px 1px 1px 1px;
  text-align: left;
  height: 60px;
}

/* dark blue is #2D404C transit light blue is #94ADF7 */

div.transitionraise
{
  background-color: #94ADF7;
  border: 1px solid;
  border-color: #94ADF7 #2D404C #2D404C #94ADF7;
  padding: 1px 1px 1px 1px;
  text-align: left;
  width: 100%;
  z-index: 101;
}
div.transitionbar
/*--#9C31E6 base color--*/
/*-- colors t 214,231,255  r rgb(132,165,239) b #94ADF7 rgb(132,165,239) l  rgb(214,231,255)--*/

/* back_2_blue back_water1.gif  */
{
  background-image: url(images/back_top_new2.jpg);
  padding: 4px 2px 4px 2px;
  text-align: right;
  height: 35px;
  width: 100%;
z-index: 101;
  align: right;
  
}

/*---------------------------------------------------------------------------*/
div.highlight
{
width="185px"
background-image: url(images/back_2.jpg);
position: relative;
/* top: 0px; */
/* left: 320px; */
display: inline;
height= 22px;
z-index: 2;
border-left:2px solid #ffffff
}

div.highlight img
{
width="185px"
height="12em"

}

/* -- this graphic is larger and more oblique than norm */
div#context-retirement
{
background-image: url(images/context_retirement.jpg);
background-repeat: no-repeat;
background-position: bottom;
float: right;
width: 160px;
border: 0px thin transparent;
height: 255px;
padding-left: 1em;

}

div.shim
{
font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  
  display: hidden;

  font-weight: bold;
  height: 12px;
  width: 12px;
 
  border: 0px solid;
 
  padding: 0px 0px 0px 0px;
  text-align: left;
  line-height: 20px;
  overflow: hidden;

  
}

/*---------------------------------------------------------------------------*/
/* Site menu.     root/.template3.htm                                                      */
/*---------------------------------------------------------------------------*/

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #C00000;
  z-index: 101;
}
/*--back is medium, t, r,b,l ; lgt,drk,drk,lght--------------*/
div.menuBar {
  background-color: #2D404C;
  border: 2px solid;
  border-color: #829FB2 #002244 #002244 #829FB2;
  padding: 4px 2px 4px 2px;
  text-align: left;
 z-index: 101;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid #4040FF;
  color: #CECECE;
  cursor: default;
  font-weight: bold;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border-color: #e0b090 #906040 #906040 #e0b090;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #906040;
  border-color: #704020 #e0b090 #e0b090 #704020;
  color: #fff0d0;
  left: 1px;
  top: 1px;
}

div.menuBar a:hover {
  background-color: #906040;
  border-color: #704020 #e0b090 #e0b090 #704020;
  color: #fff0d0;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #CECECE;
  color: #C00000;
  border: 2px solid;
  border-color: #B5E6E6 #002052 #002052 #B5E6E6;
  left: 15px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 215px;
  z-index: 101;
}

div.menu a.menuItem {
  color: #000000;
  cursor: default;
  display: block;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem,
div.menu div.menuItemHdr {
  padding: 3px 1em;
  color: #C00000;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #000000;
  color: #C00000;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemHdr {
  font-weight: bold;
}

div.menu div.menuItemSep {
  border-top: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
  margin: 4px 2px;
}

/*---------------------------------------------------------------------------*/


#navcontainer { 
width: 185px;
font: bold 10px Verdana, sans-serif;
/* background-color: #ccc; */
background-image: url(images/horizon.jpg);
border: 2px solid;
border-color: #AAA #666 #666 #AAA;

 }

.cutandpaste2
{
border-color: #829FB2 #002244 #002244 #829FB2;
}

#navcontainer ul
{
margin-left: 0;
padding-left: 6;
list-style-type: none;
}

#navcontainer a
{
display: block;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 10px;
width: 185px;
/* background-color: #cecece; */
border-bottom: 1px solid #eee;
color: blue;
}

#navcontainer a:link, #navlist a:visited
{
color: #36;
text-decoration: none;
}

#navlist li {
border: 1px solid;
border-color: #FFF #AAA #AAA #FFF;
}

#navcontainer a:hover
{
background-color: #AAA;
color: #36;
}

.spacer span 
{padding="3px"}

#navigation {padding: 0 1px 1px; margin: 0;
  font: bold 12px Verdana, sans-serif;
  background: gray; width: 13em;}
#navigation li {list-style: none; margin: 0; border-top: 1px solid gray;
  text-align: left;}
#navigation li a {display: block; padding: 0.25em 0.5em 0.25em 0.75em;
  border-left: 1em solid #AAB; background: #CCD;
  text-decoration: none;}
#navigation li a:link {color: #448;}
#navigation li a:visited {color: #667;}
#navigation li a:hover {border-color: #FFF; color: #FFF; background: #FFF;}

#span1
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#span2
{
display: block;
padding: 3px;
width: 160px;
background-color: #CCC;
border-bottom: 1px solid #eee;
}

#span3
{
display: block;
padding: 3px;
width: 160px;
background-color: #FF0033;
border-bottom: 1px solid #eee;
}

#span4
{
display: block;
padding: 3px;
width: 160px;
background-color: #CECECE;
border-bottom: 1px solid #eee;
}