/* ---------- Colors ----------

h1 = #719aab
Logo Text Blue = #005b84
Light blue link hover = #1675a1

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

body {
color:#333; font-size:.8em; margin:0; font-family:Arial, Helvetica, sans-serif; 
background-image:url(images/BG-body.jpg); background-position:top left; background-repeat:no-repeat;
}

body.home {
background-image:url(images/BG-body-home.jpg); background-position:top left; background-repeat:no-repeat;	
}

a:link, a:visited {
color:#005b84; text-decoration:underline	
}

a:hover, a:active {
color:#1675a1; text-decoration:none;	
}

:focus {
outline:none;	
}

img {
border:0;	
}

#container {
position:relative; margin:0; width:976px;	
}

#topC-home {
width:956px; height:204px; padding:20px 0 0 20px; background-image:url(images/BG-top-home.jpg); background-repeat:no-repeat;	
}

#topC {
width:946px; height:142px; padding:18px 0 0 30px; background-image:url(images/BG-top.jpg); background-repeat:no-repeat;	
}

#LogoC {
float:left;	
}

#topRightLinks {
float:right; color:#005b84; padding:0 45px 0 0; font-weight:bold; font-size:11px;	
}

#topRightLinks a:link, #topRightLinks a:visited {
color:#005b84; text-decoration:none	
}

#topRightLinks a:hover, #topRightLinks a:active {
color:#005b84; text-decoration:underline	
}

.linkDivider {
margin:0 5px; font-weight:normal;	
}

#topStripe {
width:100%; height:38px; background-image:url(images/BG-topStripe.jpg); background-repeat:no-repeat	
}

#onlineBankingBackground {
position:absolute; top:49px; right:39px; width:500px; height:242px;	
background-image:url(images/BG-onlineBankingBackground.png); background-repeat:no-repeat
}

#onlineBankingBackground-CMS {
position:absolute; top:59px; right:51px; width:478px; height:219px;	
}

#onlineBankingBackground-CMS img {
float:right; 
}

#onlineBankingBackground-CMS p {
margin:0; padding:0;	
}

#onlineBanking {
position:absolute; top:59px; right:29px; width:477px; height:218px;	padding:23px 0 0 23px; color:#005b84;
/*background-image:url(images/BG-onlineBanking.jpg); background-repeat:no-repeat*/	
}

#onlineBanking p {
padding:0; margin:0 0 10px;		
}

#middleC {
width:100%; background-image:url(images/BG-middle.jpg); background-repeat:repeat-y;	
}

#leftColumn {
float:left; width:230px; min-height:400px; 
background-image:url(images/BG-leftColumn.jpg); background-repeat:no-repeat; background-position:top;	
}

#leftColumn-content {
padding:0 0 6px 30px;	
}

#leftColumn-content p {
padding:0 0 12px;	
}

#rightColumn {
float:left; width:746px;	
}

#content-home {
padding:60px 50px 50px;	
}

#content-home h1 {
font-size:22px; margin:0 0 25px; padding:0; color:#719aab;	
}

#content-home h2 {
font-size:17px; margin:18px 0 12px; padding:0; color:#005b84;	
}

#content-home p {
margin:0 0 15px;	
}

#content-home ul {
margin:12px 0 12px 25px; padding:0; 
list-style-image:url(images/li-square.jpg);
*list-style-image:url(images/li-square-IE.jpg);
}

#content-home li {
padding:0 0 7px 4px;	
}

#content {
padding:38px 50px 20px;	
}

#content h1 {
font-size:22px; margin:0 0 25px; padding:0; color:#719aab;	
}

#content h2 {
font-size:17px; margin:20px 0 12px; padding:0; color:#005b84;	
}

#content p {
margin:0 0 15px;	
}

#content ul {
margin:12px 0 12px 25px; padding:0; 
list-style-image:url(images/li-square.jpg);
*list-style-image:url(images/li-square-IE.jpg);
}

#content li {
padding:0 0 7px 4px;	
}

#content table {
border:0; border-collapse:collapse; width:100%; margin:0;	
}

#content td {
vertical-align:top; padding:0 5px 5px 0px;	
}

#bottomC {
width:100%; height:65px; background-image:url(images/BG-bottom1.jpg); background-repeat:no-repeat;	
}

#footerC {
height:38px; width:100%; 
background-image:url(images/BG-footer.jpg); background-repeat:no-repeat;
}

#footer-content {
padding:11px 20px 0 35px; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#025175; font-weight:bold	
}

.backToTop {
text-align:right; margin-right:20px; font-size:.75em;
}

.clear {
clear:both;	
}

legend {
	font-size: 18px;
	font-weight: normal;
	color:#005b84;
	padding-right: 10px;
	padding-left: 5px;
}
.calc_results {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	text-align: center;
}
form {
	margin: 0px;
	padding: 0px;
}
.calc_results input {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	text-align: center;
}
.calc_results h3 {
	font-size: 14px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
fieldset {
	padding: 15px;
}
fieldset p {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}




/**************************************** Main Navigation ************************************/

#mainNav {
padding:41px 0 30px 49px; width:181px; font-size:14px; font-weight:bold;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	display:block;
	position:absolute;
	z-index:100;
}

#nav {/* all lists */
	padding: 0;
	margin: 0;
	display:block;
	list-style-image:url(images/li-mainNav.jpg);
	*list-style-image:url(images/li-mainNav-IE.gif);
}

#nav a {
	display: block;
	padding:0 0 15px 8px; 
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	width:170px; /* using a width here keeps the pop-out menu open even when the mouse pointer isn't directly over it. */
}

#nav a:hover {
	display: block;
	padding:0 0 15px 8px; 
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	width:170px; /* using a width here keeps the pop-out menu open even when the mouse pointer isn't directly over it. */
}

#nav li { /* all list items */
	
}

#nav li ul {/* second-level lists */
	position: absolute;
	background-color:#fefefe;
	width: 166px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-weight: normal;
	font-family:Tahoma;
	margin:-35px 0 0 161px;
	list-style-image:none;
	list-style-type:none;
	border-top: 0px #d0e4ec solid;
	border-right: 1px #d0e4ec solid;
	border-bottom: 1px #d0e4ec solid;
	border-left: 1px #d0e4ec solid;
	display:block
}


/* this section controls the formatting of the dropdown links *******************/
#nav ul a {
	padding: 3px 8px 3px 8px; /*controls padding around dropdown links */
	width: 150px;
	font-weight: normal; /* controls font weight of dropdown links */
	line-height: 17px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-image:none;
	list-style-type:none;
	border-top: 1px #d0e4ec solid;  /*Adds a line in between each drop down link */
	background-image:none;
	display:block;
	margin:0;
}

#nav ul a:hover {
	padding: 3px 8px 3px 8px;/*controls padding around dropdown links */
	width: 150px;
	font-weight: normal; /* controls font weight of dropdown links */
	line-height: 17px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: 1px #d0e4ec solid;  /*Adds a line in between each drop down link */
	background-image:none;
	display:block;
	margin:0;
	list-style-image:none;
	list-style-type:none;
}


/*********************************************************************/
#nav li ul ul {/* third-and-above-level lists */
	margin: -1.8em 0 0 13.9em;
	_margin: -1.8em 0 0 13.8em;
}
#nav li.sfhover ul ul ul {
	left: -999em;
	display: block;
}
#nav li.sfhover ul ul {
	left: -999em;
	display: block;
}
#nav li:hover ul ul ul {
	left: -999em;
	display: block;
}
#nav li:hover ul ul {
	left: -999em;
	display: block;
}

#nav li li li.sfhover ul {
	left: auto;
	display: block;
}

#nav li li.sfhover ul {
	left: auto;
	display: block;
}

#nav li.sfhover ul {
	left: auto;
	display: block;
}

#nav li li li:hover ul {
	left: auto;
	display: block;
	text-decoration:none
}
#nav li li:hover ul {
	left: auto;
	display: block;
	text-decoration:none
}

#nav li:hover ul {
	/*left: auto; */ /* --- Changing this from "auto" to "inherit" fixed the problem with dropdowns sticking in IE 7 ---*/
	display:block;
	left:inherit 
} 

/* Main Hover States
*******************************/
#nav li.sfhover {
	background-color:none;
}
#nav li:hover {
	background-color:none; 
}
#nav li.sfhover a {
	color:#fee98c;
}
#nav li:hover a {
	color:#fee98c; 
} 

/* Dropdown Hover States
*******************************/
#nav ul li.sfhover {
	background-color:#bfd7e1;
}

#nav ul li:hover {
	background-color:#bfd7e1; 
}

#nav li.sfhover ul a:visited {
	color: #005b84; 
}

#nav li.sfhover ul a:link {
	color: #005b84; 
}

#nav li:hover ul a:visited {
	color:#005b84;
} 

#nav li:hover ul a:link {
	color:#005b84;
} 

#nav li:sfhover ul a:active {
	color:#005b84
}

#nav li:sfhover ul a:hover {
	color:#005b84
}

#nav li:hover ul a:active {
	color:#005b84
} 

#nav li:hover ul a:hover {
	color:#005b84
} 


/************************************************************************/