/*

     OldTown Bank online CSS document

     Written by: David Koch - BT-Services
     dkoch (at) bt-is (dot) com

*/

/*-------------------------GENERAL TAG STYLING------------------------ */

ul, h3, h4 {
	margin: 0px;
	padding: 0px;
}
h1 {
	display: none;
}
h4.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3D126E;
	height: 24px;
	padding-top: 8px;
	text-align: center;
	background-image: url(images/home-menu-bg.gif);
	background-repeat: repeat-x;
	border-right: 1px solid #FFF;
}
h4 a.heading-link{
	color: #3D126E;
	text-decoration: none;
}
h4 a.heading-link:hover{
	color: #3D126E;
	text-decoration: underline;
}
hr {
	border: 1px solid #B4B492;
}
hr.linkrule {
	width: 138px;
	height: 2px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	color: #CBBEC1;
	background-color: #CBBEC1;
	border: 0px;
}
/*\Hack to make IE behave*/
* html hr.linkrule {
	margin-top: -7px;
}
/**/
p.em {
	font-style: italic;
}
body {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(images/bgpattern.gif);
	background-attachment: fixed;
}

/*--------------------------FULL PAGE WRAPPER----------------------- */

#wrapper {
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFDF2;
}

/*--------------------------HEADER AND CHILDREN---------------------- */

#header {
	background-image: url(images/oldtownholidaybanner.swf);
	height: 114px;
}
#logo {
	margin-top: 22px;
	width: 165px;
	height: 88px;
	float: left;
	cursor: pointer;
}

/*--------------------TOP NAV (CHILD OF HEADER)---------------------- */

#topnav {
	width: 159px;
	height: 65px;
	margin: 46px 10px 0px 0px;
	background-image: url(images/top-nav-bg.jpg);
	float: right;
}
/*\Hack to make IE behave*/
* html #topnav {
	display: inline;
}
/**/
#topnav li {
	list-style-type: none;
	float: left;
	display: inline;
	margin: 22px 6px 0px 22px;
}
#topnav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #3D126E;
	text-decoration: none;
}
#topnav li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #3D126E;
	text-decoration: underline;
}

/*-----------------------MAIN CONTENT WRAPPER------------------------ */

#maincontent {
	min-height: 480px;
}
/*\Hack to make IE behave*/
* html #maincontent {
	height: 480px;
}
/**/

/*----------------------PAGE CONTENT AND CHILDREN-------------------- */

#default-content {
	float: right;
	width: 625px;
	padding: 0px;
	margin: 0px;
}
* html #default-content {
	margin-right: -7px;
}
#content {
	float: right;
	width: 600px;
	min-height: 295px;
	padding: 10px;
	background-color:#FFFEFB;
}
/*\Hack to make IE behave*/
* html #content {
	height: 295px;
}
/**/
#content .product-listing {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#58310E;
	margin-top: 20px;
	padding: 4px;
	background-color: #F5F5F5;
	clear: both;
}
#content .product-listing a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#58310E;
	text-decoration: none;
}
#content .product-listing a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#58310E;
	text-decoration: underline;
}
#content .short-descript {
	margin: 0px 0px 8px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
}
#content .pressroom td {
	line-height: 20px;
	vertical-align: top;
	border-top: 1px solid #58310E;
}
#content .small-print {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
}
#content .bio {
	margin: 10px 10px 10px 0px;
}
#content .bio img {
	margin: 0px 20px 10px 0px;
	float: left;
}
#content h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
#content ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-left: 80px;
	list-style-image: url(images/bullet.gif);
}
#content li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58310E;
	text-decoration: none;
}
#content p.menuitem {
	padding: 3px 0px 3px 20px;
}
#content a {
	font-weight: bold;
	color: #1A63A2;
	text-decoration: none;
}
#content a:hover {
	font-weight: bold;
	color: #1A63A2;
	text-decoration: underline;
}
#content a.morelink {
	margin-left: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #1A63A2;
	text-decoration: none;
}
#content a.morelink:hover {
	margin-left: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #1A63A2;
	text-decoration: underline;
}

/*--------------CONTENT BUFFER TO CLEAR BOTTOM OF PAGE--------------- */
#content-buffer {
	clear: both;
}

/*-------------------------ONLINE BANKING BOX------------------------ */

#onlinebanking {
	float: right;
	background-image: url(images/olb-bg.gif);
	background-repeat: no-repeat;
	width: 158px;
	height: 120px;
	margin-right: 10px;
}
/*\Hack to make IE behave*/
* html #onlinebanking {
	display: inline;
}
/**/
#onlinebanking h3 {
	color: #FFE377;
	margin: 10px 0px 12px 15px;
}
#onlinebanking li {
	list-style-type: none;
	padding-left: 20px;
	padding-top: 3px;
}
#onlinebanking li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1A63A2;
	text-decoration: none;
}
#onlinebanking li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1A63A2;
	text-decoration: underline;
}

/*-----------------------------INTRO BOX---------------------------- */

#intro-home {
	padding: 20px 0px 20px 20px;
	background-image: url(images/intro-bg.gif);
	background-repeat: repeat-y;
	width: 760px;
	float: left;
}
#intro-home .introText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7C211E;
	width: 520px;
	padding: 15px;
}
#intro-home .opening {
	font-size: 20px;
	font-weight: bold;
}
#intro {
	padding: 20px 0px 20px 20px;
	background-image: url(images/intro-bg.gif);
	background-repeat: repeat-y;
	width: 600px;
	float: right;
}
#intro .introText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58310E;
	width: 390px;
	padding: 15px;
}
#intro .smallPrint {
	font-size: 60%;
	font-weight: normal;
	color: #000000;
}
#intro .opening {
	font-size: 20px;
	font-weight: bold;
}
#intro .title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	color: #1A63A2;
}
#intro #breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-bottom: 10px;
	color: #58310E;
}
#intro #breadcrumb a {
	color: #58310E;
	text-decoration: none;
}
#intro #breadcrumb a:hover {
	color: #58310E;
	text-decoration: underline;
}
#intro ul.introbullet {
	margin-left: 25px;
}

/*-------------------------HOME PAGE NAVIGATION------------------------ */

#homenav {
	float: right;
	padding: 0px;
	margin: 0px;
}
#homenav #personal {
	float: left;
	list-style-type: none;
	width: 206px;
	height: 220px;
	border-left: 1px solid #B4B492;
	border-top: 1px solid #B4B492;
	border-bottom: 1px solid #B4B492;
}
#homenav #business {
	float: left;
	list-style-type: none;
	width: 207px;
	height: 220px;
	border-left: 1px solid #B4B492;
	border-top: 1px solid #B4B492;
	border-bottom: 1px solid #B4B492;
}
#homenav #about {
	float: left;
	list-style-type: none;
	width: 206px;
	height: 220px;
	border: 1px solid #B4B492;
}
#homenav ul {
	list-style-type: none;
	margin: 8px;
}
#homenav li {
	padding-top: 3px;
}
#homenav li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1A63A2;
	text-decoration: none;
}
#homenav li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1A63A2;
	text-decoration: underline;
}

/*-----------------------------LEFT  NAVIGATION--------------------------- */

#leftnav {
	float: left;
}
#leftnav #personal {
	list-style-type: none;
	width: 155px;
	margin-left: 3px;
	margin-top: 2px;
}
#leftnav #business {
	list-style-type: none;
	width: 155px;
	margin-left: 3px;
	margin-top: 2px;
}
#leftnav #about {
	list-style-type: none;
	width: 155px;
	margin-left: 3px;
	margin-top: 2px;
}
#leftnav ul {
	list-style-type: none;
	margin: 8px;
}
#leftnav li {
	padding-top: 3px;
}
#leftnav li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1A63A2;
	text-decoration: none;
}
#leftnav li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1A63A2;
	text-decoration: underline;
}

/*---------------------------LEFT SIDE LINKS-------------------------- */

#leftLinks {
	float: left;
	width: 155px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6E6B12;
}
/*\Hack to make IE behave*/
* html #leftLinks p {
	margin-top: 2px;
}
/**/
#leftLinks a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6E6B12;
	text-align: center;
	text-decoration: none;
}
#leftLinks a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6E6B12;
	text-decoration: underline;
}

/*--------------------------PROMOTIONAL AREA------------------------- */

#promotion {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 620px;
	margin: 4px;
}
*html #promotion {
	position:relative;
	right: 3px;
}
#promotion img {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}
#promotion .title{
	font-weight: bold;
	font-size: 14px;
	color: #58310E;
}
#promotion .promo-text {
	font-weight: normal;
	font-size: small;
	color: #6E6B12;
	margin: 0px 20px 15px 20px;
}
#promotion p {
	margin-top: 4px;
	margin-bottom: 4px;
}
#promotion a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1A63A2;
	text-decoration: none;
}
#promotion a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1A63A2;
	text-decoration: underline;
}
/*-------------------------FOOTER AND CHILDREN------------------------ */

#footer {
	color: #1A63A2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top: 2px solid #6E3D12;
}
#bottomnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1A63A2;
	float:right;
}
#bottomnav li{
	list-style-type: none;
	display: inline;
	margin-right: 5px;
}
#bottomnav li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1A63A2;
	text-decoration: none;
}
#bottomnav li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1A63A2;
	text-decoration: underline;
}
#copyright {
	color: #1A63A2;
	padding-left: 20px;
}
#equalhousing {
	background-image: url(images/equalhousing.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
}
#wrapper #maincontent #intro-home .introText .smallPrint {
	font-size: xx-small;
}