/*   http://www.dcu.org/nav.css  This is the style sheet for all the main headers. */
/*   PROGRAMMERS - MAKE NO CHANGES TO THIS STYLE SHEET WITHOUT CONSULTING WITH T.G.  */
body {
				margin: 0px;
    background: #000; padding: 5px 0 0; /* for macIE \*/
				background: #fff; padding: 0px; /* real values */
				font: 80% Verdana, Arial, Helvetica, Sans-serif;
}
table {
    background: #fff;
    border: 0;
				border-collapse: collapse;
				height: 121px;
    margin: 0;
}
table td
{
  margin: 0;
  padding: 0;
}
tr#branding td
{
  background: #000;
  height: 63px;
}
* html tr#branding td
{
  position: relative;
}
/* Nav Buttons - Loans/Visa - Checking/Saving - Business - Investing/Insurance - E-Services - Streetwise - Contact Us */
td.navItem
{
  background: url(images/nav/mainNavBckgrnd.gif) top left repeat-x;
  color: #fff;
  font: bold .8em/1.7em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0;
  padding: 1px 2px 0 0;
  height: 24px;
  z-index: 1000;
}
* html td.navItem
{
  position: relative;
}
/* Nav Button Links - Loans/Visa - Checking/Saving - Business - Investing/Insurance - E-Services - Streetwise - Contact Us */
table a,
table a:link,
table a:visited
{
  background: #176735 url(images/nav/mainNavOff.gif) top left repeat-x;
  border: 1px solid #176735;
  display: block;
  color: #fff;
  margin: 0;
  padding: 0 5px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}
/* Nav Button ON States - Loans/Visa - Checking/Saving - Business - Investing/Insurance - E-Services - Streetwise - Contact Us */
table a:focus,
table a:hover,
table a.hover
{
  background: #d6d8c8;
  border: 1px solid #176735;
  color: #176735;
}
/* Sub Nav */
td.subNav
{
  height: 30px;
}

a#logo
{
  background: none;
  border: 0;
  position: absolute;
  top: 7px;
  left: 5px;
}
a#ad
{
  background: #000000;
  border: 0;
  position: absolute;
  top: 0;
		center: 0;
		padding: 0 0 0 0;
}
img
{
  border: 0;
}
abbr, acronym
{
  border: 0;
  font-style: normal;
}
/* Pop Up Nav */
div.subNav
{
  background: #d6d8c8;
  border: 1px solid #999;
  border-bottom-color: #205530;
  border-right-color: #205530;
  float: left;
  margin: 0;
  padding: 0 10px;
  max-width: 500px;
  position: absolute;
  top: 89px;
  left: -999em;
  z-index: 1000;
}
* html div.subNav
{
  /* hide from MacIE \*/top: -999em;/* end hide */
}
/* Pop Up Nav Widths - These can be adjusted to accomodate more or less links */
* html div#loansVisa ul
{
  width: 380px;
}
* html div#checking ul
{
  width: 300px;
}
* html div#insurance ul
{
  width: 410px;
}
* html div#education ul
{
  width: 300px;
}
* html div#account ul
{
  width: 420px;
}
* html div#contact ul
{
  width: 420px;
}
html>body div#loansVisa ul
{
  width: 380px;
}
html>body div#checking ul
{
  width: 300px;
}
html>body div#insurance ul
{
  width: 410px;
}
html>body div#education ul
{
  width: 320px;
}
html>body div#contact ul
{
  width: 420px;
}
div.show
{
  left: auto;
  z-index: 1000;
}
* html div.show
{
  top: 28px;
  left: auto; /* for MacIE \*/
  left: 0; /* PC IE */
}
html>body div.show
{
  padding-top: 2px;
}
div#account.show
{
left: auto;
right: 10%;
z-index: 1000;
}
* html div#account.show 
{ 
top: 28px; 
right: 0px; 
}
div#contact.show 
{
right: 1px;
z-index: 1100; 
}
* html div#contact.show 
{ 
left: auto;
top: 28px; 
right: 0px;
z-index: 1100;
}
div.subNav h2
{
  font-size: .1em;
  margin: 0;
  padding: 0;
  text-indent: -999em;
}
* html div.subNav h2,
html>body div.subNav h2
{
  display: none; /* mac IE \*/
  display: block; /* real value */
  position: absolute;
  top: -999em;
  text-indent: 0;
}
div.subNav ul
{
  margin: 0;
  padding: 0;
}
* html div.subNav ul
{
  /* hide from MacIE \*/margin-top: -15px;/* end hide */
}
/* Pop up Nav Links - down thru line 377 of this code */
div.subNav ul li
{
  background: transparent url(images/nav/line.gif) left center no-repeat;
  border: 0;
  font-size: 1.0em;
  float: left;
  line-height: 1.3em;
  list-style: none;
  margin: 0;
  padding: 0 0 0 15px;
  white-space: nowrap;
  width: auto;
}
td.subNav ul
{
  background: #e0e0e0;
  height: 15px;
  margin: -20px 0 0;
  padding: 3px 0;
  position: relative;
  z-index: 999;
}
* html td.subNav ul
{
  margin-top: -18px;
}
td.subNav ul li
{
  background: transparent;
  border: 0;
  font-size: .8em;
  float: left;
  line-height: 1.1em;
  list-style: none; 
  margin: 0;
  padding: 0;
  white-space: nowrap;
  width: auto;
}
td.subNav ul li a:link,
td.subNav ul li a:visited,
td.subNav ul li a:focus
{
  background: transparent;
  border: solid #999;
  border-width: 0 0 0 1px;
  color: #000;
  text-transform: none;
		text-decoration: underline;
}

td.subNav ul li a:hover
{
		text-decoration: none;
}

td.subNav ul li.first a
{
  border-width: 0;
}
div#date
{
  margin: -18px 5px 0 0;
  font-size: .8em;
  text-align: right;
  position: relative;
  z-index: 999;
}
* html div.subNav ul li
{
  width: 10px; /* for MacIE \*/
  width: auto; /* real value */
}
div.subNav ul li.first
{
  /* hide from macIE \*/
  background: transparent;
  padding: 0;
  clear: left;
  /* end hide */
}
div.subNav ul li a,
div.subNav ul li a:link,
div.subNav ul li a:visited
{
  background: transparent;
  border: 0;
  color: #205530;
  display: inline;
  /* font-weight: bold; */
		font-weight: 600;
  text-align: left;
  text-transform: none;
  margin: 0;
  padding: 0;
  position: static;
  width: auto;
  text-decoration: underline;		
}
div.subNav ul li a:focus,
div.subNav ul li a:hover
{
		color: #000000;
  text-decoration: none;
}
td.utilityNav ul li a,
td.utilityNav ul li a:link,
td.utilityNav ul li a:visited 
{
  background: transparent;
  border: 0;
  color: #205530;
  display: inline;
  /* font-weight: bold; */
		font-weight: 600;		
  text-align: left;
  text-transform: none;
  margin: 0;
  padding: 0;
  position: static;
  width: auto;
  text-decoration: underline;
}
td.utilityNav ul li a:focus,
td.utilityNav ul li a:hover
{
		color: #000000;
  text-decoration: none;
}

