@import "/template/styles/main.css";
@import "/template/styles/nav.css";

body{
	background:#E8DFCF url('/template/images/sub/site_back_sub.gif') repeat-x top left;
}

/********************************* col1 *********************/
#col1{
	width:300px;
	float:left;
}

.subnav{

	padding-top:20px;
	text-align:right;
	min-height:250px;
}

.subnav li{
	padding:1px 0;
	float:right;
	width:25em;
}

.subnav li a{
	display:block;
	color:white;
	padding:.2em 3em .2em 0;
	font-size:1.2em;
}

.subnav li a:hover{
	background:#E8DFCF;
	color:#333;
}


/********************************* col2 ********************/

#col2{
	width:700px;
	float:right;
}


.bodynav{
	background:#816C40 url('/template/images/home/body_nav_home.gif') repeat-x;
	height:47px;
}

.bodynav li{
	display:inline;
}

.bodynav li a{
	font:1.3em "Trebuchet MS", Helvetica, sans-serif;
	float:left;
	width:140px;
	color:white;
	padding:15px 0 11px 0;
	text-align:center;
	background:url('/template/images/home/body_nav_button.gif') repeat-y top left;
}

.bodynav li a:hover{
	background:#5C4E2E;
}

/*subcontent*/

#subinfo{
	min-height:250px;
	padding:2em;
	color:#333;
}

#subinfo a:hover{
	text-decoration:underline;
}

.checking #subinfo{
	background:#E8DFCF url('/template/images/subhead/checking_img.jpg') no-repeat top right;
}

.membership #subinfo{
	background:#e8dfcf url('/template/images/subhead/membership_img.jpg') no-repeat top right;
}

.services #subinfo{
	background:#e8dfcf url('/template/images/subhead/services_img.jpg') no-repeat top right;
}

.visa #subinfo{
	background:#e8dfcf url('/template/images/subhead/credit_img.jpg') no-repeat top right;
}

.loans #subinfo{
	background:#e8dfcf url('/template/images/subhead/loans_img.jpg') no-repeat top right;
}

.savings #subinfo{
	background:#e8dfcf url('/template/images/subhead/savings_img.jpg') no-repeat top right;
}

.security #subinfo{
	background:#e8dfcf url('/template/images/subhead/security_img.jpg') no-repeat top right;
	padding-top:6em;
}
.help #subinfo{
	background:#e8dfcf url('/template/images/subhead/help_img.jpg') no-repeat top right;
	padding-top:6em;
}
.about #subinfo {
	background:#e8dfcf  url('/template/images/subhead/about_img.jpg') no-repeat top right;
	padding-top:6em;
}

#calculator h3{
	color:#A6351C;
	font:1.6em "Trebuchet MS", Helvetica, sans-serif;
	background:url('/template/images/dotted_grey.gif') repeat-x left bottom;
	padding-bottom:.5em;
	margin-bottom:.5em;
}

#subinfo h2{
	color:#A6351C;
	font:1.6em "Trebuchet MS", Helvetica, sans-serif;
	background:url('/template/images/dotted_grey.gif') repeat-x left bottom;
	padding-bottom:.5em;
	margin-bottom:.5em;
}

#subinfo h3{
	color:#A6351C;
	font:1.3em "Trebuchet MS", Helvetica, sans-serif;
	margin-bottom:.3em;
}

#calculator ul li a{
	color:#333;
}

#calculator ul li a:hover{
	color:#A6351C;
	text-decoration:underline;
}

.security #subinfo p, .help #subinfo p{
	width:auto;
}

.about #subinfo ul, .security #subinfo ul{
	width:auto;
}

.about #subinfo p{
	width:auto;
}

#subinfo ul{
	margin-bottom:1em;
	width:40em;
	text-align:justify;
}

#subinfo p{
	margin-bottom:1em;
	width:40em;
	text-align:justify;
}

#subinfo ul li{
	margin-bottom:.5em;
	background:url('/template/images/check_mark.gif') no-repeat left .2em;
	padding-left:2em;
}

#subinfo ul li a:hover{
	text-decoration:underline;
}

#subinfo .button{
	padding-top:8em;
	float:right;
	width:auto;
}

#subinfo .posright{
	float:right;
	width:auto;
}

.button a{
	font:1.2em "Trebuchet MS", Helvetica, sans-serif;
	display:block;
	height:20px;
	width:118px;
	color:#E8DFCF;
	background:url('/template/images/button_back.jpg') no-repeat center;
	text-align:center;
	padding:5px 0;
	margin-bottom:1em;
}

#subinfo .button a:hover{
	color:#333;
	text-decoration:none;
}

.hidem{
	display:none;
}

.unhide{
	display:inline;
}

#subinfo table{
	width:100%;
}

#subinfo th{
	text-align:left;
	padding:1em .5em;
	color:#A6351C;
	font:1.3em "Trebuchet MS", Helvetica, sans-serif;
	font-weight:normal;
	background:url('/template/images/dotted_grey.gif') repeat-x left bottom;
}

#subinfo #rates th{
	font-size:1em;
	text-align:center;
	background:#BBA06F;
	color:#333;
	padding:.5em;
}

#subinfo #rates td strong{
	font-size:1.4em;
	font-weight:normal;
}

#subinfo td{
	padding:.5em;
	vertical-align:top;
}

.odd{
	background:#D7C7AA;
}

#locations #colone{
	width:143px;
}

#locations a img{
	float:left;
	padding:.2em .3em 0 0;
	border:none;
}

#locations #colfour{
	width:170px;
}

#subinfo .coop{
	width:auto;
	text-align:right;
	font:1.3em "Trebuchet MS", Helvetica, sans-serif;
	padding:1em 1em 0 0;
}

.coop a{
	background:#7e0000 url('/template/images/rounded_button.gif') no-repeat left center;
	padding:.2em 1em .3em 1.5em;
	color:white;
}

#subinfo .coop a:hover{
	text-decoration:none;
	color:#000;
}

#subinfo hr{
	display:block;
	width:100%;
	border:none;
	background:#E8DFCF url('/template/images/dotted_grey.gif') repeat-x left bottom;
	margin-bottom:1em;
}

.example{
	background:#DDCFB7;
	padding:1em;
	font-family:"Courier New", Courier, monospace;
	border:1px dashed #BCA072;
}

.fltrt{
	float:right;
}

.fltrt img{
	margin:.5em 0 .5em 1em;
	border:1px dotted #BBA06F;
}

#loantable #contone{
	background:#BBA06F;
}

#loantable th{
	text-align:left;
	padding:.5em;
	background:#BBA06F;
}

#loantable td{
	padding:.5em;
}

/*subcontent forms*/

#subinfo fieldset{
	background:#DDCFB7;
	padding:3em;
}

#subinfo fieldset p{
	margin:5px 0;
}

#subinfo fieldset label{
	display:inline-block;
	width:250px;
}

#subinfo fieldset select{
	width:200px;
	font:1.2em "Trebuchet MS", Helvetica, sans-serif;
	padding:2px;
	color:#333;
}

#subinfo fieldset input{
	width:200px;
	font:1.2em "Trebuchet MS", Helvetica, sans-serif;
	padding:2px;
	color:#333;
}

#subinfo fieldset textarea{
	font:1.2em "Trebuchet MS", Helvetica, sans-serif;
	color:#333;
	width:450px;
	height:100px;
}

#subinfo .submit{
	width:auto;
	cursor:pointer;
	background:#816C40;
	border:none;
	color:white;
	padding:.2em .5em;
}

/*content*/

#col2 #content{
	color:#333;
	padding:0 2em;
	min-height:200px;
}

#content p{
	margin-bottom:1em;
	text-align:justify;
}


#content h3{
	background:#C5C9CF;
	padding:.5em 0 .5em 1em;
	margin-bottom:1em;
	font-size:1.2em;
}

.left{
	width:63%;
	float:left;
	padding:0 3%;
}

.left ul li{
	background:url('/template/images/check_mark.gif') no-repeat left .2em;
	padding:0 0 .5em 2em;
}

.right{
	width:30%;
	float:right;
}

.right ul{
	border:1px solid #666;
	padding-bottom:1em;
}

.right ul li h4{
	background:url('/template/images/table_back.gif') top left;
	padding:.2em .5em;
	margin-bottom:.3em;
	font-size:1.2em;
}

.right ul li{
	padding:1px;
}

.right ul li a{
	display:inline-block;
	margin:.2em .5em;
	border-bottom:1px dotted #E8DFCF;
}

.right ul li a:hover{
	border-bottom:1px dotted #A6351C;
}

.warning {
	font-weight:700;
	color:maroon;
}