/* American Savings Bank CSS // Author: Ryan Dawson */
@import url(roll.css);

* { outline:none; }
body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	background: #FFF;
	color: #333333;
	text-align:center;
	}

a, a:link, a:visited {
	color:#6699CC;
	text-decoration: underline;
	}
	
a:hover, a:link img, a:hover img, a:visited img, a:active img, a:hover {
	border:none;
	color:#336699;
	}

#container {
	margin: 0 auto;
	width: 800px;
	vertical-align: top;
	text-align:center;
	}

#leftnav {
	float: left;
	margin: 36px 0 0 12px;
	width: 228px;
	}

#leftnav a {
	margin: 0 0 8px 0; /* for rollovers in nav */
	}
	
#main {
	margin: 36px 10px 24px 262px;
	width: 524px !important;
	text-align: left;
	color: #666666;
	min-height:250px;
	}

#news {
	width: 228px; height:270px;
	margin: 24px 0;
	border: dotted 1px #336699;
	padding: 12px;
	}

.subleft, .subright, #main td { width:250px; font: 12px Verdana, Geneva, Sans-serif; margin: 24px 0; line-height:20px; vertical-align:top; }
.subright { float:right; }
.subleft { float:left; }

.arw a:hover { color:#336699; text-decoration: none; }
a.arw { padding-left:12px; display:block; }
a.arw { background:url('../imgs/arwb.gif') no-repeat 0 50%; text-decoration: none; }
a:hover.arw { background:url('../imgs/arwo.gif') no-repeat 0 50%; }
img.arw  { position:relative; left:-18px; padding: 0 18px 0 0; }

h1 span, h2 span { display:none; }
h1 { margin-bottom: 12px; }
h2 { margin-bottom: 0px; }

#welcome { height:28px; width:377px; background:url('../imgs/h1welcome.gif') no-repeat 0 0; }
#olbH1 { height:28px; width:377px; background:url('../imgs/h1olb.gif') no-repeat 0 0; }
#depH1 { height:28px; width:377px; background:url('../imgs/h1deposit.gif') no-repeat 0 0; }
#calcH1 { height:28px; width:377px; background:url('../imgs/h1calculators.gif') no-repeat 0 0; }
#proH1 { height:28px; width:377px; background:url('../imgs/h1protect.gif') no-repeat 0 0; }
#mortH1 { height:28px; width:377px; background:url('../imgs/h1mortgage.gif') no-repeat 0 0; }
#contH1 { height:28px; width:377px; background:url('../imgs/h1contact.gif') no-repeat 0 0; }

#mortH2 { height:30px; width:245px; background:url('../imgs/h2mort.gif') no-repeat 0 3px; }
#proH2 { height:30px; width:245px; background:url('../imgs/h2pro.gif') no-repeat 0 3px; }
#calcH2 { height:30px; width:245px; background:url('../imgs/h2calc.gif') no-repeat 0 3px; }

.dotsbtm td { border-top:dotted 1px #cccccc; line-height:200%; padding:4px 0; }
table.dotsbtm  { border-bottom:dotted 1px #cccccc; }

#header, #header td {
	color:#666666;
	margin: 24px 0;
	font-size:13px;
	}

.subhead {		
    	font-size: 16px; 
		font-weight: bold; 
		background: #FFF;
		color: #000;
}

.small {
		font: 9px Verdana, Geneva, Helvetica, sans-serif;
    	color: #666;
    	}

.headline {
		font: normal bold 18px Verdana, Arial, Helvetica, sans-serif;
		background: #FFF;
		color: #333;
}

.exl table { border-collapse: collapse !important; border-color: #c6c6c6; }
.exl td { font-size: 11px !important; color:#363636 !important; padding:4px; text-align:center; vertical-align:middle !important; }
.exl td#left { text-align:left; }
.exl td #b {font-size: 12px !important; color:#333333 !important; }
td#b, .b td { font-weight:bold !important }