/* 
   Stylesheet for 2007 Eyewake project: Amplify
   
   revision 2007.02.06 02:00
   - fixed IE7 button problem
   - adjusted column widths
   - homepage side boxes, flash boxes
   
   Container layout of each page:

   body
     #menu1
     #menu2
     #menu3
     #container
       #pagehead
         .navbar
         .navlinks
         .navlinks2
       #pagebody
         #titlebar
         #contentbg
           #contentbox
             #contenthead
             .L_xxlarge (or other column classes)
             .minheight
             .R_xxsmall (or other column classes)
             .xclearline
           #endcap
         #footer
      
   -----------------------------------------------------------------------------
   
   Fonts
   ----------------------------------------------------------------------------- 
   Define all fonts for the entire site in this section. 
*/

body,table td,.counter,div.dropx a {
  font-family:arial,helvetica,sans-serif; font-size:11px; color:#555555;
}
p,dl,ul,ol,pre.p2,.xword,.xtitle {
  font-family:arial,helvetica,sans-serif; font-size:12px; color:#555555;
}
h2,h3,div.obox h1 {
  font-family:arial,helvetica,sans-serif; font-size:13px; font-weight:bold; color:#ff7100;
}
h1 {
  font-family:arial,helvetica,sans-serif; font-size:15px; font-weight:bold; color:#ff7100;
}
pre,code,div.xbox3,.ckBox,.boxBlur,.boxFocus,.formula {
  font-family:courier new,courier,monospace; font-size:12px; color:#006000;
}
#footer p,#footer p.xnav,div.subnav,p.p1 {
  font-family:arial,helvetica,sans-serif; font-size:10px; color:#014b8d;
}
.fbutton,a.a1,a.a2,span.a1,span.a2,span.end1 {
  font-family:arial,helvetica,sans-serif; font-size:12px; font-weight:bold;
}
h2.sbox,p.sbox {
  color:#ffffff;
}



/* 
   Type Selectors
   ----------------------------------------------------------------------------- 
   Define the defaults for HTML elements in this section. 
*/

body {
  text-align:center; margin:0; padding:0;
  color:#000000; background:#ffffff url(../images/body_bg.jpg) top left repeat-x;
}
a:link,
a:visited {text-decoration:none; font-weight:bold; color:#014B8D;}
a:hover {text-decoration:underline; font-weight:bold; color:#FF7100;}

acronym {
  font-weight:bold; color:#888888;
  border-bottom:dashed 1px #000000; cursor:help; 
}
embed {
  padding:0; margin:0;
}
form {
  margin:0; padding:2px 0 0 12px;
}
h1 {
  margin:14px 4px 0 0; padding:0;
}
h2 {
  margin:2px 2px 8px 0; padding:0;
}
h3 {
  position:relative; text-align:right;
  margin:-12px 4px 0 0; padding:0;
}
img {
  margin:0; padding:0; border:0;
}
p {
  line-height:120%;
  margin:2px 0 2px 0; padding:0;  /* default is no left margin */
}
pre {
  margin:0; padding:0;
}
table {
  margin:2px 6px 2px 12px; padding:0;
}
table td {
  line-height:130%;
}

/* this tag is used to hide text that should be visible when no stylesheet is available */
tt {display:none;} 

ul {
  list-style:square;
}

form table { /* no left margin for tables inside forms */
  margin:2px 6px 2px 0; padding:0;
}


/* 
   Class and ID Selectors
   ----------------------------------------------------------------------------- 
   Define styles for all elements except the layout containers 
*/

/* navbar menu links */
a.a1 {
  line-height:26px; font-weight:bold;
  margin:0; padding:6px 6px 8px 10px; 
  background:transparent url(../images/tab_off1.gif) top left no-repeat;
}
a.a1:link,
a.a1:visited {text-decoration:none; font-weight:bold; color:#014B8D;}
a.a1:hover   {
  text-decoration:none; font-weight:bold; color:#FF7100; 
  background:transparent url(../images/tab_off1.gif) top left no-repeat;
}
a.a2 {
  line-height:26px; font-weight:bold;
  margin:0; padding:6px 6px 8px 10px; 
  background:transparent url(../images/tab_on1.gif) top left no-repeat;
}
a.a2:link,
a.a2:visited {text-decoration:none; font-weight:bold; color:#014B8D;}
a.a2:hover   {
  text-decoration:none; font-weight:bold; color:#FF7100; 
  background:transparent url(../images/tab_on1.gif) top left no-repeat;
}

span.a1 {
  margin:0; padding:6px 0 8px 2px; 
  background:transparent url(../images/tab_off2.gif) top left no-repeat;
}  
span.a2 {
  margin:0; padding:6px 0 8px 2px; 
  background:transparent url(../images/tab_on2.gif) top left no-repeat;
}  
span.end1 {
  margin:0; padding:6px 0 8px 2px; 
  background:transparent url(../images/tab_end.gif) top left no-repeat;
}  

/* Online Banking Login */
a.b1 {
  line-height:20px; font-weight:bold;
  margin:0 1px 0 0; padding:2px 4px 2px 4px; background:#ffffff;
  border:1px solid #000000;
}
a.b1:link,
a.b1:visited {text-decoration:none; font-weight:bold; color:#0000aa;}
a.b1:hover   {
  text-decoration:none; font-weight:bold; color:#ffffff; background:#000099;
  border:1px solid #000000;
}

/* image button links */
a.btn:link,
a.btn:visited,
a.btn:hover {text-decoration:none; color:#ffffff;}

/* footer links */
#footer a:link,
#footer a:visited {text-decoration:none; color:#014B8D;}
#footer a:hover {text-decoration:underline; color:#014B8D;}
  

br.clr {
  clear:both;
}
  
/* Separators to clear column floats */
div.xclear {
  clear:right; height:1px; line-height:1px; 
  margin:0; padding:0;
}
div.xclearline { /* content under columns */
  position:relative; clear:both; width:620px; 
  margin:0; padding:0;
}


/* Sets the minimum height of the page content, or can be a column divider */
div.minheight {
  position:relative; float:right; text-align:right;
  width:5px; height:500px;
}

/* images */
img.sidebar {
  margin:2px 0 2px 0;
  border:2px solid #ffffff;
}
.img_pad {
padding:5px;
}
.img_vert_center {
vertical-align: sub;
}


/* search form box */
input.searchform {
  width:86px; margin:0; padding:2px;
  border:1px solid #aaaaaa;
}
table.searchform td {
  padding:6px 4px 0 0;
}

label.noshow,
span.noshow {display:none;}

p.p1 { /* sidebar paragraphs */
  margin:2px 10px 2px 10px; padding:0;
}
p.p2 { /* large right margin for a narrow column of text in a wide container */
  line-height:150%;
  margin:4px 30px 20px 0; padding:0;
}

#pagehead p {
  display:inline;
  text-align:left;
}
#footer p {
  position:relative; width:720px;
  text-align:center; margin:0 auto 0 auto; padding:0;
}
#footer p.xnav {
  position:relative; width:720px;
  text-align:center; margin:0 auto 0 auto; padding:12px 0 0 0;
  color:#014B8D;
}
  

/* 
   Containers for this layout
   -----------------------------------------------------------------------------
   For this site, #container needs a fixed width so all of the backgrounds and other
   divs inside it line up. Otherwise there are some 1px rounding issues depending on the 
   size of the browser window.
*/

#container {
  position:relative; width:864px;
  text-align:center; margin:0 auto 0 auto; padding:0;
  background:#ffffff;
}
  /* Page Header, full width of container */
  #pagehead {
    position:relative; height:180px;
    text-align:center; margin:0 0 0 7px; padding:0;
    background:#ffffff url(../images/topbg.jpg) top left no-repeat;
  }
    #pagehead div.mainlogo {
      position:absolute; top:31px; left:0px;
      margin:0; padding:0;
    }
    #pagehead div.navbar {
      position:absolute; top:16px; left:158px; width:680px; height:30px;
      text-align:left; margin:0; padding:0;
    }
    #pagehead div.navbarTEST {
      position:absolute; top:16px; left:158px; width:680px; height:30px;
      text-align:left; margin:0; padding:0;
    }

	/* These are DIVs for the special event header */
  #pagehead_special {
    position:relative; height:180px;
    text-align:center; margin:0 0 0 7px; padding:0;
    background:#ffffff url(../images/topbg_special.jpg) top left no-repeat;
  }
  
 #pagehead_special div.mainlogo {
      position:absolute; top:31px; left:0px; /* top:31px */
      margin:0; padding:0;
    }
	
    #pagehead_special div.navbar {
      position:absolute; top:16px; left:158px; width:680px; height:30px;
      text-align:left; margin:0; padding:0;
    }
	/* These are DIVs for testing the special event header. Change the background image name as needed */
  #pagehead_test {
    position:relative; height:190px;
    text-align:center; margin:0 0 0 7px; padding:0;
    background:#ffffff url(../images/banner/career_fair_masthead.jpg) top left no-repeat;
  }
    #pagehead_test div.mainlogo {
      position:absolute; top:31px; left:0px;
      margin:0; padding:0;
    }
    #pagehead_test div.navbar {
      position:absolute; top:16px; left:246px; width:680px; height:30px;
      text-align:left; margin:0; padding:0;
    }

  /* DIVs for navigation links */
  div.navlinks {
    position:absolute; top:62px; left:420px; width:422px; height:52px;
    text-align:left; margin:0; padding:0;
  }
    div.searchbox {
      position:absolute; width:280px; height:46px;
      background:transparent url(../images/search_bg2.jpg) no-repeat;
    }
      div.searchbox table {
        margin:2px 0 0 20px;
      }
    div.chatbutton {
      position:absolute; width:140px; height:50px; left:290px;
    }
  div.navlinks2 {
    position:absolute; top:125px; left:1px; width:848px; height:58px;
    text-align:left; margin:0; padding:0;
    background:#ffffff url(../images/nav_gradient.gif) 0 26px repeat-x;
  }
    div.navlinks2 div {
      margin:0; padding:0; color:#666666; 
    }
    div.subnav {
      position:absolute; width:830px; top:30px; left:10px;
      text-align:center;
    }

  /* Page body, full width of container */
  #pagebody {
    position:relative;
    text-align:left; margin:0 0 0 9px; padding:0;
  }
    /* Titlebar, content above content box */
    #titlebar {
      position:relative;
      text-align:left; margin:0 13px 0 5px; line-height:1px; /* removes 2px space under leaf.jpg */
    }
    
    /* Outer content box, defines outer width of content (use width:??px ), NO MARGINS */
    #contentbg {
      position:relative; width:850px;
      text-align:left; margin:0; padding:0;
    }
      /* Inner content box for MARGINS and a second background (do NOT define a width) */
      #contentbox {
        position:relative;
        color:#555555; line-height:normal;
        text-align:left; margin:0; padding:0;
      }
        /* Content above columns */
        #contenthead {
          position:relative; margin:0; padding:0; line-height:1px;
        }
          /* Columns, Total width must be <= 850px */
          
          /* LEFT columns */
          div.L_xxsmall,
          div.L_xsmall,
          div.L_small,
          div.L_large,
          div.L_xlarge,
          div.L_xxlarge,
          div.L_full {
            position:relative; float:left; margin:0; padding:0;
          }
          
          /* RIGHT columns */
          div.R_xxsmall,
          div.R_xsmall,
          div.R_small,
          div.R_large,
          div.R_xlarge,
          div.R_xxlarge {
            position:relative; float:right; margin:0; padding:0;
          }
          
          /* Column width combinations:  xxs+xxl, xs+xl, xs+xs+xs, s+l, full */
          div.L_xxsmall,div.R_xxsmall {width:185px;}
          div.L_xsmall,div.R_xsmall {width:200px;}
          div.L_small,div.R_small {width:240px;}
          div.L_large,div.R_large {width:300px;}
          div.L_xlarge,div.R_xlarge {width:400px;}
          div.L_xxlarge,div.R_xxlarge {width:650px;}
          div.L_full {width:850px;}
          
      /* sidebar */
      #sidebar {
        background:transparent url(../images/sidebar_bg.gif) 0 0 repeat-y;
      }    
      span.sb1 {
        display:block; width:185px; height:10px;
        background:transparent url(../images/sidebar_top.gif) top left no-repeat;
      }
      span.sb2 {
        display:block; width:185px; height:10px;
        background:transparent url(../images/sidebar_end.gif) bottom left no-repeat;
      }
      
      /* side boxes on homepage */
      div.sbox {
        position:relative; margin:0; padding:0;
        background:transparent url(../images/sidebox_top.gif) repeat-y;
      }
      h2.sbox {
        margin:0; padding:6px 8px 4px 24px;
      }
      p.sbox,embed.sbox {
        position:relative; margin:2px 24px 2px 5px; padding:0;
      }
      span.sbox {
        display:block; width:185px; height:8px; margin:0; padding:0;
        background:transparent url(../images/sidebox_end.gif) no-repeat;
      }
      
      /* shift flash banner to compensate for left padding in the flash movie */
      /*
      embed.fban {
        position:relative; margin:0 0 0 -9px; padding:0;
      }
      */
      
      /* shift announcements box to compensate for Flash drop shadow */
      embed.abox {
        position:absolute; top:-7px; left:5px;
      }
      
         
      /* Bottom of content box, no bottom margin */
      #endcap {
        position:relative; width:848px; height:20px;
        clear:both; margin:0 0 10px 0;
      }

    /* Footer, extends to bottom edge of window */
    #footer {
      position:relative;
      margin:0; padding:0; text-align:center; 
      background:transparent url(../images/footer_bg.jpg) left top no-repeat;
    }

/* padding on text blocks */
span.g1 {
  padding:0 10px 18px 0;
  font-weight:bold; color:#014B8D;
}
span.g1_white {
  padding:0 10px 18px 0;
  font-weight:bold; color:#FFFFFF;
}
span.g2 {
  position:relative; top:5px; padding:0 4px 0 0;
  font-weight:bold;
}

  

/* replace or resize images */
.rp1 { /* online banking login */
  position:relative; padding:0 156px 24px 0;
  background:transparent url(../images/btn_onlineBankingOff.png) top left no-repeat;
}
.rp2 { /* open an account */
  position:relative; padding:0 127px 24px 0;
  background:transparent url(../images/btn_openAccOff.png) top left no-repeat;
}
.rp1 b,.rp2 b {display:none;}

.chat1 { /* chat on */
  display:block; padding:0 136px 47px 0;
  background:transparent url(../images/chat_on.jpg) top left no-repeat;
}
.chat2 { /* chat off */
  display:block; padding:0 136px 47px 0;
  background:transparent url(../images/chat_off.jpg) top left no-repeat;
}
.chat1 b,.chat2 b {display:none;}

/* Custom styles for text and tables -cab */
.RowSepEEE {
	background-image: none;
	border-top: 1px none #999;
	border-right: 1px none #999;
	border-bottom: 1px solid #EEE;
	border-left: 1px none #999;
}
.RowSepFF5C00 {
	border-bottom: 1px solid #FF5C00;
}
ul#NavList {
	list-style:none;
	margin:0;
	padding-left:0px;
	font-size:11px;
	font-weight:bold;
	display:block;
	color: #003C79;
}
/* ul#NavList li {
	border-bottom: 1px solid #FFF;
} */
.currentloc {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FF7100;
	background-color:#FFFFFF;
/*	border-top:1px solid #003C79;
	border-bottom:1px solid #003C79;
*/	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}
.currentloc:link {
color: #FF7100;
}

.otherloc {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #003C79;
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}
.FAQ {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FF7100;
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}
.locsubmenu {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333;
	margin-left:15px;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
}

.bold {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #555555;
	font-weight: bold;
}
.headingWHT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.headingRED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}
.headingORANGE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF7100;
	font-weight: bold;
}

.colcont {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000
}

.small_list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type:square;
	list-style-position: outside;
}
.small_list:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003C79;
	text-decoration: underline;
}
.small_list:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #6C7987; 
	text-decoration: underline;
}
.small_list:visited:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FF7100; 
	text-decoration: underline;
}
.small_list:link:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FF7100; 
	list-style-type:square;
	list-style-position:outside;
	font-style: normal
}
.blue {color:#003C79; font-weight:normal; font-size:12px;}
.blue_14b {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #003C79;
	font-weight: bold;
}
.bold_orange {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FF5C00;
	font-weight: bold;
}
.bold_white {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFFFF;
	font-weight:bold;
}
.blue_14b_small {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #003C79;
	font-weight: bold;
}
.bold_orange_small {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #FF5C00;
	font-weight: bold;
}

.TableCellsLineT {
	background-image: none;
	border-top: 1px solid #999;
	border-right: 1px none #999;
	border-bottom: 1px none #999;
	border-left: 1px none #999;
}
.TableCellsLineB {
	background-image: none;
	border-top: 1px none #999;
	border-right: 1px none #999;
	border-bottom: 1px solid #999;
	border-left: 1px none #999;
}
.TableCellsLineTB {
	background-image: none;
	border-top: 1px solid #999;
	border-right: 1px none #999;
	border-bottom: 1px solid #999;
	border-left: 1px none #999;
}

.TableCellsLineBR {
	background-image: none;
	border-top: 1px none #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px none #999;
}
.TableCellsLineBL {
	background-image: none;
	border-top: 1px none #999;
	border-right: 1px none #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

.TableCellsLineTR {
	background-image: none;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px none #999;
	border-left: 1px none #999;
}
.TableCellsLineTL {

	background-image: none;
	border-top: 1px solid #999;
	border-right: 1px none #999;
	border-bottom: 1px none #999;
	border-left: 1px solid #999;
}
.TableCellsLineTRL {

	background-image: none;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px none #999;
	border-left: 1px solid #999;
}
.TableCellsLineTBR {

	background-image: none;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px none #999;
}

.TableCellsLineL {

	background-image: none;
	border-top: 1px none #999;
	border-right: 1px none #999;
	border-bottom: 1px none #999;
	border-left: 1px solid #999;
}
.TableCellsLineR {

	background-image: none;
	border-top: 1px none #999;
	border-right: 1px solid #999;
	border-bottom: 1px none #999;
	border-left: 1px none #999;
}
.WideTableCellsLineB {
	background-image: none;
	border-top: 1px none #999;
	border-right: 1px none #999;
	border-bottom: 5px solid #DBDBE2;
	border-left: 1px none #999;
}
.bannertable { 
	border: solid 1px #999; 
}
.RatesTable { 
	background-color: #FFF; 
	border: solid 1px #003C79; 
}
.RowSepEEE {
	background-image: none;
	border-top: 1px none #999;
	border-right: 1px none #999;
	border-bottom: 1px solid #EEE;
	border-left: 1px none #999;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    margin:0; padding:2px;
    border:1px solid #aaaaaa;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    margin:0; padding:2px;
    border:1px solid #aaaaaa;
}
.formfields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    margin:0; padding:2px;
    border:1px solid #aaaaaa;
}