

/* --- [Branding guidelines:]
[Colors]
Corporate blues:
215d8b NEX blue - dark blue
0096c6 TIER blue - medium blue

[Copy] - define fonts used in content copy
font-family: Arial, sans-serif, Helvetica;
color: #666;
font-size: 12px;
----- */

body {
background-color: #FFFFFF;
font-family: Arial, sans-serif, Helvetica;
color: #666;
font-size: 12px;
margin: 0; }

/* ---[common text and table elements] ----- */
table tr td {
font-family: Arial, sans-serif, Helvetica;
color: #666;
font-size: 12px;
}

p {
font-family: Arial, sans-serif, Helvetica;
color: #666;
font-size: 12px;
line-height: 15px;
margin-right: 5px;
margin-left: 2px; }

sup {
font-family: Arial, sans-serif, Helvetica;
font-size: 8px;
}

.footnote {
font-family: Arial, sans-serif, Helvetica;
font-size: 10px;
}

h1 {
color: #ccffff; 
font-family: Arial, sans-serif, Helvetica;
font-size: 30px;
margin: 0 0 0 5px;
}

h2 {
color: #ffffff;
font-family: Arial, sans-serif, Helvetica;
font-size: 15px;
margin: 0 0 0 5px; 
}

/* ---[START Use this class for h2 tag on home page ONLY. Adjust the right margin, 70px, more or less to accommodate width of branding statement to stretch blue branding box to size width to fill space] ----- */
h2.home {
color: #ffffff;
font-family: Arial, sans-serif, Helvetica;
font-size: 15px;
margin: 0 70px 0 5px; 
}
/* ---[END Class for h2 tag on home page ONLY.] ----- */


h3 {
color: #003366;
font-family: Arial, sans-serif, Helvetica;
font-size: 13px;
margin: 0 0 0 5px; }

h3.wht {
color: #ffffff;
font-family: Arial, sans-serif, Helvetica;
font-size: 13px;
margin: 0 0 0 5px; }

h3.grey {
color: #666;
font-family: Arial, sans-serif, Helvetica;
font-size: 13px;
margin: 0 0 0 5px;
font-weight: bold; }

h4 {
color: #336699;
font-family: Arial, sans-serif, Helvetica;
font-size: 12px;
margin: 0;
padding-top: 5px; }

h5 {}

/* --- [Use for small blue font, ex: footer text] ----- */
h6 {
color: #336699;
font-family: Arial, sans-serif, Helvetica;
font-size: 10px;
font-weight: normal;
margin: 5px 5px 5px 2px;
}

a.designby:link, a.designby:visited {
color: #336699;
font-family: Arial, sans-serif, Helvetica;
font-size: 10px;
text-decoration: underline;
}

a.designby:hover, a.designby:active {
color: #0096c6;
font-family: Arial, sans-serif, Helvetica;
font-size: 10px;
border-bottom-width: 1px #215d8b solid;
}

/* ---[ links ]------------------------------- */
a:link {
color: #215d8b;
font-family: Arial, sans-serif, Helvetica;
font-size: 12px;
text-decoration: underline;
} 

a:visited {
color: #7199B9;
font-family: Arial, sans-serif, Helvetica;
font-size: 12px;
text-decoration: none;
}

a:hover {
color: #0096c6;
font-family: Arial, sans-serif, Helvetica;
font-size: 12px;
background-color: #DBEBFB;
border-bottom-width: 1px #215d8b solid;
}

a:active {
color: #215d8b;
font-family: Arial, sans-serif, Helvetica;
font-size: 12px;
border-bottom-width: 0px; 
}

a img {
 color: none;
 border: none;
 background-color: none;
}

a:hover img {
 color: none;
 border: none;
 background-color: none;
}

a#chking {
text-decoration: none;
}
a#chking:link {
text-decoration: none;
}
a#chking:hover {
background-color: #000000;
text-decoration: none;
}
a#chking:active {
text-decoration: none;
}

/* --- [START promo tile styles on home page ONLY] ----- */
blockquote.promo1 {
width: 179px;
height: 85px;
background: url(images/ltbluebar.gif) repeat-y;
border-top: 1px #ffffff  solid;




/*width: 179px;
height: 89px;
background: url(images/index_estatements.gif);
border-top: 1px solid #fff;*/
/*width: 179px;
height: 91px;
background-color: #dbebfb;
border-top: 1px solid #fff;
border-right: 10px solid #00ae9b;
border-bottom: 1px solid #fff;*/
padding: 0;
margin: 0; 
}

blockquote.promo2 {
width: 179px;
height: 91px;
background: url(images/ltbluetourqbar.gif) repeat-y;
border-top: 1px #ffffff  solid;
/*width: 179px;
height: 89px;
background-color: #dbebfb;
border-top: 1px solid #fff;
border-right: 10px solid #0096c6;*/
padding: 0;
margin: 0; 
}

.promo {
margin: 0 10px 0 0;
padding: 20px 10px 10px 10px; 
font-size: 14px;
font-family: Arial, sans-serif, Helvetica;
letter-spacing: -1px; }

b.blu1 {
color: #215d8b; 
}

b.blu2 {
color: #0096cc; 
}
/* --- [END promo tile styles on home page ONLY] ----- */

/* --- [START branding blue box] ----- */
#branding {
background-color: #215D8B;
padding: 0 0 5px 2px;
/*border-top: 1px #ffffff solid;*/
/*border-right: 1px #ffffff solid;*/
border-bottom: 1px #ffffff solid;  
}
/* --- [END branding blue box] ----- */

/* --- [START branding blue box] ----- */
#brandingredirect {
background-color: #215D8B;
padding: 0 0 5px 2px;
border-top: 1px #ffffff solid;
border-left: 1px #ffffff solid;
border-bottom: 1px #ffffff solid;  
}
/* --- [END branding blue box] ----- */

/* --- [START login ltblue box on home page] ----- */
#logincontainer {
background-color: #0096c6;
padding: 0 0 5px 2px;
/*border-right: 1px #ffffff solid;*/
}

#loginnav a:link, #loginnav a:visited {
color: #fff;
font-weight: bold;
text-decoration: none;
}

#loginnav a:hover, #loginnav a:active {
color: #a7e5f9;
font-weight: bold;
background-color: #0096c6; 
text-decoration: none;
}
/* --- [END login ltblue box on home page] ----- */

/* --- [START breadcrumb navigation on sub pages] ----- */
#breadcrumb {
color: #666;
font-family: Arial, sans-serif, Helvetica;
font-size: 10px;
background-color: #D0EAF3;
padding: 5px 0 5px 5px;
border-top: 1px #ffffff solid;
/*border-right: 1px #ffffff solid;*/
border-bottom: 1px #ffffff solid; 
}

#breadcrumbnav a:link, #breadcrumbnav a:visited
{
font-family: Arial, sans-serif, Helvetica;
font-size: 10px;
color: #666;
text-decoration: underline;
}

#breadcrumbnav a:hover, #breadcrumb a:active
{
font-family: Arial, sans-serif, Helvetica;
font-size: 10px;
color: #215d8b;
background-color: #D0EAF3;
text-decoration: underline;
}

/* --- [END breadcrumb navigation on sub pages] ----- */

/* --- [START home page Planning for Life and Starting a Business navlist] ----*/
#hp2navlist 
{
color: #ffffff;
font-family: Arial, sans-serif, Helvetica;
font-size: 13px;
font-weight: bold;
background-image: url(images/bluebar.gif);
width: 179px;
height: 22px;
border-top: 1px solid #ffffff;
margin-left: 5px;
padding-left: 5px;
}
 
#hp2navlist a:link, #hp2navlist a:visited
{
color: #fff;
text-decoration: none;
}

#hp2navlist a:hover
{
color: #BED73C;
background-color: #7199B9;
text-decoration: underline;
}
/* --- [END home page Planning for Life and Starting a Business navlist] ----*/

/* --- [START home page Our Solutions navlist] ----- */
 #hp3navlist
 {
 margin-left: 5px;
 padding-left: 5px;
 list-style: none;
 }

 #hp3navlist li 
 {
 padding-left: 10px;
 background-image: url(images/goldsquare.gif);
 background-repeat: no-repeat;
 background-position: 0 50%;
 line-height: 17px;
 }
 
#hp3navlist a:link, #hp3navlist a:visited
{
color: #666;
text-decoration: underline;
}

#hp3navlist a:hover
{
color: #0099CC;
background-color: #E9F3FD;
text-decoration: underline;
}
/* --- [END home page Our Solutions navlist] ----- */

/* --- [START top horizontal corporate nav bar: Planning Center, Community Involvment, About Us -----*/
#corpnavlist a:link, #corpnavlist a:visited
{
color: #fff;
font-weight:bold;
text-decoration: none;
}

#corpnavlist a:hover
{
color: #fff;
background-color: #b2b2b2;
text-decoration: underline;
}
/* --- [END top horizontal corporate nav bar: Planning Center, Community Involvment, About Us -----*/

/* --- [START top horizontal utility nav bar -----*/
#utilnavlistcontainer {
padding-top: 5px;
}

#utilnavlist a:link, #utilnavlist a:visited
{
color: #666;
text-decoration: none;
}

#utilnavlist a:hover
{
color: #0096c6;
background-color: #fff;
text-decoration: underline;
}
/* --- [END top horizontal utility nav bar -----*/

/* --- [START Application Nav Menu ----*/

 #app_navcontainer {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666666;
 width: 180px;
 }
 
 #app_navlist line {
 padding: 2px 0 2px 0;
 margin: 2px 0 2px 0;
 /* border-top: 1px solid gray;*/
 background-image: url(images/nav/app_line.gif);
 background-repeat: repeat-x;
 }

 #app_navlist ul { 
 list-style: none; 
 }
 
 #app_navlist a { 
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #003366;
 text-decoration: none;
 }
 
 #app_current {
 font-weight: bold;
 }
 

/* --- [END Application Nav Menu -----*/

/* --- [START left subnav menu on subpages] -----*/
#navcontainer {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
width: 180px;
}

 #navlist {
 margin-left: 0;
 padding-left: 0;
 list-style: none;
 /*border-bottom: 1px solid gray;*/
 }

 #navlist li {
 padding: 2px 0 2px 0;
 margin: 2px 0 2px 0;
 /* border-top: 1px solid gray;*/
 background-image: url(images/nav/line.gif);
 background-repeat: repeat-x;
 }
 
 #app_navlist  {
 padding: 2px 0 2px 0;
 margin: 2px 0 2px 0;
 /* border-top: 1px solid gray;*/
 background-image: url(images/nav/line.gif);
 background-repeat: repeat-x;
 }

 #navlist ul { 
 list-style: none; 
 }
 
 #navlist li a { 
 color: #003366;
 text-decoration: none;
 }
 
 #current {
 font-weight: bold;
 }
 
 #subnavlist
 {
 margin-left: 0;
 padding-left: 0;
 list-style: none;
 }

 #subnavlist li
 {
 padding: 1px 0 1px 15px;
 margin: 1px 0 1px 15px;
 background-image: url(images/nav/arrow2.gif);
 background-repeat: no-repeat;
 background-position: 0 .5em;
 border: 0;
 }

 #subnavlist ul { 
 list-style: none;
 }
 
 #subnavlist li a { 
 color: #0096c6;
 text-decoration: none;
 }
 
 #subcurrent {
 font-weight: bold;
 }
/* --- [END left subnav menu on subpages] -----*/

/* --- [START forms] ----- */
.input {
font-family: Arial, sans-serif, Helvetica;
color: #666;
font-size: 11px;
background: #D0EAF3; 
border: 1px solid #ccc;
}
/* --- [END forms] ----- */

/* Dropdown Menu */
.suckertreemenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li {
  width: 180px;
  position: relative;
  display: inline;
  float: left;
  background-color: #F3F3F3;
}

.suckertreemenu ul li a {
  display: block;
  padding: 1px 8px;
  border: 1px solid black;
  border-left-width: 0;
  text-decoration: none;
  color: navy;
}

/*1st sub level menu*/
.suckertreemenu ul li ul {
 left: 0;
 position: absolute;
 top: 1em;
 display: block;
 visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li {
.suckertreemenu ul li ul li {
 display: list-item;
 float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul {
  left: 159px;
  top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a {
  display: block;
  width: 162px;
  color: navy;
  text-decoration: none;
  border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover {
  background-color: black;
  color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon {
  background: #F3F3F3;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon {
  background: #F3F3F3;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
  padding-top: 1em;
}

/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%;}
* html .suckertreemenu ul li a { height: 1%;}
* html .suckertreemenu ul li ul li { float: left;}

#pb_menu {
  border: solid gray 1px;
  background-image: url('images/nav/pb_off.gif');
}

#bizserv_menu {
  border: solid gray 1px;
  background-image: url('images/nav/bizserv_off.gif');
}

#wm_menu {
  border: solid gray 1px;
  background-image: url('images/nav/wm_off.gif');
}

#insur_menu {
  border: solid gray 1px;
  background-image: url('images/nav/insur_off.gif');
}
