@charset "UTF-8";
/* -----------------------------------------------------
Styles for The Liberty Savings Association, FSA 
--------------------------------------------------------*/

* { padding: 0; margin: 0; }
body { background: #939598 url(img/body-bg.gif) repeat-x left top; font: 12px/1.5em Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #717375; }
a img { border: none; }
.clearer { height: 1px; width: 100%; clear: both; }
#outer { width: 100%; background: #fff; }
.container { width: 800px; margin: 0 auto; background: #fff; }
.container .footer-style { background: #f1f1f1 url(img/footer-bg.gif) repeat-x left top; }
.relative { position: relative; }
em { font-family: Georgia, "Times New Roman", Times, serif; }
#header { height: 293px; width: 800px; position: relative; background: #fff url(img/body-bg.gif) repeat-x left top; color: #ccc; clear: both; }
	#header #liberty-logo { position: absolute; left: 0; top: 45px; }
	#header #contact-info { height: 44px; width: 250px; background: none; position: absolute; top: 0; right: 0; }
		#header #contact-info p { padding: 0; line-height: 44px; text-align: right; }
	#header #mast-photo { border: 4px solid #ccc; position: absolute; right: 0; bottom: 0; }
#content-main { width: 525px; background: none; float: right; padding-bottom: 60px; margin-top: 20px; }
	#content-main h1 { font-family: Palatino, "Palatino Linotype", "Times New Roman", Times, serif; font-size: 24px; line-height: 50px; font-weight: normal; font-variant: small-caps; color: #333; border-bottom: 1px solid #333; margin-bottom: 20px; }
	#content-main h2 { margin: 12px; font-size: 12px; line-height: 34px; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
	#content-main p { padding: 6px 12px; text-align: justify; font-size: 13px; }
	#content-main p a { color: #717375; }
	#content-main p.last { padding-bottom: 28px; border-bottom: 2px solid #ccc; }
	#content-main ul { margin: 0 0 20px 180px; }
		#content-main ul.noListStyle li { list-style: none; }
		
ul#main-nav { width: 234px; float: left; padding-bottom: 20px; }
	ul#main-nav li { width: 234px; height: 36px; display: inline; }
	ul#main-nav li a { display: block; height: 36px; background: transparent url(img/button-bg.gif) no-repeat left top; font-size: 16px; color: #2e3b56; text-decoration: none; padding-left: 15px; line-height: 36px; margin-bottom: 7px; }
	ul#main-nav li a:hover { background:url(img/button-bg-hover.gif) no-repeat left top; }
	
#footer { width: 100%; height: 215px; background: url(img/footer-bg.gif) repeat-x left top; }
	#footer .fdic { position: absolute; left: 0; top: 48px; }
	#footer .equalHousing { position: absolute; left: 250px; top: 54px; }
	#footer .bauer { position: absolute; left: 390px; top: 28px; }
		#footer .bauerTag { height: 20px; width: 120px; background: #9e9e9e; color: #f1f1f1; line-height: 20px; text-align: center; position: absolute; left: 376px; top: 117px; }
	#footer .contact { position: absolute; right: 0; top: 38px; background: url(img/footer-address-bg.gif) no-repeat left top; width: 230px; height: 97px; }
		#footer .contact p { padding: 16px; color: #f1f1f1; background: none; }
	#footer .dtiTag { position: absolute; right: 0; top: 180px; color: #ccc; }
		#footer .dtiTag a { color: #ccc; }
		#footer .dtiTag a:hover { color: #fff; background: none; }
		
/*
Contact Form Styles
***********************************/

input, textarea {
border:1px solid #666666;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
background:#fff;
}
 fieldset { margin-bottom: 20px; background: #e4e4e4; border: none; border-bottom: 8px solid #CCC; border-top: 3px solid #CCC; }
legend { padding: 5px 15px; color: #eee; background: #2e3b56; margin-left: 82px; border-right: 4px solid #fff; border-bottom: 4px solid #fff; }
input:focus, input:hover,textarea:focus, textarea:hover{
border: 1px solid #000;
}

textarea:focus {
background: url(img/form-bg.gif) no-repeat right bottom;
}
label {
margin:2px;
}
 
input {
width:300px;
}
 
.button {
margin:0 0 15px 0;
color:#222;
font-weight:bold;
width:310px;
background: #f1f1f1 url(img/form-button-bg.gif) repeat-x left top;
}
.errorColor { color: #ff0000; font-weight: bold; font-size: 150%; text-align: center !important; }