/* 2010-12-01 */

body{
	font-family: Trebuchet, "Trebuchet MS", arial, helvetica, sans-serif;
	color: #1f1f1f;
	background-image: url(/images/BackgroundRepeater.jpg);
	background-position: 50% top;
	background-color: #001a38;
	margin: 0px;
	/* padding: 0px; */
}

body#popContent{
	font-family: Trebuchet, "Trebuchet MS", arial, helvetica, sans-serif;
	color: #1f1f1f;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
}

#popContent table{border-collapse: collapse; border-spacing:0px; margin: 0px;}
#popContent table td{padding: 2px;}


/* ***** [USE FOR IN TEMPLATE-BUILD. Allows for abutting Images, and collapsed tables cross browser] ************************************ */
img.abutting {display:block;}


/********** PAGE STYLES *******************/

#pageBound{
	background-image: url(/images/BackgroundRepeaterTop.jpg);
	background-repeat: repeat-x;
	background-position: 50% top;
	text-align: center;
	width: 100%;
}

#mainAreaWrapper{
	background-image: url(/images/MainAreaRepeater.jpg);
	background-repeat: repeat-y;
	border: solid 0px orange;
	width: 970px;
	margin: auto;
	text-align: left;
}

.mainArea{
	background-repeat: no-repeat;
	border: solid 0px yellow;
	text-align: left;
	width: 970px;
}


/********** MARTHAS VINEYARD BACKGROUND PHOTOS (Rnd 1 of 4) *******************/

		#mainAreaMVBG1{
			background-image: url(/images/TopPhotoBG-MV1.jpg);
		}

		#mainAreaMVBG2{
			background-image: url(/images/TopPhotoBG-MV2.jpg);
		}

		#mainAreaMVBG3{
			background-image: url(/images/TopPhotoBG-MV3.jpg);
		}

		#mainAreaMVBG4{
			background-image: url(/images/TopPhotoBG-MV4.jpg);
		}

		#mainAreaMVBG5{
			background-image: url(/images/TopPhotoBG-MV5.jpg);
		}

		#mainAreaMVBG6{
			background-image: url(/images/TopPhotoBG-MV6.jpg);
		}

		#mainAreaMVBG7{
			background-image: url(/images/TopPhotoBG-MV7.jpg);
		}

		#mainAreaMVBG8{
			background-image: url(/images/TopPhotoBG-MV8.jpg);
		}

/********** WOODS HOLE BACKGROUND PHOTOS (Rnd 1 of 8) *******************/

		#mainAreaWHBG1{
			background-image: url(/images/TopPhotoBG-WH1.jpg);
		}

		#mainAreaWHBG2{
			background-image: url(/images/TopPhotoBG-WH2.jpg);
		}

		#mainAreaWHBG3{
			background-image: url(/images/TopPhotoBG-WH3.jpg);
		}

		#mainAreaWHBG4{
			background-image: url(/images/TopPhotoBG-WH4.jpg);
		}

		#mainAreaWHBG5{
			background-image: url(/images/TopPhotoBG-WH5.jpg);
		}

		#mainAreaWHBG6{
			background-image: url(/images/TopPhotoBG-WH6.jpg);
		}

		#mainAreaWHBG7{
			background-image: url(/images/TopPhotoBG-WH7.jpg);
		}

		#mainAreaWHBG8{
			background-image: url(/images/TopPhotoBG-WH8.jpg);
		}


#globalMenu{
	text-align: left;
	color: #8a8a8a;
	font-size: 10px;
	padding: 0px 0px 0px 170px;
	height: 19px;
	text-transform: uppercase;
	border: solid 0px green;
	width: 200px;
}

#globalMenu a:link, #globalMenu a:visited, #globalMenu a:active{
	color: #8a8a8a;
	font-size: 10px;
	text-decoration: none;
}

#globalMenu a:hover{
	color: #8a8a8a;
	font-size: 10px;
	text-decoration: underline;
}

#logo{
	padding: 0px 0px 0px 0px;
}

#logo img{
	border-width: 0px;
	display: block;
	margin: 0px 0px 20px 30px;
	width: 470px;
	height: 94px;
}


#contentBound {
	border: solid 0px blue;
	margin: 24px 0px 0px 0px;
}


/* ********* TOP MENU - See MegaMenu.css ****************** */


/* ********* LEFT GUTTER ****************** */

#leftGutterBound{
	padding: 0px 0px 0px 0px;
	background-image: url(/images/ColumnDivider.gif);
	background-repeat: repeat-y;
	background-position: 200px top;
	border: solid 0px aqua;
}

#onlineBankBound{
	margin: 0px 0px 0px 16px;
	width: 188px;
	background: url(/images/OnlineBankingRepeater.jpg) repeat-y;
}

#onlineBank{
	background: url(/images/OnlineBankingTopBG.jpg) no-repeat;
	padding: 50px 12px 12px 12px;
	text-align: left;
}

#onlineBank a{
	display: block;
	color: #000000;
	font-size: 14px;
	height: 26px;
	border: solid 1px blue;
	background: url(/images/OnlineBankButBG.jpg) no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	border: solid 0px red;
	margin-bottom: 4px;
}

#onlineBank a#login{
	background-position: 0px 0px;
	width: 70px;
}

#onlineBank a#login:hover{
	background-position: -166px 0px;
	width: 70px;
}

#onlineBank a#enrollment{
	background-position: 0px -26px;
	width: 108px;
}


#onlineBank a#enrollment:hover{
	background-position: -166px -26px;
	width: 108px;
}

#onlineBank a#openAccount{
	background-position: 0px -52px;
	width: 166px;
}

#onlineBank a#openAccount:hover{
	background-position: -166px -52px;
	width: 166px;
}

#OBBase{
	width: 188px;
	height: 30px;
	border-width: 0px;
	display: block;
}

#leftGutterContent{
	font-size: 12px;
	line-height: 110%;
	width: 169px;
	margin: 0px 10px 0px 20px;
	border: solid 0px red;
	text-align: center;
}

#leftGutterContent #icon:link, #leftGutterContent #icon:visited, #leftGutterContent #icon:active{
	display: block;
	margin: 0px 0px 26px 0px;
	color: #4d4c4c;
	text-decoration: underline;
}

#leftGutterContent #icon:hover{
	color: #046359;
	text-decoration: underline;
}

#leftGutterContent img{
	display: block;
	border-width: 0px;
	margin: 0px auto 6px auto;
}

.leftGutterSeg{
	text-align: left;
	border: solid 1px #cdcdcd;
	border-width: 1px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
}

.leftGutterBest{
	text-align: center;
	color: #046359;
	font-weight: bold;
	border: solid 1px #cdcdcd;
	border-width: 0px 0px 1px 0px;
	padding: 15px 0px 14px 0px;
	margin: 0px 0px 20px 0px;
}

#fodderLeft{
	text-align: left;
	font-size: 11px;
	color: #a1a1a1;
	line-height: 100%;
	border: solid 1px #cdcdcd;
	border-width: 0px 0px 0px 0px;
	padding: 35px 0px 0px 34px;
	margin: 15px 0px 20px 0px;
}

#fodderLeft img{
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 0px;
}

#fodderLeft a:link, #fodderLeft a:visited, #fodderLeft a:active{
	color: #a1a1a1;
	text-decoration: none;
}

#fodderLeft a:hover{
	color: #a1a1a1;
	text-decoration: underline;
}


/* ********* CENTER CONTENT ****************** */

#contentOuter{
	padding: 0px 18px 0px 18px;
	text-align: center;
}

#contentOuter #contentCell{
	padding: 0px 6px 0px 6px; /* extra padding is to align the text to the outline of the shadoed grphics/flash on the home page */
	font-size: 14px;
	line-height: 130%;
	text-align: left;
}


#flash{
	margin: 0px auto 10px auto;
	text-align: center;
	border: solid 0px red;
}

#contentCell p{
	margin: 0px 0px 14px 0px;
}



#contentCell table{
	border-collapse: collapse;
	border: solid 1px #94b4b1;
	border-width: 0px 1px 1px 0px;
	margin: 0px;
	padding: 4px;
	line-height: 110%
}


#contentCell td{
	border: solid 1px #94b4b1;
	border-width: 1px 0px 0px 1px;
	padding: 6px;
	line-height: 110%
}


#contentCell ul{
	border: solid 0px red;
	padding: 0px;
	margin: 0px 0px 14px 0px;
}

#contentCell ul li{
	border: solid 0px blue;
	pading: 0px 0px 0px 4px;
	margin: 0px 0px 0px 28px;
}

#mainAreaBaseImage{
	display: block;
	width: 970px;
	height: 20px;
	text-align: center;
	margin: auto;
}


/* ********* RIGHT GUTTER ****************** */

#rightGutterBound{
	padding: 0px 0px 0px 0px;
	background-image: url(/images/ColumnDivider.gif);
	background-repeat: repeat-y;
	background-position: 0px top;
	border: solid 0px aqua;
}

#rightGutterContent{
	font-size: 12px;
	line-height: 110%;
	width: 169px;
	margin: 0px 20px 0px 10px;
	border: solid 0px red;
}

.rightGutterSeg{
	border: solid 1px #cdcdcd;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 25px 0px;
	margin: 0px 0px 15px 0px;
}

.rightGutterSeg h1{
	font-weight: bold;
	font-size: 16px;
	color: #0e7b70;
	margin: 0px 0px 8px 0px;
}

.rightGutterSeg ul{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
}

.rightGutterSeg ul li{
	background-image: url(/images/ListArrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	line-height: 118%;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 10px;
}

.rightGutterSeg ul li:hover{
	background-image: url(/images/ListArrow-over.gif);
}

.rightGutterSeg ul li a:link, .rightGutterSeg ul li a:visited, .rightGutterSeg ul li a:active{
	color: #1f1f1f;
	text-decoration: underline;
}

.rightGutterSeg ul li a:hover{
	color: #0e7b70;
	text-decoration: underline;
}



/* **************** RIGHT GUTTER ALTERNATE -STYLE, ATTENTION-GETTING LINK ****************** */

.rightGutterSeg ul li#rgAttentionLink{
	background-image: url(/images/ListArrow-Attn.gif);
}


.rightGutterSeg ul li#rgAttentionLink:hover{
	background-image: url(/images/ListArrow-Attn-over.gif);
}

.rightGutterSeg ul li#rgAttentionLink a:link, .rightGutterSeg ul li#rgAttentionLink a:visited, .rightGutterSeg ul li#rgAttentionLink a:active{
	color: #970000;
	text-decoration: underline;
}

.rightGutterSeg ul li#rgAttentionLink a:hover{
	color: #db0000;
	text-decoration: underline;
}







/* **************** RIGHT GUTTER RATES ****************** */

.rightGutterSeg #homeLoanRates{
	background: url(/images/HomeLoanRates-Repeater.gif) repeat-y;
	font-size: 11px;
	line-height: 100%;
}

.rightGutterSeg #homeLoanRates table{border-collapse: collapse; border-spacing:0px; border: solid 0px red;}
.rightGutterSeg #homeLoanRates td {padding: 1px;}


.rightGutterSeg #homeLoanRates a:link, .rightGutterSeg #homeLoanRates a:visited,  .rightGutterSeg #homeLoanRates a:active{
	color: #1760b3;
	text-decoration: underline;
}

.rightGutterSeg #homeLoanRates a:hover{
	color: #3091ff;
	text-decoration: underline;
}

.rightGutterSeg #homeLoanRates #button a:link, .rightGutterSeg #homeLoanRates #button a:visited, .rightGutterSeg #homeLoanRates #button a:active{
	display: block;
	color: #000000;
	font-size: 14px;
	background: url(/images/OnlineBankButBG.jpg) no-repeat;
	background-position: 0px -78px;
	height: 36px;
	width: 132px;
	text-decoration: none;
}

.rightGutterSeg #homeLoanRates #button a:hover{
	background-position: -166px -78px;
	width: 132px;
}


/* ********* STANDARD STYLES ****************** */

h1{
	font-size: 24px;
	color: #af892f;         /* GOLD */
	font-weight: bold;
	margin: 0px 0px 3px 0px;
}

h2{
	font-size: 24px;
	color: #013474;         /* BLUE */
	font-weight: bold;
	margin: 0px 0px 3px 0px;
}

h3{
	font-size: 22px;
	color: #af892f;         /* GOLD */
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

h4{
	font-size: 22px;
	color: #013474;         /* BLUE */
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}


a:link, a:visited, a:active{
	color: #1760b3;
	text-decoration: underline;
}

a:hover{
	color: #3091ff;
	text-decoration: underline;
}

/********** FOOTER STYLES ********************/

#footerLogo{
	display: block;
	width: 488px;
	height: 65px;
	border: 0px;
	margin: 20px auto 0px auto;

}

#footerLinks{
	text-align: center;
	width: 520px;
	margin: auto;
	color: #013474;
	font-size: 11px;
	font-weight: bold;
	padding: 22px 0px 22px 0px;
}

		#footerLinks a:link, #footerLinks a:active, #footerLinks a:visited{
			color: #8f886b;
			text-decoration: none;
		}

		#footerLinks a:hover{
			color: #8f886b;
			text-decoration: underline;
		}

#footerContact{
	width: 950px;
	background-color: #c2c8cf;
	margin: auto;
	color: #001a38;
	font-size: 12px;
	font-weight: bold;
	padding: 30px 0px 30px 0px;
	text-align: center;
}

		#footerContact a:link, #footerContact a:active, #footerContact a:visited{
			color: #f39e1d;
			font-weight: bold;
			text-decoration: none;
		}

		#footerContact a:hover{
			color: #f39e1d;
			font-weight: bold;
			text-decoration: underline;
		}

/********** FORM STYLES ********************/
form{
	margin: 0px;
}

.entertext{
	color: #000000;
	font-size: 12px;
	background-color: #EBEBEB;
	width: 190px;
}

.required{
	color: #ff0000;
}


.requiredStar{
	color: #ff0000;
	font-size: 18px;
	font-weight: bold;
}

.formSpacer{
	font-size: 8px;
}

/********** FOOTER LOGOS ********************/
#footerLogos{
	text-align: center;
	border-spacing:0px;
}

#footerLogos table{
	margin: 0px auto 20px auto;
	border-collapse: collapse;
	border-spacing:0px;
}

#footerLogos td {
	padding: 0px 12px 0px 12px;
}

#footerLogos #infinixLogo {
	padding: 2px 8px 0px 0px;
	vertical-align: top;
}

#footerLogos #infinixDisc{
	padding: 0px 0px 0px 3px;
	text-align: left;
	color: #013474;
	font-size: 11px;
	line-height: 110%;
	padding-left: 0px;
}

/******* WEBFODDER LOGO *********/
#webfodderCell{
	width: 180px;
	margin: auto;
	padding: 20px 0px 20px 0px;
	text-align: center;
	cursor: default;
	border: solid 1px red;
}

#webfodderCell a:link, #webfodderCell a:active, #webfodderCell a:visited{
	color: #cccccc;
	text-decoration: none;
	font-size: 10px;
	line-height: 100%;
}

#webfodderCell a:hover{
	color: #cccccc;
	text-decoration: underline;
	font-size: 10px;
	line-height: 100%;
}

#webfodderCell img{
	display: block;
	width: 20px;
	height: 20px;
	border: 0px;
	margin: 6px auto 20px auto;
}

#contentCell .contentLayoutTable{
	border: solid 0px #000000;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 12px 0px 12px 0px;
}

#contentCell .contentLayoutCellLeft{
	border: solid 0px #000000;
	padding: 0px 15px 0px 0px;
}

#contentCell .contentLayoutCellRight{
	border: solid 0px #000000;
	padding: 0px;
}