@charset "UTF-8";
/* CSS Document */

body {
	background:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 0;
	margin: 0;
}
#container {
	background:#FFFFFF url(../images/header_bg.gif) repeat-x;
	width: 100%;
}
img, img a {
	border: none;
	margin:0;
	padding:0;
}
a {
	color:#9c1e3d;
	text-decoration:underline;
}
a:hover {
	color: #9c1e3d;
	text-decoration:none;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
h4 {
	font-size: 12px;
	padding: 0;
	margin: 0;
}
p {
	line-height: 17px;
	margin: 0 0 10px 0;
}
blockquote {
	background: #dce4f2;
	padding: 20px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

/* ================ Header Styles ================ */
#header {
	width: 1000px;
	height: 104px;
	background: url(../allsteel_pics/topbar.jpg) no-repeat;
}
#topnavigation {
	position: absolute; top:30px; left:400px; height:25px; width:600px;
	color:#ffffff;
	text-align:right;
	margin:0;
	padding:0;
}

#topnav li { /* all lists */
	color: #FFFFFF; 
	display: inline; 
	list-style: none; 
	font-size: 10px; 
	border-right: 1px solid #FFFFFF; 
	padding: 0 8px 0 5px;
	margin:0;
}
#topnav li.last { /* all lists */ 
	border: none;
	padding:0 0 0 5px;
}
#topnav a { 
	color: #FFFFFF;
	text-decoration: none; 
} 
#topnav a:hover { 
	color: #FFFFFF;
	text-decoration: underline; 
}
#tagline {
	position: absolute; top:80px; left:650px; height:24px; width:350px;
	font-size:12px;
	color:#ffffff;
	line-height:22px;
	text-align:right;
	margin:0;
	padding:0;
}
img.logo {
	position: absolute; top:23px; left:15px; height: 37px; width:319px;
}
#navigation {
	position: absolute; top:80px; left:15px; height:24px; width:636px;
	background: #011b93;
	padding: 0 0 0 3px;
	z-index:20;
}

/* ----------- Navigation Styles -----------*/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav a.homeBtn, #nav a.savingsBtn, #nav a.loansBtn, #nav a.servicesBtn, #nav a.aboutBtn, #nav a.joinBtn {
	color: #FFFFFF;
	width:103px;
	height:24px;
	font-weight:bold;
	font-size: 12px;
	line-height:24px;
	margin: 0 3px 0 0;
	text-align: center;
	display: block;
	text-decoration: none;
}
#nav a.homeBtn {
	background: #9c1e3d url(../images/navBtn_home.gif) repeat-x;
}
#nav a.savingsBtn {
	background: #811a55 url(../images/navBtn_savings.gif) repeat-x;
}
#nav a.loansBtn {
	background: #b56828 url(../images/navBtn_loans.gif) repeat-x;
}
#nav a.servicesBtn {
	background: #eeb21e url(../images/navBtn_services.gif) repeat-x;
}
#nav a.aboutBtn {
	background: #cfbb19 url(../images/navBtn_about.gif) repeat-x;
}
#nav a.joinBtn {
	background: #eb6f24 url(../images/navBtn_join.gif) repeat-x;
}
#nav a:hover.homeBtn, #nav a:hover.savingsBtn, #nav a:hover.loansBtn, #nav a:hover.servicesBtn, #nav a:hover.aboutBtn, #nav a:hover.joinBtn {
	text-decoration:none;
}
#nav a:hover.homeBtn {
	background: #ab405a url(../images/navBtn_home_roll.gif) repeat-x;
}
#nav a:hover.savingsBtn {
	background: #943c6e url(../images/navBtn_savings_roll.gif) repeat-x;
}
#nav a:hover.loansBtn {
	background: #c48653 url(../images/navBtn_loans_roll.gif) repeat-x;
}
#nav a:hover.servicesBtn {
	background: #f3c962 url(../images/navBtn_services_roll.gif) repeat-x;
}
#nav a:hover.aboutBtn {
	background: #ddd05c url(../images/navBtn_about_roll.gif) repeat-x;
}
#nav a:hover.joinBtn  {
	background: #ef8c50 url(../images/navBtn_join_roll.gif) repeat-x;
}

#nav li { /* all list items */
	float: left;
	width: 106px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height:auto;
}
#nav li ul.navHome a, #nav li ul.navSavings a, #nav li ul.navLoans a, #nav li ul.navServices a, #nav li ul.navAbout a, #nav li ul.navJoin a {
	width: 192px;
	display:block;
	color: #666666;
	text-decoration: none;
	background-color: #f1f1f1;
	border-bottom: 1px solid #7a7a7a;
	border-right: 1px solid #7a7a7a;
	border-left: 1px solid #7a7a7a;
	padding: 5px 4px;
}

#nav li ul.navSavings a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #943c6e;
}
#nav li ul.navLoans a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #c48653;
}
#nav li ul.navServices a:hover {
	color: #666666;
	text-decoration: none;
	background-color: #f3c962;
}
#nav li ul.navAbout a:hover {
	color: #666666;
	text-decoration: none;
	background-color: #ddd05e;
}
#nav li ul.navJoin a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #ef8c50;
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	background: #9bc1db;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* ================ Content Styles ================ */
#content {
	width:985px;
	padding: 15px 0 25px 15px;
}
#content_col, #savingsContent_col, #loansContent_col, #servicesContent_col, #aboutContent_col, #joinContent_col {
	float: left;
	width: 735px;
	margin: 10px 15px 25px 15px;
	padding: 0 15px 0 0;
}
#content_col_full {
	float: left;
	width: 970px;
	margin: 10px 0 25px 15px;
	padding: 0 0 0 0;
}
#rt_content {
	float:right;
	width:205px;
	margin: 10px 0 25px 0;
}
#content_col h1, #content_col_full h1, #savingsContent_col h1, #loansContent_col h1, #servicesContent_col h1, #aboutContent_col h1, #joinContent_col  h1 {
	font-size: 14px;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}
#content_col h2, #content_col_full h2, #savingsContent_col h2, #loansContent_col h2, #servicesContent_col h2, #aboutContent_col h2, #joinContent_col h2 {
	font-size:12px;
	margin: 0 0 2px 0;
}
#content_col h3, #content_col_full h3, #savingsContent_col h3, #loansContent_col h3, #servicesContent_col h3, #aboutContent_col h3, #joinContent_col h3 {
	font-size: 12px;
	padding: 0 0 3px 0;
	margin: 0;
	border-bottom: 1px solid #CCCCCC;
}
#content_col h1, #content_col_full h1, #content_col h2, #content_col_full h2, #content_col h3, #content_col_full h3 {
	color: #9c1e3d;
}
#savingsContent_col h1, #savingsContent_col h2, #savingsContent_col h3 {
	color: #811a55;
}
#loansContent_col h1, #loansContent_col h2, #loansContent_col h3 {
	color: #b56828;
}
#servicesContent_col h1, #servicesContent_col h2, #forms h2, #servicesContent_col h3 {
	color: #eeb21e;
}
#aboutContent_col h1, #aboutContent_col h2, #aboutContent_col h3 {
	color: #cfbb19;
}
#joinContent_col h1, #joinContent_col h2, #joinContent_col h3 {
	color: #eb6f24;
}
#content_col ul, #savingsContent_col ul, #loansContent_col ul, #servicesContent_col ul, #aboutContent_col ul, #joinContent_col  ul {
	padding: 0;
	margin: 3px 0 0 13px;
}
#content_col ul li, #savingsContent_col ul li, #loansContent_col ul li, #servicesContent_col ul li, #aboutContent_col ul li, #joinContent_col  ul li {
	list-style-type: square;
	font-size: 11px;
	line-height: 17px;
	margin: 0 0 3px 0;
	padding: 0;
}
#content_col ul li, #content_col_full ul li {
	list-style-image:url(../images/bullet_default.gif);
}
#savingsContent_col ul li {
	list-style-image:url(../images/bullet_savings.gif);
}
#loansContent_col ul li {
	list-style-image:url(../images/bullet_loans.gif);
}
#servicesContent_col ul li {
	list-style-image:url(../images/bullet_services.gif);
}
#aboutContent_col ul li {
	list-style-image:url(../images/bullet_about.gif);
}
#joinContent_col ul li {
	list-style-image:url(../images/bullet_join.gif);
}
#content_col ul li.last, #content_col_full ul li.last, #savingsContent_col ul li.last, #loansContent_col ul li.last, #servicesContent_col ul li.last, #aboutContent_col ul li.last, #joinContent_col  ul li.last {
	margin: 0 0 15px 0;
}
ol {
	padding: 0;
	margin: 3px 0 0 22px;
}
ol li {
	font-size: 11px;
	line-height: 17px;
	margin: 0 0 3px 0;
	padding: 0;
}
ol li.last {
	margin: 0 0 10px 0;
}
#moreinfo ul {
	color:#666666;
	margin: 0;
	padding: 0;
	list-style: none;
}
#moreinfo a {
	display: block;
	width: 178px;
	padding: 8px 3px;
	margin:0 10px;
	border-bottom: 1px solid #cccccc;
	color: #666666;
	text-decoration:none;
	clear:both;
}
#moreinfo a:hover {
	background-color: #dce4f2;
	text-decoration: none;
}
#moreinfo li {
	width: 100%;
	padding: 0;
	margin: 0;
}
.disclaimer {
	font-size: 10px;
	font-style: italic;
}
.smtext {
	font-size: 10px;
	font-style: italic;
	margin-top:20px; 
	padding-top:10px; 
	border-top:1px solid #cccccc;
}
.privacy {
	font-size: 10px;
	line-height: 13px;
}
li.privacy {
	list-style-image:none;
	list-style-type: disc;
	font-size: 10px;
	line-height: 13px;
	margin: 0 0 3px 0;
	padding: 0;
}
li.privacylast {
	list-style-image:none;
	list-style-type: disc;
	font-size: 10px;
	line-height: 13px;
	margin: 0 0 16px 0;
	padding: 0;
}
a.news {
	float: right;
}
th {
	background: #dce4f2;
	color: #666666;
	text-align: left;
	margin: 0;
	padding: 5px;
	font-size: 11px;
}
td {
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 5px;
	font-size: 11px;
	background: #FFFFFF;
}
td.history {
	text-align: left;
	vertical-align: top;
	padding: 10px 12px 10px 10px;
	background: #FFFFFF;
}
td.history p {
	margin: 0 0 12px 0;
	font-size: 11px;
	line-height:15px;
}
table.list {
	margin-bottom: 30px;	
}
.list th {
	background: #dce4f2;
	color: #666666;
	text-align: left;
	margin: 0;
	padding: 5px;
	font-size: 11px;
}
.list td {
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 5px;
	font-size: 11px;
	background: #FFFFFF;
	border-bottom: 1px solid #cccccc;
}
#forms {
	margin: 0;	
}
#forms h1 {
	size: 14px;
	color:#eeb21e; 
	border-bottom:1px solid #cccccc;
	margin: 0;
}
#forms h2 {
	size: 12px;
	color:#eeb21e; 
	border-bottom:1px solid #cccccc;
	margin: 20px 0 0 0;
	padding:0 0 3px 0;
}
#forms p {
	size: 11px;
	color: #666666;
	padding: 8px 0;
	margin: 0;
	border-bottom:1px solid #cccccc;	
}
#forms p.first {
	size: 11px;
	color: #666666;
	padding: 8px 0;
	margin: 0;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
}
#forms a {
	size: 11px;
	color: #666666;
	text-decoration: none;
}
#forms a:hover {
	size: 11px;
	color: #666666;
	text-decoration: underline;
}
.icon {
	float: right;
	padding: 0 0 0 0;
	border: none;
}
/* ================ Home Content Styles ================ */
#lft_col_hm {
	width:205px;
	margin: 0 15px 25px 0;
}
.boxHeader, #moreinfo, #loginBox {
	background: #FFFFFF;
	width: 205px;
	margin: 0 0 15px 0;
	border: 1px solid #cccccc;
	padding: 0 0 15px 0;
}
.boxHeader_wide {
	background: #FFFFFF;
	width: 243px;
	height: 315px;
	margin: 0 0 15px 0;
	float:left;
	border: 1px solid #cccccc;
	padding: 0 0 15px 0;
}
.boxHeader h1, .boxHeader_wide h1, #moreinfo h1 {
	background: #cccccc;
	color: #333333;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 8px 0;
}
#loginBox h1 {
	background: #cccccc;
	color: #333333;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 8px 0;
}
.boxHeader h2, .boxHeader_wide h2, #moreinfo h2 {
	background: #cccccc;
	color: #666666;
	font-size: 11px;
	margin: 0 0 6px 0;
	padding: 8px 0 8px 10px;
}
.boxHeader h3, .boxHeader_wide h3{
	color: #9c1e3d;
	font-size: 12px;
	border-bottom: 1px solid #000080;
	margin: 0 13px 0 10px;
	padding: 0 0 2px 0;
}
.boxHeader h4, .boxHeader_wide h4{
	color: #9c1e3d;
	font-size: 11px;
	margin: 0 13px 0 10px;
	padding: 4px 0 0 0;
}
.boxHeader_wide p {
	color: #666666;
	font-size: 11px;
	border-bottom: 1px solid #cccccc;
	margin: 0 13px 0 10px;
	padding: 0 0 4px 0;
}
.boxHeader p {
	color: #666666;
	font-size: 11px;
	border-bottom: 1px solid #cccccc;
	margin: 0 13px 0 10px;
	padding: 4px 0;
}
#rt_col_hm {
	float: right;
	width:765px;
	margin: 0 ;
}
#rt_col_hm ul {
	padding: 0;
	margin: 3px 0 0 13px;
}
#rt_col_hm li {
	list-style-image:url(../images/arrowBullet.gif);
	list-style-type: disc;
	font-size: 11px;
	line-height: 17px;
	margin: 0 0 8px 0;
	padding: 0;
}
#ry_col_hm li a {
	float:right; 
	padding-right: 10px;
}
p.learn a{
	color: #666666;
	text-decoration: none;
}
p.learn a:hover{
	color: #666666;
	text-decoration: underline;
}
#widgetBox {
	background: #FFFFFF;
	width: 243px;
	float:left;
	border:1px solid #cccccc;
	
}
.login, .login a, #login_int, #login_int a {
	background: #9c1e3d url(../images/loginBtn.gif) repeat-x;
	font-size: 14px;
	color: #FFFFFF;
	width: 121px;
	height: 28px;
	text-align: center;
	display: block;
	line-height: 28px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.login a:hover, #login_int a:hover {
	background: #ab405a url(../images/loginBtn_roll.gif) repeat-x;
	text-decoration: none;
	color: #FFFFFF;
} 
p.loginTxt {
	color: #666666;
	border:none;
	font-size: 10px;
	margin:0; 
	padding:0;
}
p.loginTxt a {
	color: #666666;
	text-decoration: none;
}
p.loginTxt a:hover {
	color: #666666;
	text-decoration: underline;
}
p.rates, .rates {
	color: #9c1e3d;
	float: right;
}
p.rates a, .rates a {
	color: #9c1e3d;
	text-decoration: none;
}
p rates a:hover, .rates a:hover {
	color: #9c1e3d;
	text-decoration: underline;
}

/* =================== Form Styles =================== */
textarea, input {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
.input_text {
	width:240px;
	font:\0px;
}
.warning {
    font-weight: bold;
    color: #dc1616;
}
.checkbox_indt {
	margin: 0 0 2px 30px;
}
fieldset {
	border:none;
}

/* ================ Footer Styles ================ */
#footer {
	width:100%;
	background:#FFFFFF;
	border-top: #cccccc 2px dotted;
}
#footerContent {
	width: 970px;
	padding: 15px 15px 0 15px;
	margin: 0;
}
#footerContent p {
	font-size: 10px;
	padding:0 0 15px 0;
	margin:0;
}
#footerContent a {
	color: #666666;
	text-decoration: none;
}
#footerContent a:hover {
	color: #666666;
	text-decoration: underline;
}
#footerDisclaimer {
	width: 970px;
	padding: 0 15px 25px 15px;
	margin: 0;
}
#footerDisclaimer p {
	font-size: 10px;
	line-height: 13px;
	padding:0 0 15px 0;
	margin:0;
}
#footerDisclaimer a {
	color:#9c133d;
	text-decoration: none;
}
#footerDisclaimer a:hover {
	color:#9c133d;
	text-decoration: underline;
}