/* commented backslash hack \*/ 
html, body{
	height:100%;
	color: #535456;
} 
/* end hack */ 


/*default*/
body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}
#outer {
	width: 850px;
	margin-left: 15px;
}
img {
	border: 0;
}
p {
color: #444445;
}
li {margin: 0; padding: 0;}
a:link, a:visited, a:hover, a:active {	
outline: none;
font-size: 100%;
font-weight: bolder;
color: #00A9E2;
text-decoration: none;
}

/*Styles - not section specific*/
.boldtext {
font-weight: bold;
}
.leftimg {
	margin-right: 10px;
}
.emphtext {
	font-style: italic;
}
.boldemphtext {
	font-style: italic;
	font-weight: bold;
}
.footnote {
	font-size: 85%;
	font-style: italic;
}
.imgfloatl {
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
}
.imgfloatr {
	float: right;
	padding-bottom: 15px;
	padding-left: 15px;
}
.spanblock {
	float: left;
	clear:both;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}



/*Top graphic and rollover tabs*/

#outer #bg {
	height: 185px;
	width: 820px;
}
html>body #onlinebanking {
	position: absolute;
	height: 56px;
	width: 140px;
	left: 240px;
	top: 135px;
	z-index: 200;
	background-image: url(../images/online_banking.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

html>body #onlinebanking:hover{
	background-image: url(../images/online_banking_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

html>body #onlineinvesting {
	height: 56px;
	width: 139px;
	position: absolute;
	left: 384px;
	top: 135px;
	background-image: url(../images/online_investing.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

html>body #onlineinvesting:hover{
	background-image: url(../images/online_investing_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
html>body #sascuinsurance {
	height: 56px;
	width: 139px;
	position: absolute;
	left: 669px;
	top: 135px;
	background-image: url(../images/sascu_insurance.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

html>body #sascuinsurance:hover{
	background-image: url(../images/sascu_insurance_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
html>body #sascuwealth {
	height: 56px;
	width: 139px;
	position: absolute;
	left: 526px;
	top: 135px;
	background-image: url(../images/sascu_wealth.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
html>body #sascuwealth:hover{
	background-image: url(../images/sascu_wealth_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*Navbar1*/
#outer #nav1 {
position: absolute;
top: 191px;
width: 850px;
float: left;
}
#outer #nav1 ul {
width: 850px;
height: 31px;
list-style-type: none;
margin: 0px;
padding: 0px;
}
#outer #nav1 li {
float: left;
}


/*Navbar2*/
#outer #nav2 {
position: absolute;
top: 222px;
width: 850px;
float: left;
clear: right;
}
#outer #nav2 ul {
width: 850px;
list-style-type: none;
margin: 0px;
padding: 0px;
}
#outer #nav2 li {
float: left;
}


/*Navbar3*/
#outer #bottom {
margin-top: 20px;
height: 53px;
margin-bottom: 30px;
width: 850px;
display: block;
clear: both;
float: left;
}
#outer #bottom ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#outer #bottom li {
float: left;
}


/*Positioning of middle content*/
#middle {
	position: absolute;
	top: 255px;
	width: 850px;
	left: 17px;
}


/*Appearance of tables in main categories*/
#middle table {
	margin-top: 20px;
	border-collapse: collapse;
}
#middle td{
vertical-align: top;	
}
.nobordertop {
border-right-style: none;
width: 272px;
padding-left: 30px;
padding-right: 30px;
}
.noborderbottom{
border-top-style: solid;
border-top-width: 1px;
border-top-color: #DADBDB;
width: 272px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-top: 10px;
}
.toptableborder {
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-top-color: #DADBDB;
border-right-style: solid;
border-right-color: #DADBDB;
width: 272px;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 30px;
}
.righttableborder {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #DADBDB;
width: 272px;
padding-left: 30px;
padding-right: 30px;
}

/*Appearance of fonts in main categories*/
.main h1
{
color: #00A9E2;
font-size: 120%;
font-weight: bolder;
}
.main h2 {
font-size: 100%;
color: #00A9E2;
font-weight: bolder;
}
.main a:hover{
text-decoration: underline;
}


/*Based on ratestable - for tables that contain links*/
#outer #middle .rightcontent .ratestablelink td{
	vertical-align: top;
}


/*For sponsorprog.html*/
#outer #middle .rightcontent .sponsortable p {
	margin-bottom: -2px;
}
.shadedtd {
	background-color: #E7E8E8;
	padding-right: 5px;
	padding-left: 5px;
}
.sponsortable td{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
	font-size: 90%;
}



/*Sidebar in subcategories*/
#outer #middle .sidebar {
background-color:#E7E8E8;
width: 210px;
float: left;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #B9BABA;
margin-top: 20px;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
clear: left;
}
#outer #middle .sidebar h1{
color: #00A9E2;
font-size: 110%;
padding-top: 5px;
padding-bottom: 20px;
}
#outer #middle .sidebar ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#outer #middle .sidebar li{
margin-top: 7px;
margin-bottom: 7px;

}
#outer #middle .sidebar a:link {
color: #535456;
text-decoration: none;
font-weight: bold;
}
#outer #middle .sidebar a:visited{
text-decoration: none;
font-weight: bold;
color: #535456;
}
#outer #middle .sidebar a:hover{
color: #00A9E2;
text-decoration: underline;
font-weight: bold;
}
#outer #middle .sidebar .selected a{
color: #00A9E2;
text-decoration: none;
font-weight: bold;
}
#outer #middle .sidebar .selected {
	color: #00A9E2;
	text-decoration: none;
	font-weight: bold;
}
#outer #middle .sidebar .notselected {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.nestedlist1 {
	text-indent: 1em;
}
.nestedlist1 a:link{
	font-size: 75%;
}
.nestedlist1 a:visited{
	font-size: 75%;
}
.nestedlist1 a:hover{
	font-size: 75%;
}
.nestedlist2 {
	text-indent: 3em;
}	
.nestedlist2 a:link{
	font-size: 75%;
}
.nestedlist2 a:visited{
	font-size: 75%;
}
.nestedlist2 a:hover{
	font-size: 75%;
}


/*Right content beside sidebar in subcategories*/

.rightcontent {
width: 500px;
float: right;
padding-right: 30px;
padding-left: 30px;
margin-top: 10px;
clear: right;
padding-top: 20px;
margin-bottom: 20px;
margin-right: 10px;
}
.rightcontent h1{
font-size: 105%;
font-weight: bold;
}
.rightcontent h1 .blue{
color: #00A9E2;
}
.rightcontent h2{
font-size: 100%;
font-weight: bold;
color: #00A9E2;
margin-bottom: -8px;
}
.rightcontent h3{
font-size: 100%;
font-weight: bold;
color: #444445;
margin-bottom: -8px;
}
.nobulletslist {
	list-style-type: none;
	text-indent: 0px;
}
.rightcontent a:link, a:visited, a:hover, a:active{
font-size: 100%;
font-weight: bolder;
color: #00A9E2;
text-decoration: none;
}
.rightcontent a:hover{
text-decoration: underline;
}
.rightcontent li{
	padding: 3px;
	color: #444445;
}
#outer #middle .rightcontent .boldtext {
	color: #444445;
}
.home table, tr, td, img {
	border-collapse:collapse;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.redtext {
	color: #CE171F;
}
.atmtable td{
	padding: 5px;
}
#rates td {
		padding:5px;
}