﻿body 
{	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background-image: url(../images/layout/blue_bg2.jpg);
	background-color: #264971;
	background-repeat: repeat-x;
	height: 100%;
}
h1
{
	font-family: Tahoma, Verdana, Georgia;
	font-size: 16px;
	line-height: 32px;
	color: #264971;
	}
h2
{
	font-family: Tahoma, Verdana, Georgia;
	font-size: 14px;
	font-weight: normal;
	color: #264971;
	}
p, 
div
 {
	font-family: Tahoma, Verdana, Georgia;
	font-size: 12px;
	font-weight: normal;
	/*color: #264971;*/
}
li
{
	font-family: Tahoma, Verdana, Georgia;
	font-size: 12px;
	font-weight: normal;
	/*color: #264971;*/
}

.Whiteli
{
	font-family: Tahoma, Verdana, Georgia;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}

#container {
	width: 760px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #ffffff;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 100%;
} 

#containerWide {
	width: 990px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #ffffff;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 100%;
} 
#header {
	background-color: #205287;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	/*height: 209px;*/
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-bottom: 0px;
	width: 760px;
} 

#headerWide {
	background-color: #205287;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	/*height: 209px;*/
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-bottom: 0px;
	width: 990px;
} 


#sidenav
{
	width: 192px;
	background-image: url(/Images/layout/leftNavBG.jpg);
	background-color: #1e4d7b;
	background-repeat: repeat-y;
	background-position: center top;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	vertical-align: top;
	border-right: #ffffff 1px solid;
}


#sidenav a:link,
#sidenav A:visited,
#sidenav A:hover,
#sidenav A:active
{
	color:#fff;
}

#mainContent, .maincontent {
	padding: 0;
	vertical-align: top;
	margin-top: 0px;
	background-color: #FFFFFF;
	width: 570px;
	overflow:hidden;
}

.maincontentedit {
	padding: 0;
	vertical-align: top;
	margin-top: 0px;
	background-color: #FFFFFF;
	width: 570px;
	overflow:visible;
}

.maincontentwide {
	padding: 0;
	vertical-align: top;
	margin-top: 0px;
	background-color: #FFFFFF;
	width: 700px;
	overflow:visible;
}

#footer{
	background:#000000;
	color: #FFFFFF;
	height: 55px;
	width: 760px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	text-align:center;
	vertical-align:middle;
	font-size:10px;

}


/*////////////Sign in to online banking box////////////*/
.navBox
{
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 4px;
	color: white;
	padding-top: 12px;
	background-color: transparent;
	width: 190px;
}
.navboxTitle
{
	font-size: 12px;
	color: white;
	font-family: Tahoma;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 15px;
}
.navboxLoginBoxes
{
	font-size: 11px;
	color: white;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	font-family: Tahoma;
	text-align: left;
	text-decoration: none;
}
.navboxSmallText
{
	font-size: 11px;
	color: white;
	padding-bottom: 10px;
	padding-top: 5px;
	font-family: Tahoma;
	text-align: center;
	text-decoration: none;
}
.navboxButton
{
	padding-right: 20px;
	text-align: right;
}
.navDivider
{
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
/*////////////Sign in to online banking box////////////*/

/*////////////News Scroller////////////*/
.newsScroler
{
	margin-top: 15px;
}

/*////////////News Scroller////////////*/


/*////////////Header////////////*/
.logo {
	background-color: #205287;
	float: left;
	padding-top: 0px;
	padding-right: 32px;
	padding-bottom: 0px;
	padding-left: 32px;
	margin-top: 15px;
}

.trustlogo {
	background-color: #000000;
	float: left;
	padding-top: 0px;
	padding-right: 11px;
	padding-bottom: 0px;
	padding-left: 11px;
	margin-top: 15px;
}
.topVertImg {
	padding-top: 71px;
	float: left;
}
/*////////////Header////////////*/

/*////////////Buttons///////////*/
.BUTTON,
.button,
.buttoncol,
.button160
{
	border-right: #193a63 1px solid;
	border-top: #193a63 1px solid;
	font-size: 11px;
	border-left: #193a63 1px solid;
	color: #193a63;
	border-bottom: #193a63 1px solid;
	font-family: Tahoma;
	background-color: #cccccc;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	cursor:pointer;
}
.button160
{
	width:160px;
}

/*////////////Buttons////////////*/

/*////////////Home page columns////////////*/
.homePageColumns1 
  { 
	overflow: hidden; 
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px; 
  }

.homePageColumns1 .colwide
     { 
		float: left; 
		background: #ffffff; 
		width: 343px; 
		padding-right: 15px;
	    padding-left: 15px;
	    padding-top: 10px;
	    margin-top:10px;
	    text-align:center;
	}
	
.homePageColumns1 .colfirst
     { 
		float: left; 
		background: #ffffff; 
		width: 155px; 
		padding-right: 15px;
	    padding-left: 15px;
	    padding-top: 10px;
	    margin-top:10px;
	    text-align:center;
	}
.homePageColumns1 .col
{
	border-left: #1a3b64 1px solid;
	float: left; 
	background: #ffffff; 
	width: 155px; 
	padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    margin-top:10px;
    text-align:center;
}
.homePageColumns1 p
{
	text-align:left;
}

#homePageColumns2 
  { 
	overflow: hidden; 
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px; 
  }
#homePageColumns2 .homepageTrust 
     { 
		float: left; 
		background: #ffffff; 		
		border-right: #1a3b64 1px solid;
		width: 341px; 
		padding-right: 15px;
	    padding-left: 15px;
	    padding-top: 10px;
	    margin-top:10px;
	}
#homePageColumns2 .homepageFeatured
{
		background: #ffffff; 		 
		float: right;
		padding-right: 15px;
	    padding-left: 15px;
	    padding-top: 10px;
	    margin-top:10px;
	    width: 148px;
}

.columnHeaders,
a.columnHeaders:link,
a.columnHeaders:visited,
a.columnHeaders:hover,
a.columnHeaders:active
{
	font-weight: bold;
	font-size: 15px;
	color: #193a63;
	font-family: Tahoma;
	text-decoration: underline;
	text-align: center;
}

.columnPics
{
	border-right: #828a8f 2px solid;
	border-top: #828a8f 2px solid;
	border-left: #828a8f 2px solid;
	border-bottom: #828a8f 2px solid;
	margin-top: 10px;
}

.trustPics,
.columnWidePic
{
	border-right: #828a8f 2px solid;
	border-top: #828a8f 2px solid;
	border-left: #828a8f 2px solid;
	border-bottom: #828a8f 2px solid;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left:8px;
}
.columnText
{
	font-size: 12px;
	color: #1a3b64 ;
	padding-top: 5px;
	font-family: Tahoma;
	text-align: left;
	text-decoration: none;
}

/*////////////Home page columns////////////*/




/*////////////Navigation Text////////////*/
.MainNav
{
	font-weight: bold;
	font-size: 14px;
	color: white;
	line-height: 35px;
	font-family: Tahoma;
	background-color: transparent;
	text-decoration: underline;
	margin-left: 10px;
	width: 170px;	
}
.SubNav
{
	font-size: 12px;
	color: white;
	line-height: 25px;
	font-family: Tahoma;
	background-color: transparent;
	text-decoration: none;
	margin-left: 20px;
}
.HomePageSubNav
{
	font-size: 10px;
	color: white;
	line-height: 20px;
	font-family: Tahoma;
	background-color: transparent;
	text-decoration: none;
}

a.HomePageSubNav
{
	font-size: 10px;
	color: white;
	line-height: 20px;
	font-family: Tahoma;
	background-color: transparent;
	text-decoration: underline !important;
}


/*////////////Navigation Text////////////*/

.contentFillEven
{
	font-family: Tahoma, Verdana, Georgia;
	background-color: #FFFFFF;
	float: right;
	width: 547px;
	height: 100%;
	background-color: #EBEBEB;
	border-right: white 10px solid;
	border-top: white 10px solid;
	border-left: white 10px solid;
	border-bottom: white 10px solid;
}
.fltlftOddRow
{
	background-color: #FFFFFF;
	float: left;
	width: 262px;
	vertical-align: top;
	padding: 5px;
	color: #264971;
	height: 100%;
}
.fltlftEvenRow {
	background-color: #EBEBEB;
	float: left;
	width: 262px;
	vertical-align: top;
	padding: 5px;
	font-family: Tahoma, Verdana, Georgia;
	font-size: 14px;
	color: #264971;
	height: 100%;
}
.SolutionPics {
	background-color: #CCCCCC;
	padding: 5px;
	margin-right: 5px;
	float: left;
}
.smallBlueText {
	font-family: Tahoma, Verdana, Georgia;
	font-size: 12px;
	font-weight: normal;
	color: #264971;
}
.mediumBlueText {
	font-family: Tahoma, Verdana, Georgia;
	font-size: 14px;
	font-weight: normal;
	color: #264971;
}

.BigBlueHeaders {
	font-family: Tahoma, Verdana, Georgia;
	font-size: 16px;
	line-height: 20px;
	color: #264971;
} 
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	background-color: #FFFFFF;
}
.indent
{
	text-indent: 15px;
}
.fltLeft
{
	float:left;
	}
	
.fltRight
{
	float:right;
	}
	
.contentFill 
{
	font-family: Tahoma, Verdana, Georgia;
	background-color: #FFFFFF;
	/*padding: 10px;*/
	float: right;
	width: 547px;
	height: 100%;
}  
.titleRow {
	padding: 5px;
	vertical-align: top;
	width: 557px;
}


/*////////////Old Point Branches////////////*/

.BranchesHeader
{
	font-weight: bold;
	font-size: 18px;
	color: #264971;
	font-family: Tahoma;
	text-align: center;
}
.Branches
{
	padding-right: 5px;
	padding-left: 10px;
	font-size: 12px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Tahoma;
	background-color: transparent;
	color: #264971;
	line-height: 13px;
	width:175px;
}

.Branches_hover
{
	font-size: 12px;
	width: 175px;
	background-image: url(/Images/About/Branches/branchesBGhover.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}
.Branches_selected
{
	font-size: 12px;
	width:175px;
	font-weight: bold;
	color: #ffffff;
	background-image: url(/Images/About/Branches/branchesBG.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}

.BranchPic
{
	background-color: #CCCCCC;
	padding: 5px;
	margin-right: 5px;
	float: right;
	text-align: center;
}
.detailHeaders
{
	font-weight: bold;
	font-size: 12px;
	color: #264971;
	font-family: Tahoma;
}
.details
{
	font-size: 12px;
	color: #264971;
	font-family: Tahoma;
	vertical-align: top;
}
.detailsTable
{
	float:right;
	margin-right:5px;
	text-align: center;
	border-right: #264971 1px solid;
	border-top: #264971 1px solid;
	border-left: #264971 1px solid;
	border-bottom: #264971 1px solid;
}
/*////////////Old Point Branches////////////*/

.solutionsHeader
{

		background-color: #205287;
		font-size:12px;
		color: White;
		text-indent: 15px;
	}

.solutionsText
{}
 
.opInnerContent
{
	padding:0px 10px 10px 5px; 
}


.opInnerContentWide
{
	padding:0px 10px 10px 5px;
	width:700px; 
}

div.news
{
	height:165px;
	margin-bottom:10px;
}

.newshdr
{	
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	text-align:center; 
	line-height:25px;	
	padding:10px 0 5px 0;
	color:#fff;
}
div.newsitem
{
	 padding:10px 15px;
	 font: 11px arial, sans-serif;
	 color:#fff;
	 font-family:Arial, Sans-Serif;
}


.newsitem span.newstitle 
{
	 FONT: bold 12px arial, sans-serif;
	 COLOR: #ffffff;
	 font-family:Arial, Sans-Serif;
}

.newsitem A:link,
.newsitem A:visited,
.newsitem A:hover,
.newsitem A:active
{
	 COLOR: #6699ff;
	 TEXT-DECORATION: underline;
	 font-family: Arial, Sans-Serif;
}

#map 
{
	padding-left:5px;
	width: 550px;
	height: 450px;
	border:1px solid #000000;
}

div.num 
{
	float:left;
	width:25px;
	height:30px;
}

div.details 
{
	float:left;
	width:auto;
	height:100px;
	text-align:left;
}

div.lobby 
{
	float:left;
	width:auto;
	height:100px;
}

div.separate 
{
	clear:left;
}

div.txt
{
	margin-top:-2px;
}

div.txt a:link,
div.txt a:visited,
div.txt a:hover,
div.txt a:active
{
	font-size:11px;
}

tr.alt
{
	background-color:#ebebeb;
}


.textbox
{	
	font-family: Arial, Sans-Serif, Helvetica;
	font-size:11px;	
}


div.boxSearch input
{
	float:left;
	font-family: Arial, Sans-Serif, Helvetica;
	font-size:11px;
	margin-right:3px;
	margin-top:-1px;
	width:100px;
}
