<STYLE TYPE="text/css">                  

/* Default text elements */
body {
  margin-top: 0px; 
  margin-left: 0px;
  margin-right: 0px; 
  margin-bottom: 0px;
  font-size: 13px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}




td {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
}


.TitleFont { /* CC - Main titles */
  font-size : 18px;
  font-weight : bold; 
  color : #31559C;
}

.XXXXbody-title { /* JPI page titles */
  font-size : 10pt; 
  font-weight : bold; 
  color: #8080FF;
}

.body-title-error { /* JPI */
  font-size: 18px;
  font-weight: bold;
  color: #FF0000;
}

/* JPI - this style is used for the subsection titles within the form */
.form-style-title {
  text-align: left;
  font-size: 13px;
  font-weight: bold;
}

.ErrorFont { /* Error pages */
  font-size: 13px;
  color: #FF99FF;
}

.WarningFont { /* CC - pay multiple page */
  font-size: 13px;
  color: #660000;
}

.RequiredField { /* Like bold error text */
  text-align: left;
  color: Red;
  font-size: 13px;
  font-weight: bold;
}
        
.content { /* JPI - nearly deprecated */
  font-weight : normal; 
}

.Heading { /* JPI - nearly deprecated */
  font-size : 10pt; 
  font-weight : bold; 
  text-decoration : none; 
  color : #314D8C;
}

/* --------  Table Stuff --------- */

.HeadCell {  /* CC - Table headings */
  font-size : 13px;
  font-weight : bold; 
  text-decoration : none; 
  color : #FFFFFF; 
  background-color : #557FA9;
}

.TitleCell {  /* JPI - enrollment customer info */
  font-size: 9pt;
  color : #000000;
  background-color : Silver;
  font-weight : bold;
}

.TitleCellWhite {  /* not found */
  font-size: 9pt;
  color : #000000;
  background-color : #FFFFFF;
  font-weight : bold;
}

.TitleCelllightgrey {  /* CC - bold, grey bkgrnd */
  font-size: 9pt;
  color : black;
  font-weight : bold;
  background-color : #E0E0E0;
}

.StandardCell {  /* not very standard grey background */
  font-size: 9pt;
  color : black;
  background-color : #E0E0E0;
}

.StandardCellRowcolor1 {  /* Standard row, std background */
  font-size : 13px;
  color : #000000; 
  background-color : #FFFFFF;
  }
  
.StandardCellRowcolor2 {  /* Standard row, alternate background */
  font-size : 13px;
  color : #000000; 
  background-color : #BEB899;
}

.StandarCellErrorRow {  /* Background for error text */
  background-color : #FFFFFF;
}

.BoxColor1 {  /* not found */
  background-color: #FFFFFF;
  border: thin #CCCCCC solid;
}

.BoxColor2{  /* CC - Table border color */
  background-color : #314D8C;
}

.BoxColor3{  /* not found */
  background-color : #669966;
}

.BoxColor4 { /* light grey highlight box */
  background-color: #CCCCCC;
}

.BoxColor5 { /* not found */
  background-color: #FFFFFF;
}

.BoxColor6 { /* not found */
  background-color: #000000;
}

/* this style is for the instructional text on form pages */
.form-style-text {
  font-size : 13px;
  font-weight : normal; 
  text-decoration : none; 
  color : #000000; 
}

.form-style-text-bold {
  font-size : 13px;
  font-weight: bold
  text-align : left;
  color : #000000; 
}       

form-style-text-nowrap {
  font-size : 13px;
  color : #000000; 
  white-space:nowrap;
}

.form-style-label { /* standard text style (should be for LHS columns) */
  text-align: left;
  vertical-align: top;
  color: black;
  font-size: 13px;
  font-weight: normal
}

.form-style-label-req { /* JPI - not used */
  vertical-align: top;
  color: black;
  font-size: 13px;
  font-weight: bold
}

.form-style-label-confirm { /* JPI - standard text, but bold ? */
  text-align: left;
  vertical-align: top;
  color: black;
  font-size: 13px;
  font-weight: bold
}

/*  this style is used for the smaller instructional text in the forms */
.form-font-note {
  font-size : 11px;
  font-weight : normal; 
  text-decoration : none; 
  color : #314D8C;
}

.form-font-note-bold {
  font-size : 11px;
  font-weight : bold;
  text-decoration : none;
  color : #314D8C;
}

/*  this style is used for the smaller instructional text in the forms 
  - with a different color */
.form-font-note-alt { /* not used */
  color: Red;
  font-size: 11px;
  font-weight: normal
}

.form-font-note-table {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 11px;
  font-weight : normal;
  color : #314D8C;
}
.form-font-note-larger {
  font-size : 13px;
  font-weight : normal;
  text-decoration : none;
  color : #314D8C;
}


/* Reversed out text - for dark fields */
.form-style-font-reverse {
  font-size : 13px;
  font-weight : normal; 
  text-decoration : none; 
  color : #FFFFFF; 
}

.form-style-font-reverse2 {
  font-size : 7.5pt; 
  font-weight : normal; 
  text-decoration : none; 
  color : #FFFFFF; 
} 
  
.form-style-font-reverse-bold {
  font-size : 13px;
  font-weight : bold;
  text-decoration : none;
  color : #FFFFFF;
}

.form-style-font-reverse-bold2 {
  font-size : 7.5pt;
  font-weight : bold;
  text-decoration : none;
  color : #FFFFFF;
}

/* this style is used for field labels with an error */
.form-style-label-error {
  text-align: left;
  color: #FF0000;
  font-size: 13px;
  font-weight: normal
}
  
.form-style-text-error { /* CC */
  text-align: left;
  color: #FF0000;
  font-size: 13px;
  font-weight: bold
  }
  
/* Step Progress Indicator (1-2-3-4) section styles -------------------------- */
.step-progress-on {
  color: #000000;
  font-size : 11px;
  font-weight : bold;
  text-align : center;
}

.step-progress-off {
  color: #BFBFBF;
  font-size : 11px;
  font-weight : bold;
  text-align : center;
}

/*  misc. styles --------------------------------------- */
.TitleFontsubhead { /* Liability presentment only */
  font-size: 11pt;
  color : #31559C;
  font-weight : bold;
}

.StandardFont { /* Liability presentment only */
  font-size: 11pt;
  color : black;
  font-weight : normal;
}

.StandardFontBold { /* Liability presentment only */
  font-size: 10pt;
  color : black;
  font-weight : bold;
}

/* Button Styles */

/* General Button Parameters */
input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
}

/* Main submit style buttons (various widths) */
.actionbutton {
  border-bottom: thin solid #685D33;
  border-right: thin solid #685D33;
  border-top: thin solid #CEC6A2;
  border-left: thin solid #CEC6A2;
  font-size: 13px;
  font-weight: bold;
  background-color: #BEB899;
  color: #000000;
  width: 110px
}

.actionbutton2 {
  border-bottom: thin solid #685D33;
  border-right: thin solid #685D33;
  border-top: thin solid #CEC6A2;
  border-left: thin solid #CEC6A2;
  font-size: 13px;
  font-weight: bold;
  background-color: #BEB899;
  color: #000000;
  width: 110px
}

.actionbutton2-5 { /* CC */
  border-bottom: thin solid #685D33;
  border-right: thin solid #685D33;
  border-top: thin solid #CEC6A2;
  border-left: thin solid #CEC6A2;
  font-size: 13px;
  font-weight: bold;
  background-color: #BEB899;
  color: #000000;
  width: 170px
}

.actionbutton3 {
  border-bottom: thin solid #685D33;
  border-right: thin solid #685D33;
  border-top: thin solid #CEC6A2;
  border-left: thin solid #CEC6A2;
  font-size: 13px;
  font-weight: bold;
  background-color: #BEB899;
  color: #000000;
  width: 260px
}

.actionbutton4 {
  border-bottom: thin solid #685D33;
  border-right: thin solid #685D33;
  border-top: thin solid #CEC6A2;
  border-left: thin solid #CEC6A2;
  font-size: 13px;
  font-weight: bold;
  background-color: #BEB899;
  color: #000000;
  width: 200px
}

.actionbutton5 {
  border-bottom: thin solid #685D33;
  border-right: thin solid #685D33;
  border-top: thin solid #CEC6A2;
  border-left: thin solid #CEC6A2;
  font-size: 13px;
  font-weight: bold;
  background-color: #BEB899;
  color: #000000;
  width: 250px
}

/* Inline style buttons */

/* Inline text button */
.editbutton {
  border-bottom: thin solid #685D33;
  border-right: thin solid #685D33;
  border-top: thin solid #CEC6A2;
  border-left: thin solid #CEC6A2;
  font-size: 13px;
  font-weight: bold;
  background-color: #BEB899;
  color: #000000;
  width: 60px
}

/* narrow table button */
.editbuttontablerow { /* CC */
  border-bottom: thin solid #666666;
  border-right: thin solid #666666;
  border-top: thin solid #CCCCCC;
  border-left: thin solid #CCCCCC;
  font-size: 13px;
  font-weight: bold;
  background-color: #BEB899;
  color: #000000;
  width: 60px
}

/* Wider table button */
.editbuttontablerow1 { /* CC ? */
  border-bottom: thin solid #666666;
  border-right: thin solid #666666;
  border-top: thin solid #CCCCCC;
  border-left: thin solid #CCCCCC;
  font-size: 13px;
  font-weight: bold;
  background-color: #BEB899;
  color: #000000;
  width: 90px
}     
      

/****************   main links  ****************************/ 


/* Default Link attributes */
A {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 13px;
  font-weight : bold;
  text-decoration : underline;
  color : #314D8C;
}

A:hover {
  color : #685D33;
  text-decoration : none;
}

A:visited {
  color: #314D8C;
}

/****************   main navigation  ****************************/ 
A.navigation {
  font-size : 13px;
  font-weight : bold;
  text-decoration : none;
  color : #FFFFFF;
  margin-left : 0px; /* make it closer to the big yellow bullets */
  vertical-align: middle;
}  

A.navigation:visited {
  color : #FFFFFF;
}   

A.navigation:hover {
  color : #BEB899;
}  

/* sub-navigation */
A.leftnav, A.leftnav:visited {
  font-size : 12px;
  font-weight : normal; 
  text-decoration : none;
  color : #FFFFFF;
  margin-left : 0px;   /* push text closer to the small subnav bullet */
}


A.leftnav:hover {
  color : #BEB899;
}



/* Start - static html pages */



.subMenuIndent {                       /* this makes the  subnav indent */
  line-height : 20px;
  margin-left : 15px;   /* shift content with bullets to the right */
  margin-bottom : -2px; /* more space between bottom of the line and the new line in the <ul> list */
  margin-top : 0px;     /* make it closer to the content on top with big image bullets */
}




td.TitleFontsubheadCenter {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color : #31559C;
  font-weight : bold;
  text-align:center
}

.TitleFontsubhead { 
  font-size: 15px;
  color : #31559C;
  font-weight : bold;
}


p.AgreementFont {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color : #000000;
  font-weight : normal;
}


.bannerStyle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  background-color : #46709A;
  color : #FFFFFF;
  font-weight : bold;
  text-align: left;
  vertical-align: middle;
}


.page_background{
   background-color: #557FA9;
}

.contents_background{
   background-color: #ffffff;
}



