/*This style sheet is used with some local styles overriding these settings
	Most of the features are identical on all pages
	Attributes for links are different on Home page, set locally

	Copyright 2002-2009 Steve Chittenden, Creative Business Services, cbscreative.com.
	If you are looking to steal this, help yourself. It is not a sophisticated example,
	it uses rather ordinary methods of control. There was originally effort used to make
	it compatible with NS4 except if noted, and other browser oddities are addressed
	too, so you may find it useful for that reason. If you use this, at least have the
	decency to leave this here to give me credit.*/

body {
	background-image:url(images/bg.gif);
	background-repeat: repeat-x;
	background-color: #f4f4f4;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	}


a:link {
	color: #1448a8;
	background-color: transparent;
	text-decoration: underline;
	}
a:visited {
	color: #80a058;
	background-color: transparent;
	text-decoration: underline;
	}
a:active {
	color: #993333;
	background-color: transparent;
	text-decoration: none;
	}
a:hover {
	color: #ffffff;
	background-color: #103c90;
	text-decoration: none;
	}

h1 {
	color: #1448a8;
	background-color: transparent;
	font-family: Impact, Arial Bold, Helvetica Bold, Sans-Serif Bold;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	margin: 0px 0px 20px 0px;
   }

h2 {
	color: #80a058;
	background-color: transparent;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 20px 0px;
   }

h3 {
	position: relative;
	left: -20px;
	color: #80a058;
	background-color: transparent;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
   }

h4 {
	color: #1448a8;
	background-color: transparent;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	text-align: center;
	margin: 0px 0px 20px 0px;
   }

h5 {
	position: relative;
	left: -10px;
	color: #1448a8;
	background-color: transparent;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
   }

h6 {
	color: #506438;
	background-color: transparent;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: 500;
	margin: 0px 0px 15px 0px;
   }

p  {
	color: #0c2864;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica Bold, Sans-Serif;
	font-size: 12px;
	font-weight: 500;
   }

blockquote, li {
	color: #506438;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica Bold, Sans-Serif;
	font-size: 12px;
	font-weight: 500;
   }

.desc {display: none;
   }

/*keep old content for reference*/
.oldref {display: none;
   }

/*change color of heading text to purple*/
.altcolor {
	color: #506438;
   }

/*position logo in top corner*/
#logo {
	position: absolute;
	top: 10px;
	left: 35px;
	z-index: 1;
   }

/*position top of page navigation*/
#topnav {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
   }

/*This positions drop menus (sort of) but see below for the rest of the controls*/
#headnav {
	position: absolute;
	top: 0px;
	left: 0px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: 500;
	z-index: 60;
	}

/*This positions text links above pagebody*/
#primelinks h6 {
	position: absolute;
	top: 90px;
	left: 275px;
	width: 480px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: 500;
	text-align: center;
	background: #103c90;
	color: white;
	margin: 0px 0px 0px 0px;
	padding-bottom: 5px;
	}

#search {
	position: absolute;
	top: 112px;
	left: 775px;
	width: 160px;
	}

/*position easel graphic*/
#easel {
	position: absolute;
	top: 10px;
	left: 20px;
	z-index: 1;
   }

/*List of services on Home page*/
#indexlist {
	position: absolute;
	top: 350px;
	left: 30px;
	width: 230px;
	line-height: 125%;
	z-index: 4;
   }

/*content on left side of screen, but different from indexlist used on Home page*/
#leftscreen {
	position: absolute;
	top: 175px;
	left: 20px;
	width: 210px;
   }

/*position bank card logos on top*/
#cardlogos p {
	position: absolute;
	top: 6px;
	right: 8px;
	font-family: Arial, Helvetica Bold, Sans-Serif;
	font-size: 8px;
	font-weight: normal;
	text-align: right;
	color: #755089;
   }

/*page body*/
#pagebody {
	position: absolute;
	top: 140px;
	left: 275px;
	width: 480px;
	margin: 0px 0px 0px 0px;
	z-index: 5;
   }

/*Standard footer for pages, but inside of pagebody above*/
#footer p {
	color: #0c2864;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	}

/*Standard footer navigation for pages, also inside of pagebody*/
#footernav p {
	color: #0c2864;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	line-height: 175%;
	}

.form p {
	color: #0c2864;
	background-color: transparent;
	font-family: Verdana Arial, Helvetica Bold, Sans-Serif;
	font-size: 12px;
	font-weight: 500;
	}

.contactinfo p {
	text-align: center;
	color: #1448a8;
	background-color: transparent;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	}

.logo p {
	text-align: center;
	}

.white {
	color: white;
	}

.lh2col {
	width: 50%;
	background-color: #103c90;
	}

.rh2col {
	width: 50%;
	background-color: #80a058;
	}


/*margin controls for pics*/
.rightpic {margin: 0px 0px 2px 10px;
	}

.leftpic {margin: 0px 10px 2px 0px;
	}



/***This section is for the dropmenus in headnav, position set above***/

/*Although I got these to show up in NS4 because the script is compatible,
  layering problems made it very buggy and I decided not to troubleshoot
  them any further. Anyone still using NS4 should be used to problems by now.*/

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; top:0; left:0;}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar {
	position: absolute; 
	width: 10; 
	height: 80; 
	background-color: transparent; 
	layer-background-color: transparent; 
	visibility: hidden;
	}


/*Styles for level 0*/
.clLevel0,.clLevel0over {
	position: absolute; 
	padding: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: 500;
	}

.clLevel0 {
	background-color: transparent; 
	layer-background-color: transparent; 
	color: transparent;
	}

.clLevel0over {
	font-weight: bold; 
	background-color: transparent; 
	layer-background-color: transparent; 
	color: transparent; 
	cursor: pointer; 
	cursor: hand;
	}

.clLevel0border {
	position: absolute; 
	visibility: hidden; 
	background-color: transparent; 
	layer-background-color: transparent;
	}


/*Styles for level 1*/
.clLevel1, .clLevel1over {
	position: absolute; 
	padding: 2px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: 500;
	}

.clLevel1 {
	background-image: url(images/bg-dropmenu1.gif); 
	layer-background-image: url(images/bg-dropmenu1.gif); 
	color: #007d77;
	}

.clLevel1over {
	background-color: #80a058; 
	layer-background-color: #80a058; 
	color: Yellow; 
	cursor: pointer; 
	cursor: hand;
	}

.clLevel1border {
	position: absolute; 
	visibility: hidden; 
	background-color: #80a058; 
	layer-background-color: #80a058;
	}


/*Styles for level 2*/
.clLevel2, .clLevel2over {
	position: absolute; 
	padding: 2px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: 500;
	}

.clLevel2 {
	background-image: url(images/bg-dropmenu2.gif); 
	layer-background-image: url(images/bg-dropmenu2.gif); 
	color: #1448a8;
	}

.clLevel2over {
	background-color: #1448a8; 
	layer-background-color: #1448a8; 
	color: Yellow; 
	cursor: pointer; 
	cursor: hand;
	}

.clLevel2border {
	position: absolute; 
	visibility: hidden; 
	background-color: #1448a8; 
	layer-background-color: #1448a8;
	}


	/***end dropmenu controls***/