﻿
/* ---------- Colors ----------

green = #025321

--------------------------------- */

body {
margin:0 0 75px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:12px;
}

img {
border:0;
}

:focus {
outline:none;
}

form {
margin:0; padding:0;
}

h4 {
margin:0 0 15px; padding:0; color:#025321; font-size:16px;
}

#container {

}

#top {
width:100%; height:149px; background:url(images/BG-top.jpg) no-repeat top center;
}

#top-inner {
margin:0 auto; width:977px;
}

#logo {
padding:17px 0 0 35px;
}

#middle {
margin:0 auto; width:977px; background:url(images/BG-middle.png) repeat-y;
}

#c-google-map {
width:887px; padding:0 0 20px;
}

#content {
padding:27px 45px; width:887px; min-height:350px;
}

#content a {
color:#025321; text-decoration:underline;	
}

#content a:hover {
color:#025321; text-decoration:none;	
}

#content h1 {
margin:0 0 18px; font-size:17px; color:#025321; 	
}

#content h2 {
margin:20px 0 12px; font-size:13px; color:#025321;	
}

#content h5 {
 	
}

#content h6 {
margin:0 0 15px; font-size:11px; font-weight:normal; 	
}

#content p {
margin:0 0 15px;	
}

#content ol {
margin:0 0 15px 32px; padding:0;	
}

#content ol li {
padding:0; margin:0 0 3px;	
}

#content ul {
margin:0 0 15px 32px; padding:0;	
}

#content ul li {
padding:0; margin:0 0 3px; 	
}

#content ul li ul {
padding:0; margin:4px 0 4px 32px; 	
}

#content table {
border:0; border-collapse:collapse; width:100%;
}

#content table th {
vertical-align:top; padding:8px; color:#fff; background-color:#107e3a;
}

#content table td {
vertical-align:top; padding:8px;
}

#content #c-t-styles table th {
border:1px solid #ccc;
}

#content #c-t-styles table td {
border:1px solid #ccc;
}

.bg-gray {
background-color:#ececec;
}

#content #c-t-contact table {
width:70%;
}

#content #c-t-contact table td {
padding:0 0 8px;
}

#stripe-top {
width:100%; height:31px; background:url(images/BG-stripe-top.jpg) repeat-x;
}

#middle-1 {
padding:22px 0 0;
}

#middle-1-left {
float:left; background:url(images/BG-slideShow.png) no-repeat;
width:593px; margin:0 19px 0 30px; min-height:173px; 
}

#c-ss-flash-home {
overflow:hidden; width:589px; height:168px;
}

#mainimg {
position:relative;
overflow:hidden; width:589px; height:168px;
}

#mainimg img {
position: absolute; left:0px; top:0px; z-index:10; visibility:hidden; opacity:0;
}

#mainimg p {
margin:0; padding:0;
}

#middle-1-right {
float:left;
width:335px;
}

#onlineBanking {
position:relative;
width:306px; height:173px;  background:url(images/BG-ob-arbor.png) no-repeat;
}

#ob-tab-1 {
float:left;
width:172px; height:34px;
}

#ob-tab-2 {
float:left;
width:134px; height:34px;
}

.ob-logon {
color:#fff; padding:0 0 3px;
}

.ob-logon-box {
width:165px;
}

.ob-logon-btn {
text-align:right; padding:0 35px 10px 0;
}

.ob-links {
text-align:center; color:#fff; font-size:11px; padding:0 35px 0 0;
}

.ob-links a {
color:#fff; text-decoration:none;
}

.ob-links a:hover {
color:#fff; text-decoration:underline;
}

.ob-links-2 {
text-align:center; color:#025321; font-size:11px; padding:0 35px 0 0;
}

.ob-links-2 a {
color:#025321; text-decoration:none;
}

.ob-links-2 a:hover {
color:#025321; text-decoration:underline;
}

#ob-first-community {
position:absolute; top:34px; left:36px; width:260px;
}

#ob-arbor {
position:absolute; top:34px; left:36px; width:260px;
}

#ob-first-community h2 {
	margin:0 0 10px; padding:15px 0 0 0; color:#fff; font-size:13px;
}

#ob-arbor h2 {
	margin:0 0 10px; padding:15px 0 0 0; color:#025321; font-size:13px;
}

#middle-2 {
padding:30px 0 10px;
}

#middle-2 h1 {
margin:0 0 18px; font-size:14px; color:#025321;
}

#middle-2 h2 {
margin:0 0 15px; font-size:13px; color:#025321;
}

#middle-2 a {
color:#025321; text-decoration:underline;	
}

#middle-2 a:hover {
color:#025321; text-decoration:none;	
}

#middle-2-left {
float:left;
width:274px; padding:0 0 0 45px;
}

#middle-2-center {
float:left;
width:273px; padding:0 25px 0 25px;
}

#middle-2-right {
float:left; 
width:290px; padding:0 45px 0 0;
}

#bottom {
width:927px; padding:0 25px 16px; margin:0 auto; background:url(images/BG-bottom.png) no-repeat bottom;
}

#bottom-1 {
padding:15px 0 8px;
}

#bottom-1-left {
float:left;
}

#bottom-1-right {
float:right;
}

#bottom-2 {
padding:14px 0 9px;
text-align:right; color:#fff; font-size:11px;
}

#bottom-2 a {
color:#fff; text-decoration:none;
}

#bottom-2 a:hover {
color:#fff; text-decoration:underline;
}

.link-divider {
margin:0 7px;
}

.clear {
clear:both;
}

td.brn {
background:url('images/brnbg.jpg') repeat-x top left;
}

td.green {
background:url('images/greenbg.jpg') repeat-x top left;
}



/* ------------------ begin panel navigation styles --------------------- */

#mainNav-spacer {
width:940px; height:31px;
}

#mainNav {
position:relative; z-index:2000;
margin:0 auto; width:940px; padding:0 0 0 37px;
background:url(images/BG-mainNav.png) no-repeat top center;
}

#mainNav a {

}

#mainNav a:hover {

}

#mainNav h2 {
margin:0 0 13px; padding:0 0 5px; color:#003e7e; font-size:12px; border-bottom:1px solid #a2c6cb; 
}

.mn-button a {
float:left; margin:0 22px 0 0; font-size:13px; font-weight:bold;
color:#fff; text-decoration:none; text-align:center;
display:block; width:132px; height:24px; padding:7px 0 0;
}

.mn-button a:hover {
float:left; margin:0 22px 0 0; font-size:13px; font-weight:bold;
color:#1c65b0; text-decoration:none; text-align:center;
display:block; width:132px; height:24px; padding:7px 0 0; 
background:url(images/BG-mn-tab-o.png) no-repeat top center;
}

#mainNav ul {
margin:0 0 0 8px; padding:0; list-style-type:none;
}

#mainNav ul li {
padding:0 0 5px 16px;  
background:url(images/li-arrows.png) no-repeat top left;	
}

#mainNav ul li a {
color:#003e7e; text-decoration:none;	
}

#mainNav ul li a:hover {
color:#003e7e; text-decoration:underline;	
}

#mn-dd-1 {
position:absolute; top:31px; left:-1000em; z-index:2001;
width:394px;
}

#mn-dd-2 {
position:absolute; top:31px; left:-1000em; z-index:2002;
width:394px;
}

#mn-dd-3 {
position:absolute; top:31px; left:-1000em; z-index:2003;
width:394px;
}

#mn-dd-4 {
position:absolute; top:31px; left:-1000em; z-index:2004;
width:394px; 
}

#mn-dd-5 {
position:absolute; top:31px; left:-1000em; z-index:2005;
width:394px; 
}

#mn-dd-6 {
position:absolute; top:31px; left:-1000em; z-index:2006;
width:394px; 
}

.mn-dd-bg-l {
width:340px; padding:20px 27px;
background:url('images/BG-mn-dd.png') no-repeat bottom;
}

.mn-dd-bg-r {
width:340px; padding:20px 27px;
background:url('images/BG-mn-dd.png') no-repeat bottom;
}

.mn-dd-left {
float:left;
min-height:150px; width:156px; padding:0 14px 0 0;
}

.mn-dd-right {
float:left;
width:156px; padding:0 0 0 14px;
}

.mn-dd-bottom {
width:394px; height:12px; margin:0;
background:url('images/BG-mn-dd-bottom.png') no-repeat bottom;
}

/* ------------------- end panel navigation styles ---------------------- */


/* ------------------ begin calculator styles --------------------- */

legend {
	font-size: 18px;
	font-weight: normal;
	color: #025321;
	padding-right: 10px;
	padding-left: 5px;
}

.calc_results {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	text-align: center;
}

.calc_results input {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	text-align: center;
}
.calc_results h3 {
	font-size: 14px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#calcs_wrapper td {
	padding: 1px;
	margin: 2px;
}

fieldset {
	padding: 15px;
}

fieldset p {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}


/* ------------------ end calculator styles --------------------- */
















