/*
 *  bankers.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  October 22, 2009, 4:11 am with psd2css Online version 1.55
 *
 */

/* You named this layer main_center_empty */
#bankers-1 {
	position: absolute;
	margin-left: -490px;
	left: 50%;
	top: +0px;
	width: 980px;
	height: 676px;
	z-index: 1;
}

/* You named this layer foot_footer_center */
#bankers-2 {
  position: absolute;
  margin-left: -490px;
  left: 50%;
  top: -38px;
  width: 980px;
  height: 38px;
  z-index: 2;
}

#FooterWrapper {
  position: fixed;
  left: 50%;
  width: 100%;
  top: 100%;
  height: 0px;
  left: 0px;
}

/* You named this layer copyright_link */
#bankers-3 {
  position: absolute;
  left: 330px;
  top: 8px;
  width: 326px;
  height: 30px;
  z-index: 3;
}

/* You named this layer bcg_link */
#bankers-4 {
  position: absolute;
  left: 899px;
  top: 3px;
  width: 77px;
  height: 35px;
  z-index: 4;
}

/* You named this layer bcg_linkover */
#bankers-5 {
  position: absolute;
  left: 899px;
  top: 3px;
  width: 77px;
  height: 35px;
  z-index: 5;
}

/* You named this layer Shape_link_jpg */
#bankers-6 {
  position: absolute;
  left: 12px;
  top: 7px;
  width: 128px;
  height: 24px;
  z-index: 6;
}

/* You named this layer main_frame */
#bankers-7 {
	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 145px;
	width: 663px;
	height: 511px;
	z-index: 1;
}

/* You named this layer content_text */
.bankers-8 {
	position: relative;
	left: 9px;
	top: 0px;
	width: 643px;
	z-index: 8;
	/* Here are some suggestions for this area's text settings */
  text-align: justify;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 16px;
	font-weight: 200;
}

/* You named this layer Floater_floatright */
#bankers-9 {
  position: relative;
  float: right;
  margin: 10px;
  width: 173px;
  height: 355px;
  z-index: 9;
}

/* You named this layer bankers_jpg */
#bankers-10 {
	position: absolute;
	left: 50%;
	margin-left: 225px;
	top: 114px;
	width: 264px;
	height: 410px;
	z-index: 10;
}

/* You named this layer Title */
#bankers-11 {
	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 125px;
	width: 454px;
	height: 18px;
	z-index: 11;
}

/* You named this layer bankers_basename */
#bankers-12 {
  position: absolute;
  left: 0px;
  top: 106px;
  width: 980px;
  height: 343px;
  z-index: 12;
}

/* You named this layer main_vlist1 */
#bankers-13 {
  position: absolute;
  left: 13px;
  top: 12px;
  width: 198px;
  height: 235px;
  z-index: 13;
}

#bankers-13 ul
{
  margin-left: 0;
  padding-left: 0;
  margin-top: 0;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
}

#bankers-13 a
{
  display: block;
  padding: 3px;
  width: 100%;
  /* This is where you set the regular background color  */
  background-color: #036;
  /* Here you can make settings to the bar that separates your menu items  */
  border-bottom: 1px solid #eee;
}

#bankers-13 a:link, #navlist a:visited
{
  /* This is color of the text in your menu  */
  color: #EEE;
  text-decoration: none;
}

#bankers-13 a:hover
{
  /* This is where you set the background color when your mouse is over a menu item  */
  background-color: #369;
  /* This is the color of the text when your mouse is over a menu item  */
  color: #fff;
}

/* You named this layer index_link_jpg */
#bankers-14 {
  position: absolute;
  left: 12px;
  top: 11px;
  width: 419px;
  height: 84px;
  z-index: 14;
}

/* You named this layer map_link_jpg */
#bankers-15 {
  position: absolute;
  left: 864px;
  top: 7px;
  width: 104px;
  height: 91px;
  z-index: 15;
}

/* You named this layer Frame Top 1000 */
.bankers-1000 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 663px;
  height: 10px;
  z-index: 1000;
  background-image: url(bankers-7.png);
}

/* You named this layer Frame Middle 1001 */
.bankers-1001 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 663px;
  z-index: 1001;
  background-image: url(bankers-1001.png);
}

/* You named this layer Frame Bottom 1002 */
.bankers-1002 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 663px;
  height: 58px;
  z-index: 1002;
  background-image: url(bankers-1002.png);
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a { cursor: pointer; }
a:link { color: #F88; }
a:visited { color: #F88; }
a:hover {
  color: #F00;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}