/*
COLORS
Define main colors used in a site here for easy reference

Blue = 0066cc
Lt Blue = CFF7FF
Dk Blue = 00849F

*/
html {
	height: 100%;
}

body {
	margin: 0;
	height: 100%;
	font: 62.5%/ 1.5 verdana, sans-serif;
	text-align: center;
	color: #333;
	background: #fefefe url(../images/design/body-innerpage-bg-right.jpg) 0
		0 repeat-x;
}

/* Background Style for Entry Page */
body.home {
	background: #fefefe url(../images/design/body-innerpage-bg-right.jpg) 0
		0 repeat-x;
}

/* ----------------
	DEFAULTS AND RESETS
    ------------- */ /* PC FF3 adds an outline to Flash objects? */
a,object {
	outline: none;
}

a img {
	border: none;
}

h1,h2,h3,h4,h5,h6 {
	color: #003399;
	margin: 0;
	font-family: verdana, san-serif;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited
	{
	text-decoration: none;
	color: #003399;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
		color: #ff9933;
}

h1 {
	font-size: 2.2em;
	width: 505px;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1em;
}

dt {
	font-weight: bold;
	margin-bottom: 0;
}

dd {
	margin: 0 1.5em;
}

dd p:first-child {
	margin-top: .5em;
}

a,a:link,a:visited {
	color: #00539F;
}

a:hover,a:active {
	color: #FF9933;
}

strong,b {
	font-weight: bold;
}

em,i {
	font-style: italic;
}

p {
	line-height: 1.5em;
	font-size: 1.2em;
	margin-top: 0;
	margin-bottom: 0.75em;
}

/* For HR's with background images */
div.hr {
	height: 3px;
	margin: 10px 0;
	background: #fff url() 0 0 repeat-x;
}

div.hr hr {
	display: none;
}

ul,ol {
	list-style: disc;
	margin: 0 1.5em;
	font-size: 1.2em;
	margin-bottom: 1em;
	padding: 0;
	margin-right: 0;
}

ol {
	list-style: decimal;
	padding: 0;
}

ol ul,ol ol {
	margin: 0;
	padding: 0;
}

/* orderedList class can be assigned manually, or with jQuery method. Intended to style bullets differently than text.  */
ol.orderedList li span {
	
}

ol.orderedList {
	color: #000;
}

li {
	margin: 0;
	padding: 0;
}

blockquote,q {
	margin: 1em 0;
	font-style: italic;
	font-size: 1.2em;
	color: #000;
}

cite {
	font-size: 1.2em;
	color: #003399;
	font-style: normal;
	font-weight: bold;
}

small,.small {
	margin: 1em 0;
	display: block;
	font-size: 0.9em;
}

/* table { border: 0; border-collapse: collapse; } */
address {
	font-style: normal;
	font-size: 1.2em;
}

address span {
	font-weight: bold;		
}
	
form {
	margin: 0;
}


/* ----------------
	PAGE STRUCTURE
	Elements that make up the skeleton of the layout and holds things together
    ------------- */ /* Creates the varying height bg */
#leftBg {
	position: absolute;
	width: 30%;
	top: 0;
	left: 0;
	background: url(../images/design/body-bg-left.jpg) 0 0 repeat-x;
	padding-top: 426px;
}

#page {
	position: relative;
	min-height: 100%;
	text-align: left;
	padding: 0;
	z-index: 10;
}

#wrapper {
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	padding-bottom: 10px;
}

#header {
	width: 978px;
	background: url(../images/design/header-bg.jpg) 0 0 no-repeat;
	margin: 0 auto;
	margin-bottom: 0;
	height: 143px;
	position: relative;
	z-index: 650;
}

#contentMain {
	width: 978px;
	margin: 0 auto;
}

/* Entry Page Layout */

#ColumnMain {
	width: 725px;
	float: left;
	margin-top: 1em;
	background: #FFF;
	padding-bottom: 2em;
}

body.home #ColumnMain {
	margin-top: 0;
	background: none;
}

	body.staff-bios #ColumnMain {
		min-height: 400px;
		height: auto !important;
		height: 400px;
	}
	
#ColumnSub {
	width: 246px;
	margin-right: 7px;
	float: left;
	margin-top: 0;
}

	#ColumnSub img {
		padding-bottom: 0;
	}
	
/* Inner Page Structure */

#contentSubLeft {
	width: 236px;
	font-style: italic;
}

	#contentSubLeftInner {padding: 10px;}

#innerTop {
	padding: 15px 25px 0 25px;
	z-index: 1;
}

#innerColumn {
	padding: 25px;
	padding-top: 5px;
	clear: both;
}

#innerColumnMain {
	width: 396px;
	float: left;
	margin-right: 25px;
	padding-bottom: 1.5em;
	overflow: hidden; /* Fix float drop in ie6 */
}

/* Different Width for 1 Column Page */

body.oneColumn #innerColumnMain {
	width: auto;
	float: none;
	margin: 0;
}

#innerColumnSub {
	width: 253px;
	float: left;
	overflow: hidden; /* Fix float drop in ie6 */
}

#footer {
	width: 978px;
	margin: 0 auto;
	border-top: 1px solid #CCCCCC;
	height: 50px;
	text-align: center;
	color: #999;
	padding-bottom: 40px;
}

#bottom {
	position: relative;
	margin-top: -10px;
	height: 10px;
	background: url(../images/design/bg_bottom.gif) 0 0 repeat-x;
}

/* ----------------
	PAGE STRUCTURE ELEMENTS
	Elements  such as logos, search bars, and any other design element repeated throughout the site, but doesn't effect the structural layout
    ------------- */
#logo {
	width: 295px;
	height: 113px;
	display: block;
	background: url(../images/design/logo.gif) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

#logo a, #logo .logoText {
	width: 295px;
	height: 113px;
	display: block;
	text-indent: -9999px;
}

ul#subNav {
	list-style: none;
	position: absolute;
	right: 10px;
	top: 12px;
	font-size: 1em;
}

ul#subNav li {
	display: inline;
	margin-right: 10px;
}

ul#subNav li.last-child {
	display: inline;
	margin-right: 0;
}

ul#subNav li a {
	display: inline;
	color: #00539F;
}

#search {
	position: absolute;
	top: 42px;
	right: 10px;
	_left: 740px;
	font-size: 1em;
}

	#search form input.searchBox,
	#search-form input.searchBox { float: left; margin-right: 0.5em; }
	
	#search form input.submit,
	#search-form input.submit {
		width: 60px;
		height: 23px;
		border: none;
		margin-right: 0;
		float: left;
		background: url(../images/design/search.gif) 0 0 no-repeat;
		text-indent: -9999px;
		cursor: pointer;
		overflow: hidden;
		font-size: 0px;
		line-height: 0px;
	}
	
	#search form input.submit:hover,
	#search-form input.submit:hover {
		background: url(../images/design/search.gif) 0 -23px no-repeat;
	}

#sideBar {
	background: #FFF url(../images/design/sidebar-bg.gif) 0 50px repeat-y;
	text-align: center;
}

#sideBarInner {
	padding: 2em;
	padding-bottom: 1em;
	text-align: left;
}

#sideBarInner ul {
	padding: 0;
	margin: 0;
}

#sideBarBottom {
	background: url(../images/design/sidebar-bottom.gif) 0 0 no-repeat;
	height: 12px;
}

#newsEvents {
	padding: 0 1.5em 3.5em 1.5em;
}

.openAnAccount {
	margin-top: 0.5em;
	margin-bottom: 1.25em;
}

	.openAnAccount ul {
		display: inline;
		padding-left: 0;
		margin: 0;
		list-style: none;
		padding: 0.5em;
		font-size: 0.9em;
	}

	.openAnAccount li {
		padding-left: 2em;
		margin-right: 1.5em;
		background: url(../images/design/application-button.gif) 0 2px no-repeat;
		display: inline;
	}

	.openAnAccount a {color: #00539F;}
	.openAnAccount a:hover {color: #FF9933;}


#innerColumnSub .openAnAccount ul,
#innerColumnSub .openAnAccount li {
	display: block;
}

/* These are styles for the faq dropdowns */
.faq div {padding-bottom: 1em;}
.faq a {cursor: pointer;}
.faq p {margin: 0;}


/* Styles for contact us page */
.customerService {
	float: left;
	width: 327px;
	margin-right: 15px;	
}

/* ----------------
	Entry Page Elements
    ------------- */
    
#bankingOptions {
	padding: 10px 0 20px 10px;
}

.bankingInfo,
.bankingInfoLast {
	width: 225px;
	float: left;
	margin-right: 18px;
}

.bankingInfo h3,.bankingInfoLast h3 {
	text-align: center;
	color: #FFF;
	font-family: verdana, san-serif;
	text-transform: uppercase;
	padding: 5px;
	border: none;
	outline: none;
}

.bankingInfoLast {
	margin-right: 0;
}

h3.personal {
	background: url(../images/design/personal-banking.gif) top left
		no-repeat;
	color: #FFFFFF;
}

h3.business {
	background: url(../images/design/business-banking.gif) 0 0 no-repeat;
	color: #FFFFFF;
}

h3.commercial {
	background: url(../images/design/commercial-banking.gif) 0 0 no-repeat;
	color: #FFFFFF;
}

.services {
	outline: none;
	list-style: none;
	background: #FFF;
	background: url(../images/design/services-bottom.gif) bottom center
		no-repeat;
	width: 225px;
	padding-bottom: 10px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

.services p {
	padding: 0.5em 1em 0 1em;
	font-size: 1em;
}

.services h3 a:link,
.services h3 a:visited,
.services h3 a:active {
	color: #FFF;
}

	.services h3 a:hover {
		text-decoration: underline;	
		color: #FFFFFF;
	}

#siteMap ul {
	font-size: 1.2em;
}

#siteMap ul ul {
	font-size: 1em;
}

/* For Sale Area */

.saleItem {
	padding: 1.5em;
	padding-bottom: 2em;
	background-color: #f6f6ef;
	border-top: 1px solid #cccccc;
}
	.saleItem div {
		float: left;
		margin-bottom: 1em;
	}
	
	.saleItem div img {
		float: left;
		border: 5px #FFF solid;
		margin-right: 10px;
		margin: 0;
	}
	
	.saleItem div p {
		margin-left: 150px;
		color: #000;
		margin-bottom: 0;
		width: 400px;
	}
	
	.saleItem div p strong {
		width: 5em;
		margin-right: 10px;
	}
	
	.saleItem a.interested {
		clear: left;
		display: inline;
		margin: 0;
		padding: 1em 0.5em;
		border-top: 1px solid #ccc;
		color: #026c68;
		text-transform: uppercase;
		padding-right: 9em;
		background: #FFF url(../images/design/contact-us.jpg) 90% 0.6em no-repeat;
		font-weight: bold;
		text-decoration: none;
		margin-left: 475px;
	}


/* ----------------
	NAVIGATION
    ------------- */
    
#nav {
	position: absolute;
	right: 3px;	
	top: 110px;
}

#mainMenu {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
	z-index: 597;
}

#mainMenu li {
	float: left;
	list-style: none;
	line-height: 1.3em;
 	vertical-align: middle;
 	zoom: 1;
}

#mainMenu ul {
	 visibility: hidden;
	 position: absolute;
	 top: 100%;
	 left: 0;
	 z-index: 598;
	 width: 170px;
	 list-style: none;
	 background: #FFF;
	 margin: 0;
	 padding: 0 5px;
	 padding-top: 10px;
	 border-bottom: 6px solid #00539F;
	 border-left: 1px solid #eee;
	 border-right: 1px solid #eee;
	 background: #FFF url(../images/design/ul-bg.gif) 0 0 repeat-x;
}

#mainMenu li.hover,
#mainMenu li:hover {
	position: relative;
 	z-index: 599;
	cursor: pointer;	
}

#mainMenu li a {
	font-size: 1.4em;
	color: #FFF;
	text-decoration: none;
	float: left;
	margin: 0;
	padding: 0 0 0 7px;
	cursor: pointer;
}

#mainMenu li a span {
	float: left;
	display: block;
	padding: 5px 7px 10px 0;
}

#mainMenu li a:hover {
	background: url(../images/design/navigation-hover-left.gif) left top
		no-repeat;
}
	#mainMenu li li {border-bottom: 1px solid #eee;}
	#mainMenu li li a {background: none; cursor: pointer; font-size: 0.8em; color: #00539F; text-decoration: underline; width: 100%;}
 	#mainMenu li li a span {background: none; padding: 5px 2px;}
 	#mainMenu li li a:hover {background: none; color: #FF9933;}
 	#mainMenu li li a:hover span {background: none;}
 	
#mainMenu li a:hover span {
	background: url(../images/design/navigation-hover-right.gif) right top
		no-repeat;
}

#mainMenu ul li {
 clear: both;
 width: 100%;
}

#mainMenu li:hover > ul {
 visibility: visible;
}

#sideBarInner li {
	background: url(../images/design/sidebar-button.gif) 0 3px no-repeat;
	padding-left: 2em;
	list-style: none;
	margin-bottom: 10px;
}

	#sideBarInner li a {
		font-weight: bold;
		text-decoration: none;
		font-size: 0.8em;
	}
	
	#sideBarInner li.active a {
		color: #FF9933;
	}
	#sideBarInner li.active li a {
		color: #00539F;
	}

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

/* Second tier sidebar */

	#sideBarInner li ul {
		margin-top: 0.5em;
	}
	
		#sideBarInner li ul li {
			padding-left: 0;
			margin: 0.25em 0 0.25em 1.5em;
			background: none;
			list-style: disc;
			line-height: 1.5;
		}
		
		#sideBarInner li ul li a {
			font-size: 0.7em;
			line-height: 2px;
		}
	
		#sideBarInner li ul li.active a {
			font-size: 0.7em;
			color: #FF9933;
			text-decoration: none;
		}
	

#innerColumnSub ul,
#contentSubLeft ul {
	list-style: none;
	margin-left: 0;
	margin-top: 0.5em;
}

.actionsBar {
	float: right;
	list-style: none;
	height: 2em;
	margin: 0;
	margin-top: 1em;
	padding: 0;
	font-size: 1em;
}

.actionsBar li {
	display: inline;
	margin-right: 0.25em;
	padding: 2px;
}

.actionsBar li.print {
	background: url(../images/design/print-page.gif) 0 0 no-repeat;
	padding-left: 20px;
	visibility: hidden;
}
	 .actionsBar li.print a { color: #999999; cursor: pointer; } 

.actionsBar li.email {
	background: url(../images/design/email-page.gif) 0 0 no-repeat;
	padding-left: 20px;
}

.actionsBar a:link,
.actionsBar a:visited,
.actionsBar a:active {
	color: #999;
	text-decoration: none;
}

.actionsBar li a:hover {
	text-decoration: underline;
}

#breadCrumbs {
	background: #eef8ff;
	padding: 0.1em 0.7em;
	border-top: 1px solid #CCC;
	margin-top: 0.5em;
	clear: right;
}

#breadCrumbs a {
	font-size: 0.8em;
	text-decoration: none;
	color: #666;
}

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

#breadCrumbs a.active {
	color: 00539f;
}

#footerNav {
	margin-top: 0.5em;
	font-size: 1em;
}

#footerNav li {
	display: inline;
	margin-right: 5px;
	padding-left: 10px;
	background: url(../images/design/bullet.gif) 0 5px no-repeat;
}

#footerNav li.last-child {
	margin-right: 0;
}

#footerNav li.first-child {
	background: none;
}

#footerNav li a {
	font-size: 1em;
	color: #999;
}

#newsEvents ul,.services ul {
	padding: 0 1em;
}

.services ul {
	font-size: 1em;
}

.services ul li {
	margin-bottom: 0.8em;
}

#newsEvents li,bankingOptions li {
	margin-bottom: 1em;
	font-size: 0.8em;
	line-height: 1.2;
}

li.important {
	background: url(../images/design/arrow-active.gif) 0 50% no-repeat;
	padding-left: 1em;
	list-style: none;
	margin-left: -1em;
}

/* ----------------
	IMAGES
    ------------- */
.security {
	margin: 0;
	margin-right: 10px;
	padding-bottom: 0 !important;
}

#flashArea {
	margin-left: -8px;
	height: 232px;
	overflow: hidden;
	width: 733px;
}

img.pdf {
	margin-left: 60px;	
}

/* ----------------
	FOR SALE AREA
    ------------- */

/* Homepage Callout */    

#forSaleCallout 	{ width: 245px; position: relative; overflow: hidden; margin-bottom: 1.5em; }
#forSaleCallout h2  { 
	background: #002c58 url(../images/for-sale/layout/callout-header.gif) 0 0 no-repeat; 
	padding: 2px 0 0 5px; 
	font-size: 1.1em;
}
#forSaleCallout h2 a { color: #FFFFFF; } 

#forSaleCallout ul 		{ margin: 0; position: absolute; bottom: 10px; left: 7px; z-index: 100;  }
#forSaleCallout li 		{ color: #6A7479; margin-bottom: 1px; line-height: 1; list-style: none; }
#forSaleCallout li a 	{ color: #6A7479; font-size: 0.833em; text-transform: capitalize; text-decoration: none; }
#forSaleCallout a:hover { text-decoration: underline; }

#categories 	{ width: 245px; height: 80px; overflow: hidden; z-index: 10;}

/* Category Listing */

#categoryListing 	{ 
	list-style: none; 
	margin: 0; 
	float: left; 
	width: 675px; 
	border-top: 1px dashed #CCCCCC; 
	border-bottom: 1px solid #D9D9D9; 
	padding: 1.5em 0;
	margin-bottom: 350px; 
}
#categoryListing li {
	float: left;
	min-height: 148px; 
	width: 126px;
	margin-right: 8px;
	border: 1px solid #E5E5E5; 
	background: url(../images/for-sale/layout/sale-category-bg.gif) 0 0 repeat-y; 
	padding: 0.5em 0 1em 0;
	text-align: center;
}

#categoryListing li.last 	{ margin-right: 0; }
#categoryListing li img 	{ border: 1px solid #BFBFBF; margin-bottom: 10px; }
#categoryListing li a 		{ font-weight: bold; font-size: 1.083em; text-decoration:none; }

/* Item Listing */

#saleItem 		{ padding-left: 350px; margin-bottom: 250px; }
#saleItem img 	{ border: 1px solid #BFBFBF; float: left; margin-left: -350px; display: inline; }

#itemDescription 		{ width: 168px; float: left; margin-right: 10px; }
#itemDescription h2		{ border-bottom: 0; font-size: 1.3em; margin: 0 !important; line-height: 1; }
#itemDescription span 	{ color: #808080; font-size: 1.3em; display: block; margin-bottom: 1em; }
#itemDescription p		{ font-size: 1.1em; }

#itemSpecs 				{ text-align: right; width: 147px; float: left; }
#itemSpecs span			{ color: #666666; font: bold 1.3em verdana, sans-serif; display: block; margin-bottom: 35px; }
#itemSpecs ul			{ list-style: none; }
#itemSpecs li			{ color: #000000; font-size: 0.917em; }
#itemSpecs li span		{ font-size: 1em; font-weight: bold; color: #999999; display: inline; }

#contactInformation			{ background: #F7F7F7; padding: 0.5em 15px 1em 15px; border-top: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC; clear: left; }
#contactInformation	h3		{ margin: 0 0 0.75em 0 !important; font-size: 1.1em; color: #999999 !important; }
#contactInformation span	{ color: #999999; font-weight: bold; }
#contactInformation .fn		{ font: bold 1.3em verdana; color: #4C4C4C; display: block; }
#contactInformation .tel,
#contactInformation .email 	{ font-weight: normal; }
#contactInformation .tel 	{ color: #000000; }

/* Product Listing */
#filterOptions 				{ float: right; width: 450px; text-align: right; padding: 0; background: none; border: 0; margin: 0; padding: 0.75em 0; }
	#filterOptions input { margin-right: 0; margin-left: 10px; }
#filterOptions span	{ color: #808080; margin: 0 8px 0 5px; }

#filterOptions select 			{ color: #808080; font: normal 1.1em arial; } 
#filterOptions .listingType 	{ width: 155px; /* Alt Style ie.css */ }
#filterOptions .state			{ width: 115px; /* Alt Style ie.css */ }

.itemListing 	{ clear: both; border: 0; }

.itemListing tr,
.itemListing th,
.itemListing td	{ border: 0; }

.itemListing th	{ 
	color: #666666; 
	padding: 0;
	background: #c0c0c0 url(../images/for-sale/layout/th-bg.gif) 0 0 repeat-x;
	text-align: center; 
	font-size: 0.917em;
	text-transform: capitalize;
	font-weight: normal;
}

.itemListing th.first 		{ }

.itemListing th a 			{ color: #666666; display: block; padding: 0.833em 6px; }
	.itemListing th a:hover		{ color: #222; }
.itemListing th.activeUp a,
.itemListing th.activeDown a 	{ color: #FFFFFF; display: block; text-decoration: none; }
.itemListing th.activeUp a:hover,
.itemListing th.activeDown a:hover 	{ color: #EEE; }
.itemListing th a.first 	{  background: url(../images/for-sale/layout/table-left-corner.gif) 0 0 no-repeat; }
.itemListing th a.last 		{ background: url(../images/for-sale/layout/table-right-corner.gif) 100% 0 no-repeat; }



.itemListing th.activeDown,
.itemListing th.activeUp			{  background: #b8b8b8 url(../images/for-sale/layout/th-active-bg.gif) 0 0 repeat-x; }
.itemListing th.activeDown span,
.itemListing th.activeUp span		{ padding-right: 10px; background-repeat: no-repeat; background-position: 100% 5px; }
.itemListing th.activeDown span 	{ background-image: url(../images/for-sale/layout/active-arrow-down.gif); }
.itemListing th.activeUp span		{ background-image: url(../images/for-sale/layout/active-arrow-up.gif); }


.itemListing tr.odd				{ background: #F7F7F7; }
.itemListing tr.last td			{ border-bottom: 2px solid #D9D9D9; }

.itemListing td					{ border-bottom: 1px dashed #CCCCCC; text-align: center; padding: 0; font-size: 0.917em; color: #333333; padding: 10px; }
.itemListing td.propertyInfo	{ text-align: left; width: 175px; }
.itemListing td.propertyPhoto	{ text-align: left; width: 110px; }

.itemListing td img	{ border: 1px solid #BFBFBF; }
.itemListing td h2	{ border-bottom: 0; margin: 0; font-size: 0.917em; }
.itemListing td p	{ font-size: 0.917em; }

/* Pagination Styles */

.pagination 	{ padding-top: 15px; }
.pagination .paginator { float: left; }
.pagination .ellipse { float: left; }
.pagination .pageInfo { float: right; }
.pagination a 	{ padding: 0 2px; margin-right: 5px; }
.pagination .disabled	{
	opacity:0.4;
	filter:alpha(opacity=40);
}

.pagination .current { color: #4C6470; text-decoration: none; }

.pagination .first,
.pagination .last,
.pagination .next,
.pagination .previous { 
	background: url(../images/for-sale/layout/pagination.gif) 0 0 no-repeat; 
	display: block; 
	float: left;
	height: 16px;
	width: 16px;
	text-indent: -9999px;
	padding: 0;
	margin-right: 5px;
}

.pagination .first		{ background-position: 0 0; }
.pagination .previous	{ background-position: -16px 0; }
.pagination .next		{ background-position: -32px 0; }
.pagination .last		{ background-position: -48px 0; }

.pagination .first:hover		{ background-position: 0 -15px; }
.pagination .previous:hover		{ background-position: -16px -15px; }
.pagination .next:hover			{ background-position: -32px -15px; }
.pagination .last:hover			{ background-position: -48px -15px; }

.pagination .pageNumInput 	{ width: 2em; }

/* ----------------
	TYPEOGRAPHY
    ------------- */

 /* Headers */
#sideBar h2 {
	display: block;
	border: 1px solid #CCC;
	border-top: none;
	background: #FFF;
	color: #00539F;
	font-size: 1.9em;
	padding: 0;
}

#sideBar h2 a {
	color: #00539F;
}

h2 {
	color: #003399;
	border-bottom: 1px solid #CCC;
	font-weigh: normal;
	text-transform: capitalize;
}


#innerColumnMain h2 {
	margin-bottom: 0.5em;
	margin-top: 1.25em;
}

	#innerColumnMain h2 small {
		display: inline;
		font-weight: normal;
		font-style: italic;
	}
	
#innerColumnMain h3 {
	color: #003399;
	font-weight: bold;
	margin-bottom: 0.75em;
	margin-top: 1.5em;
}

	#innerColumnMain .staff h3 {
		margin-bottom: 0;
		margin-top: 1.5em;
	}

	#innerColumnMain .staff p {
		margin-top: 0;
	}
	
	#innerColumnMain .staff p span {
		font-style: italic;
	}
	
#innerColumnSub h3 {
	color: #003399;
	margin-top: 0.5em;
	margin-bottom: 0.75em;
}

	.homeMortgage #innerColumnSub h3, .equipmentFinance #innerColumnSub h3 {
		font-weight: normal;
	}
	
	.homeMortgage #innerColumnSub h3 li, .equipmentFinance #innerColumnSub h3 li  {
		list-style: inside;
	}

#newsEvents h4 {
	font-weight: bold;
	color: #808080;
	font-size: 1.2em;
	margin-bottom: 1em;
}

#openAnAccount h2 {
	margin-bottom: 0.5em;
	border-bottom: none;
}

.ourValues {
	width: 275px;
	margin-left: 1.5em;
	padding: 10px 10px 10px 30px;
	background: #eee;
	border: 1px solid #cecece;
}

	#innerColumnMain .ourValues h3 {
		margin-top: 0;
	}
	
/* Paragraphs */

p span {
	color: #003399;
	font-weight: bold;
	display: block;
}

p span small {
	color: #999999;
	font-weight: normal;
}

p small {
	display: inline;
	font-size: 0.8em;
	line-height: 0.8;
}

/* List */

#forms { margin-left: 0; }

	#forms li {
		list-style: none;
		padding-left: 25px;
		background: url(../images/design/icon_pdf.jpg) 0 0 no-repeat;
		margin-bottom: 0.25em;
	}

/* Search Results Page */

#searchResults p span {
	display: inline;	
}

.search-result {
	margin-top: 1.5em;	
}

	.search-result p {margin-bottom: 1.5em;}

.scroller {
	border: none;
	margin-top: 1.5em;
	margin-bottom: 0;
	width: auto;
	border-collapse: separate;
}
	.scroller-after {
		border-top: none;
	}
	
	.scroller tr {
		border-top: 0;
	}
	
		.scroller td {
			background: #EEF8FF;
			border: 0;
			padding-right: 0;
			padding: 5px 15px;
			margin-right: 3px;
		}
			.scroller td a {
				text-decoration: none;
			}
							
			.scroller td.selected a {
				font-weight: bold;
			}
		
		table.paginator {
			border: none;
			margin-bottom: 0;
		}
		
		
/* Misc Typography */

p.securityInfo,
p.notice {
	font-family: arial, san-serif;
	font-size: 0.9em;
	color: #ABABAB;
	margin-top: 0;
	text-align: left;
}
	p.securityInfo {
		clear: both;
		margin-top: 5px;
	}
	
	p.notice {
		color: #000000;
		font-size: 1.1em;
		position: relative;
	}
	
		p.notice strong {
			color: #DD0000;
		}
		
.bankingServices {
	font-style: italic;
	list-style: none;
	background: url(../images/design/arrow-active.gif) 0 50% no-repeat;
	padding-left: 1em;
	list-style: none;
	margin-left: -1.25em;
}

.currentRates {
	background: url(../images/design/current-rates.gif) 0 50% no-repeat;
	padding-left: 2em;
	list-style: none;
	margin-left: -1.5em;
}

#footer p {
	font-size: 1em;
}
	
/* Lists */ /*
#innerColumnMain ul, #innerColumnSub ul, #innerColumnMain ol, #innerColumnSub ol {
	font-size: 1.2em;
	margin: 1em 0;
	margin-left: 1.5em;
}
 */ /* Tables */
table {
	font-size: 1.2em;
	margin: 0 0 1.5em 0;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCC;	
}

th {
	background: #EEF8FF;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 1em;
	
}

tr {
	border-top: 1px solid #CCC;
}

td {
	padding: 0 0.5em;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

th.first-child {
	width: 65%;
}

/* Javascript calculators */

#calculator table {
	border: 0;
	margin-bottom: 0.5em;
}

#calculator td,
#calculator th,
#calculator tr {
	border: 0;
	background: none;
	padding: 0;
}

.Title h2 {
	margin-top: 0 !important;	
}

.InputContainer {
	background: #EEF4FF;
	border: 1px solid #CCDDEE;
	margin-bottom: 0;
	padding: 1em 1.5em;
}
	
	.cAmortTable td, .cAmortTable th {
		text-align: center !important;
	}

		table#tvcSubDetailTable1 p,
		.SubDetailTable p {
			font-size: 12px;
			padding: 0;
		}

/* ----------------
	FORM ELEMENTS
    ------------- */ 
    
/* Main Form Style */

form {
	overflow: hidden;
}

form div {
	padding: 0.5em 0;
	clear: both;
	overflow: hidden;
}

fieldset {
	border: 0;
	padding: 12px 20px 16px 20px;
	margin: 0.5em 0 1.5em 0;
	background: #EEF4FF;
	border: 1px solid #ccddee;
}

	fieldset legend {
		font-size: 1.3em;
		font-weight: bold;
		color: #003399;
		text-transform: uppercase;
	}
	

.fieldArea label {
	width: 200px;
	display: block;
	color: #000;
	text-align: left;
	float: left;
	margin-right: 2em;
}
form input {
	margin-right: 10px;
}
form label {
	font-size: 1.1em;
}
fieldset fieldset .fieldArea label {
	width: 180px;
}
form .fieldFootnote {
	font-size: 1em;
	line-height: 1.2em;
	color: #666;
	width: 380px;
	padding-left: 15px;
}

.required label {
	font-weight: bold;
}

.htmlInputText input {
	border: 1px solid #999;
	width: 175px;
}

.htmlSelectOneRadio table,
.htmlSelectManyCheckbox table {
		width: auto;
	}
	
		.htmlSelectOneRadio label,
		.htmlSelectOneRadio input,
		.htmlSelectManyCheckbox label,
		.htmlSelectManyCheckbox input {
			float: left;
		}
	
			.htmlSelectOneRadio table label,
			.htmlSelectManyCheckbox table label {
				width: auto;
				display: inline;
				margin: 0;
			}

.fieldArea .commandButton {
	width: 60px;
	cursor: pointer;
}

.fieldArea span {
	margin-left: 0.5em;
	color: #DD0000;	
}

.fieldArea label span {
	color: #DD0000;	
}

.checkBoxes { margin-bottom: 1em; font-size: 0.917em; }

/* Email Page */
form#emailPage .htmlInputTextarea textarea {
	width: 300px;
}

form#emailPage .commandButton {margin-left: 175px;}

/* Tax Stimulus Calculator */

form#taxStimulusCalculator {
	width: 50%;
}

	form#taxStimulusCalculator label {
		display: block;
		color: #000;
		margin-bottom: 1em;
		font-size: 1.2em;
	}
	
#results {display: none;}
	#results span {display: inline;}
	
/* Contact Us */

form#contact {
	padding-top: 2.5em;
}

/* Equipment Leasing Application Form */

fieldset table {
	margin-bottom: 0.5em;
	border: 0;
	font-size: 1em;
	float: left;
}
	fieldset table tr,
	fieldset table td {
		border: 0;
	}
	fieldset table tbody td {
		border-bottom: 1px solid #CCC;
	}
	fieldset table div {
		padding: 0;
	}
	/*selectOneRadio uses a table*/
	fieldset .htmlSelectOneRadio table tbody td {
		border: 0;
	}
	fieldset .htmlSelectManyCheckbox table tbody td {
		border: 0;
	}
.debtCancellationOption {
	padding-left: 22px;
}
.debtCancellationOption input {
	margin-left: -22px;
}
	
	

/* Online Inquiry Form */


	
/* State and zip */
.stateFieldArea,
.projectStateFieldArea,
.businessStateFieldArea,
.mailingAddressStateFieldArea,
.businessMailingAddressStateFieldArea
{
	float: left;	
}
.stateFieldArea input,
.projectStateFieldArea input,
.businessStateFieldArea input,
.mailingAddressStateFieldArea input,
.businessMailingAddressStateFieldArea input
{
		width: 2em;
}
.zipFieldArea,
.projectZipFieldArea,
.businessZipFieldArea,
.mailingAddressZipFieldArea,
.businessMailingAddressZipFieldArea
{
	clear: right;
	float: left;
}
.zipFieldArea label,
.projetFieldArea label,
.mailingAddressZipFieldArea label,
.businessZipFieldArea label,
.businessMailingAddressZipFieldArea label,
fieldset fieldset .zipFieldArea label, /*Needed because of rule below that otherwise overrides */
fieldset fieldset .projectZipFieldArea label,
fieldset fieldset .mailingAddressZipFieldArea label,
fieldset fieldset .businessZipFieldArea label,
fieldset fieldset .businessMailingAddressZipFieldArea label
{
	display: inline;
	width: auto;
}
.zipFieldArea input,
.projectZipFieldArea input,
.mailingAddressZipFieldArea input,
.businessZipFieldArea input,
.businessMailingAddressZipFieldArea input
{
		width: 4.5em;
}

/* Open and account form */

.htmlSelectBooleanCheckbox label {
	float: none;
	width: auto;
	text-align: left;
	display: inline;
	margin-right: 0.5em;
	line-height: 1.5;
}

.htmlSelectBooleanCheckbox input {
	width: auto;
}

.indebtednessTable th {
	padding: .5em;
}
.indebtednessTable td {
	padding: 0;
}
.indebtednessTable td.payableNote input {
	width: 130px;
}
.indebtednessTable td input {
	width: 50px;
}

.workHistoryTable .workFrom input,
.workHistoryTable .workTo input
{
	width: 50px;
} 

.workHistoryTable td {
	vertical-align: top;
	padding: 3px;
}
.workHistoryTable .workPosition div {
	clear: left;
}
.workHistoryTable .workPosition label {
	float: left;
	width: 40px;
}
.workHistoryTable .workPosition input {
	float: left;
	width: 240px;
}

.educationTable td {
	vertical-align: top;
	padding: 3px;
}
.educationTable td.educationDate input { width: 70px; }
.educationTable td.educationMajor input { width: 130px; }
.educationTable td.educationDegree input { width: 130px; }
.educationTable td.educationInstitute label {
	width: 45px;
}
.educationTable td.educationInstitute input {
	width: 150px;
}

/* Sidebar Form */

.login div {
	padding-right: 0;		
}

.login label {
	float: left;
	width: 65px;	
}

.login input { float: right; }
.login input.username { margin-right: 0; width: 122px; }
.login select {width: 129px; float: right;}
	#loginLocation {
		display: none;
	}

.login input.submit {
	clear: both;
	float: right;
	width: 60px;
	height: 23px;
	border: none;
	background: url(../images/design/login.gif) 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	border: 0;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	margin-right: 0;
}

	.login input.submit:hover {background: url(../images/design/login.gif) 0 -23px no-repeat;}

.login .buttons {
	
}

	.login .buttons a {
		float: right;
		display: inline;
	}

		.login .buttons a.enroll, a.demo {
			margin-right: 10px;
		}

a.demo {
	display: block;
	height: 23px;
	width: 60px;
	background: url(../images/design/demo.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
	
	a.demo:hover {
		background-position: 0 -23px;
	}
	
a.enroll {
	display: block;
	height: 23px;
	width: 60px;
	background: url(../images/design/enroll.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
	
	a.enroll:hover {
		background-position: 0 -23px;
	}


.login #loginSubmit {margin-top: 1em; padding: 0; text-align: center;}

/* Misc Form Styles */

input.submit {
	width: 60px;
	border: none;
}

input.protect {display: none;}


.contactBox select {
	width: 125px;
}

/* ----------------
	MISC
    ------------- */
.floatLeft {float: left;}
.floatRight {float: right;}
.alignLeft {text-align: left;}
.alighRight {text-align: right;}
.alignCenter {text-align: center;}
.clear {clear: both;}
.last{margin-right: 0; padding-right: 0;}
.calcId { display: none; }
.unneededData { display: none !important; }

/* ----------------
	CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
	add this class to the element that needs to be cleared, or add the element's class or id to the declaration below
    ------------- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearFix {
	height: 1%;	
}