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

Site: Spratt Savings and Loan
Author:   Will Gettys  ///  Cyberwoven
Version:  2008 . 2

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

/*
HOUSECLEANING --------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

body
{line-height: 1; color: black; background: white;
}

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table
{ border-collapse: separate; border-spacing: 0;
}

caption, th, td { text-align: left; font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { container: ""; }
blockquote, q { quotes: "" ""; }

/*
COMMON --------------------- */

html, body, div, p { font-family: Arial, sans-serif; color: #585858; font-size: 12px; line-height: 20px;}

.wrapper,
.footerbox, 
.header, 
.mainnav,
.container { margin: 0 auto; width: 772px;}

.internal { background: #e7e2cd url(../img/intbg.png) repeat-x top center; }

img { margin: 0; padding: 0; border: 0;}

h1 { margin: 0; padding: 0; width: 204px; float: left; display: block; text-indent: -9000px; background: url(../img/logo.jpg) no-repeat top left;}
h1 a { display: block; height: 97px;}
h2, h3, h4, h5, h6 { text-align: left; color: #00164d; margin-top: 20px;}
h2 { font-family: Arial, sans-serif; font-size: 14px; margin-bottom: 20px; padding: 0; display: inline;}
h3 { font-size: 32px; line-height:35px; font-weight: bold; margin-bottom: 20px; padding: 0;}
h4, h5 { font-family: Arial, sans-serif; }
h4 { font-size: 18px; padding: 0;}
h5 { font-size: 15px; font-weight: bold; padding: 0 0 0 10px; margin: 0; background: url(../img/arrowbullet.png) no-repeat center left;}
h6 { margin: 0; padding: 0;}

p { margin: 0 0 10px 0; padding: 0;}
a { color: #00164d; text-decoration: none;}
a:hover { color: #224dae; text-decoration: underline;}

br { clear: both; }
hr { clear: both; border: none 0; border-top: 1px solid #92917f; margin: 0; padding: 0; text-align: left;}

.red { color: red; }
#skip { display: none; }

.clear { border: 0; clear: both; display: block; float: none; margin: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

.credit { color: #585858; }
.credit:hover { color: #eb8a00; }

/* Layout
----------------------------------------------- */

.header { height: 97px; }

.container { background: url(../img/wrapperintbg.png) repeat-y top left; margin: 17px 0;}
.container img { margin: 15px 0; float: right;}

.content { width: 550px; margin-left: 215px;}
.content img {
margin:0 0 20px 20px;}

img.bankers { clear:both; float:none; margin:0; border:1px solid #92917f;}

.content ul, .content ol { margin: 0 0 0 15px; }
.content ul { list-style-type: disc; }

.poster { margin: 0; padding: 0;}
.poster img { width: 772px;}

/* Navigation
----------------------------------------------- */

ul.topnav { margin: 0; height: 97px; float: right;}
ul.topnav li { margin: 0; display: inline;}
ul.topnav li a { margin: 0; height: 97px;}

a.about, a.news, a.locations, a.contact { margin: 0; padding: 0; float: left; text-indent: -9000px;}
a.news, a.news:hover, a.newsactive { width: 73px; background: url(../img/newshov.jpg) no-repeat center left; float:left;}
a.locations, a.locations:hover, a.locationsactive { width: 102px; background: url(../img/locationshov.jpg) no-repeat center left; float:left;}
a.contact, a.contact:hover, a.contactactive { width: 103px; background: url(../img/contacthov.jpg) no-repeat center left; float:left;}
a.about, a.about:hover, a.aboutactive { width: 97px; background: url(../img/abouthov.jpg) no-repeat center left; float:left;}
a.news:hover, a.contact:hover, a.locations:hover, a.about:hover { background-position: top left; }
a.newsactive, a.contactactive, a.aboutactive, a.locationsactive { background-position: bottom left; text-indent:-9000px;}

.mainnav { margin: 0 0 0 10px; padding: 0; width: 772px;}
.mainnav ul li { margin: 0; display: inline; width: 190px; float: left;}
.mainnav ul li a { margin: 0; padding: 0;}

a.mainnavpersonal, a.mainnavbusiness, a.mainnavmortgage, a.mainnavonline { margin: 0; padding: 0; height: 46px; text-indent: -9000px; display: block;}
a.mainnavpersonal { background: url(../img/mainnavpersonal.jpg) no-repeat top left; }
a.mainnavbusiness { background: url(../img/mainnavbusiness.jpg) no-repeat top left; }
a.mainnavmortgage { background: url(../img/mainnavmortgage.jpg) no-repeat top left; }
a.mainnavonline { background: url(../img/mainnavonline.jpg) no-repeat top left; }

a.mainnavpersonal:hover, a.mainnavbusiness:hover, a.mainnavmortgage:hover, a.mainnavonline:hover { background-position: center left; }

.leftnav { margin: 0; padding: 0; width: 198px; float: left;}
.leftnav ul { font-family: Georgia, serif; font-weight: bold; font-size: 14px; margin: 0; padding: 0; text-align: right;}
.leftnav ul li { margin: 0; padding: 0;}
.leftnav ul li a { background: url(../img/leftnavbg.png) no-repeat 0 -49px; display: block; padding:0 30px 0 0; margin:0; line-height: 49px; height:49px;}
.leftnav ul ul { background: url(../img/intsubnavbg.png) no-repeat bottom left; margin: 0; padding-bottom: 10px;}
.leftnav ul ul { font-family: Arial, sans-serif; font-weight: normal; font-size: 13px;}
.leftnav ul ul li { margin: 0;}
.leftnav ul ul li a { background: url(../img/intsubnavhov.png) no-repeat top left; height: 33px; line-height: 33px;}
.leftnav ul li a:hover, .leftnav ul ul li a:hover { background-position: bottom left; text-decoration: none;}
.leftnav ul li a.leftnavactive { background: url(../img/leftnavbg.png) no-repeat top left; }

/* Forms & Tables
----------------------------------------------- */


form { margin: 0; }

table.tablebox { margin: 0; padding: 0;}
.tablebox td { vertical-align: top; font-size: 12px;}
.tablebox .checkboxlist td { font-size: 11px; }
.label { font-family: Tahoma, sans-serif; }

.input { margin: 5px 0; padding: 2px; border-bottom: 1px solid #e7e5cf; border-top: 1px solid #ceccb8; border-left: 1px solid #ceccb8; border-right: 1px solid #e7e5cf; width: 230px; background: #f8f7eb; height: 20px;}


.btn { margin: 1px; height: 30px; width: 100px; border: none; display: block;}
.btnback { margin: 0; }

.textarea { margin: 5px 0 20px 0; padding: 2px; border: 1px solid green; background: red; width: 85%;}

.dropdown { margin: 0 5px 10px 30px; padding: 2px; width: 150px; background: none; border: none;}

.label { margin: 0; padding: 0; font-family:Georgia, serif;}

.postdate { font: 10px Arial bold; margin: 0; padding: 0;}

.errormessage { font-size: 11px; color: #c00;}

.textBox { border: none; width: 475px; height: 36px; padding: 12px 15px 0 15px; overflow: hidden;  margin: 5px 0; border-bottom: 1px solid #e7e5cf; border-top: 1px solid #ceccb8; border-left: 1px solid #ceccb8; border-right: 1px solid #e7e5cf; background: #f8f7eb;}
.wireconfirm .textBox { height: 72px; overflow:auto; padding: 0; }

/*.textfield { border: none; width: 441px; height: 198px; padding: 12px 15px 0 15px; overflow: hidden;}
*/

.label { font-weight: bold; font-size: 12px;}


/* Homepage Specific
----------------------------------------------- */

.home1 { background: #e7e2cd url(../img/homebg1.jpg) repeat-x top center; }
.home2 { background: #e7e2cd url(../img/homebg2.jpg) repeat-x top center; }

#thriftE {width:772px; margin:0 auto; padding:0;}
#lp1, #lp2 {width:240px; background: url(../img/lp1bg.png) no-repeat top right;}
#lp1, #lp2, #lp3 {float:left; height:245px; padding-left:18px;}

#thriftE h3 {font-size:15px; font-family:Arial, sans-serif; font-weight:bold;  margin:0 0 8px 0; padding:0;}
#thriftE p {margin:0; !important; width:230px;}
#lp2 p {}
#lp1 h3 {background: url(../img/lp1h3bg.png) no-repeat top left; text-indent:-9999px; margin:10px 0;}



/* Footer
----------------------------------------------- */

.footerbox { text-align: right; }
.footerbottom ul { margin: 10px 0 0 0; padding: 0; border-bottom:1px solid #ad8332;}
.footerbottom ul li { display: inline; }
.footerbottom ul li a { margin: 0  0 0 16px; color:#201d08;}
.footerbottom p, .copy {font-family: Arial, sans-serif;}
.footertop { margin: 0 0 10px 0; padding: 0;}

.copy { margin-left:0;}
.footerbottom { margin: 0 auto; padding: 0; width: 722px;}

.intfooter { margin-top: 20px; padding-top: 20px; background: url(../img/intfooterbg.jpg) no-repeat bottom left;}
.intfooter ul { font-family: Arial, sans-serif; font-weight: normal; margin-left: 226px; padding-top:40px; position:relative; bottom:7px;}
.intfooter ul li { display: inline; margin-right: 20px; font-size: 12px;}
.intfooter ul li a { color: #1b1602; }
.intfooter ul li a:hover { color: #453913; }

.intfooter img { float: right; margin:40px 8px 0 0; padding:0;	}

.ehl { float: left;}



/* Misc
----------------------------------------------- */
a.linkbutton,
a.linkbutton:link,
a.linkbutton:visited {display:table-cell; color:#fff !important; background:#224dae url(../images/linkbuttonbg.gif) repeat-y; padding:5px 10px; color:#fff; text-transform:uppercase; text-decoration:none; font-size:11px; line-height:13px; border:1px solid #91a1b0; border-right-color:#e7e7e7; border-bottom-color:#e7e7e7;}
a.linkbutton:hover {background-position:-10px 0; border-color:#333;}
.dropdown { width:230px; margin:20px 0; border: 1px solid #eae5cb; background:#fffbe6;}
#service p {font-size: 10px; line-height:14px; color: #fff; text-align: left; margin:0; padding:20px;}
#service { clear:both; margin:0 20px 20px; background:#b1aa90; border:5px solid #867f66;}