/* Global Styles */

body {
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	background-color:#efefde;
	}


a {color: #bd9a52;font-weight:bold;}
a:hover {color: #9c8fa6;}

input {margin:2px;}

ul#navigation2 {
background-color: #ffffff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dcdcdc;
height: 29px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}

ul#navigation2 li {
	background: transparent url('/images/background_navigationSeparator.png') no-repeat 0 55%;
background-color: transparent;
background-image: url(/images/background_navigationSeparator.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 55%;
display: block;
float: left;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
padding-top: 7px;
padding-right: 9px;
padding-bottom: 8px;
padding-left: 11px;
text-transform: uppercase;
white-space: nowrap;
}

ul#navigation2 a {
	color: #0f5f61;
}

ul#navigation2 li.featured a {
	color: #aa5800;
}

ul#navigation2 ul li a {
	color: #aa5800;
}

ul#navigation2 ul li a:hover {
	background-color: #aa5800;
	color: #fff;
}


/* ID Styles */	
/*Banner IDs*/
#top {padding-left:10px;height:72px;}
#nav {}
#left {width:695px;}
#navigation{position:absolute; top:24px; right:10px}
/*End of Banner IDs*/

/* required styles */
#navigation {margin:0;padding:0;list-style:none;line-height:normal;height:auto}
#navigation a {display:block;text-decoration:none}
#navigation a:hover{text-decoration:none}
#navigation li {float:left; padding:6px;}

/* works in Firefox, but not IE... if can convince to change dropdowns, would be better
#navigation li ul {position:absolute; left:-999em;}
#navigation li:hover ul, #nav li.sfhover ul {left:auto}
*/

#navigation ul {margin:0;padding:0;list-style:none;z-index:1000;overflow:hidden}
#navigation ul li {float:none;}
#navigation ul li a {padding: 4px 4px;display:inline-block; color:#FFFFFF}
#navigation ul li a:hover {color:#333333; }

#coupon_container {margin: 10px; border:1px solid #000000; width:550px; background-color: #ffffff}
#coupon_inner_border {margin:1px; padding:0px; border:3px solid #00853e; width:548px}
#coupon_main {}
#coupon_l_side {float:left; background-color:#00853e; width:64px;}
#coupon_middle {float:left; width:250px}
#coupon_r_side {height:212px; border-left:2px solid #00853e}

#coupon_client{float:left;padding-left:20px;}
#coupon_bank {float:right;}
#coupon_bank_text{padding-left:60px;}
#coupon_border{background-color: #FFFFFF; margin-left:auto; margin-right:auto; border:8px dashed #000000; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:4px; width:550px;}
#coupon_fine_print{font-style:italic; font-size:10px;}

/* optional styles */
.menu {font-weight:bold;}
.menu a {}
.menuitem {color:#CCCCCC}
.menuitem a {color:#666666}
.menuitem a:hover {text-decoration:none; color:#CCCCCC}
.menuitem-selected {}
.submenu {background-color:#9caa9c}
.submenuitem {color:#fff}
.submenuitem-selected {background-color:#efefde}


/*
.menuitem {border: solid 1px red}
.menuitem a {border:solid 1px green;padding:0;margin:0}
.menuitem img {border:solid 1px blue;padding:0;margin:0;}
.menuitem ul {border solid 1px red;}
*/

    /* This is the part for the CSS menu - these settings are for a horizontal menu */
    #dmenu{                         /* menu list container */
		opacity:.85;
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        background-color: #FFF;     /* the default background color within the main menu container */
        color: #000;                /* the default font color (not links) within the main menu container */
        z-index: 3000;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }
    #dmenu li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        border: black solid 0px;    /* border for each of the main menu items */
        background-color: #FFF;     /* main menu item background color */
        color: #000;                /* main menu item font color (not links) */
        margin: 0px;                /* spacing between main menu items */
        padding: 4px;               /* padding within main menu items */
        display: block;
    }

    #dmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        margin-top: 4px;           /* this will push the sub-menu up to the level of it's parent */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        background-color: #FFF;     /* sub-menu default background color */
        border: #000 solid 0px;     /* the border around the sub-menu list */
        color: #000;                /* sub-menu default font color (not links) */
        z-index: 3500;                /* want to be sure this is above the rest of the menu */
    }

    #dmenu ul li{                   /* second-level or greater menu element links */
        background-color: #9caa9c;     /* default background color for sub-menu container */
        color: #FFF;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
    }

    #dmenu li a{                    /* top-level menu element links */
        text-align: center;         /* text alignment in main menu item links */
        display: block;
	color: #333;
	text-decoration:none;
   }
    
    #dmenu li ul li a{                    /* top-level menu element links */
        text-align: center;         /* text alignment in main menu item links */
        display: block;
	color: #FFF;
	text-decoration:none;
         padding: 6px;               /* This is for padding between menu items in the drop-downs */
    }
    
    #dmenu ul a {                   /* all the other level menu link elements */
        padding: 0px;
        margin: 0px;
        display: block;
    }

    #dmenu li a:hover {
        display: block;
        color: #666;
    }

    #dmenu li ul li a:hover {
        display: block;
        background-color: #efefde;
        color: #333;
    }

    #dmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        margin-top: -20px;           /* this will push the sub-menu up to the level of it's parent */
    }

    /* only non-MSIE browsers use this */
    #dmenu ul li>ul,
    #dmenu ul ul li>ul{
        margin-top: -20px;           /* should be set to the same as #dmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }

	.content {                      /* This is used for the content that will appear below the menu */
        clear: left;
    }
	

/* Content Pages IDs*/

#container {width:796px; position:relative; background:#fff; margin:0 auto;}
#header {height:72px;position:relative;z-index:2000;}
#pageleft {float:left; position:relative;width:174px;z-index:500;}
#pageright {margin-left:174px; position:relative;z-index:500;border-left:1px solid #efefde;}
#submenu {padding-top:30px}
#content {padding:20px 20px; position:relative;z-index:500;}
#bottom {background-color:#9caa9c;height:26px; line-height:24px; text-align:center}
#bottom a {color: #fff; font-size:9px}
#bottom a:hover {color: #000;}
#bottomTag {text-align:center; background-color:#efefde; padding-bottom:10px;}
#address { padding-left:10px; width:164px}
#personal {width:180px; position:absolute;top:20px;left:20px;}
#personaltitle{margin-left:14px;}
#personaltext{margin-left:30px;}
#business {width:180px; position:absolute;top:20px;left:220px}
#businesstitle{margin-left:10px;}
#businesstext{margin-left:28px;}
#services {width:180px; position:absolute;top:20px;left:420px}
#servicestitle{margin-left:8px;}
#servicestext{margin-left:28px;}
#news {width:420px; position:absolute;top:220px;left:30px}
#newsbox {width:560px; left:0px;position:absolute;top:36px;background-color:#E6E0EC;border:1px;border-style:solid;border-color:#bd9a52}
#newsbox1 {float:left; padding:8px;padding-left:22px; padding-right:0px;}
#newsbox1 a{color:#333333;font-size:11px;font-family: Arial, Helvetica, sans-serif;font-weight:normal; text-decoration:none;}
#newsbox1 a:hover {color:#bd9a52;text-decoration:none;}
#markets {width:420px; position:absolute;top:340px;left:30px}
#marketsbox {width:560px; left:0px;position:absolute;top:36px;background-color:#E6E0EC;border:1px;border-style:solid;border-color:#bd9a52}
#stock{float:left;padding:8px;padding-left:22px; font-size:12px;font-family: Arial, Helvetica, sans-serif;}
#weather {width:420px; position:absolute;top:420px;left:30px}
#weatherbox {width:560px; left:0px;position:absolute;top:36px;background-color:#E6E0EC;border:1px;border-style:solid;border-color:#bd9a52}
#weathericon1{position:absolute; top:-10px; left:98px;}
#weathericon2{position:absolute; top:-10px; left:280px;}
#temp{color:#000000;float:left;padding:8px;padding-left:22px; padding-right:80px; font-size:12px;font-family: Arial, Helvetica, sans-serif;}
#tempinfo{position:absolute; top:8px; left:420px}
#atmcard {width:420px; position:absolute;top:502px;left:30px}
#atmcardbox {width:550px; left:0px;position:absolute;background-color:#3a542d;border:1px;border-style:solid;border-color:#666666; padding:5px;color:#fff}
#announcement{width:420px; position:absolute; top:556px; left:30px}
#announcementbox {width:550px; left:0px;position:absolute;border:1px;border-style:solid;border-color:#E6E0EC; padding:5px;}

#promptfontbold {font-weight:bold;}
/* End ofContent Pages IDs*/

.topbanner{font-weight:bold;font-size:12px; color:#000000;letter-spacing:3px;width:784px;height:16px;margin-top:5px;padding:6px;background-color:#C3D69B;text-align:center;}
.banner{font-weight:bold;font-size:12px; color:#000000;letter-spacing:3px;width:545px;height:16px;padding:6px;padding-left:10px; background-color:#C3D69B;}
.pagebanner{color:#000000;width:565px;height:16px;padding:6px;padding-left:4px; margin-bottom:20px;letter-spacing:3px;font-size:12px;font-weight:bold;background-color:#C3D69B;}
.ratespagebanner{color:#000000;width:565px;height:16px;padding:6px;padding-left:4px; margin-bottom:4px;letter-spacing:3px;font-size:12px;font-weight:bold;background-color:#C3D69B;}
.productsservices a{font-weight:normal;color:#9c8fa6; font-size:14px; }
.productsservices a:hover{color:#7c6f96}
.clear{clear:both}
	
/* Class Styles */
#promotion {display:block;font:12px Arial, Helvetica, sans-serif;line-height:16px;width:160px; margin-left:6px; margin-bottom:10px; margin-top: 16px; background-color:#E6E0EC;border:1px;border-style:solid;border-color:#bd9a52}
.mainpromotitle{font-weight:bold;font-size:12px; color:#000000;letter-spacing:3px; margin-bottom:6px}
#promo_inner{margin:7px;padding:5px;border:1px;border-style:solid;border-color:#bd9a52;background-color:#fff}
#olblogin {display:block;font:10px Arial, Helvetica, sans-serif;line-height:16px;width:150px; padding-left:10px; margin-left:6px; margin-bottom:10px;background-color:#E6E0EC;border:1px;border-style:solid;border-color:#bd9a52; padding-bottom:12px;}
.OLBText input {height:12px;width:75px;font-size:12px;}
.OLBText input.radio {width:auto;height:12px}
.OLBText {color:#bd9a52; font-size:12px;}
.OLBText a{color:#bd9a52; font-size:12px;}
.OLBText a:hover{color:#9c8fa6; font-size:12px;}
.OLBtitle{font-weight:bold;font-size:11px; color:#bd9a52}
.mainOLBtitle{font-weight:bold;font-size:12px; color:#000000;letter-spacing:3px}
.btn {width:60px;height:24px;text-align:center;font-size:12px;color:#b00000;}

.contentHeight {height:325px;}
.HPtext {font-size:11px; font-weight:normal; color:#bd9a52;text-decoration:none;list-style-type:none; padding:0; margin-top:6px; margin-bottom:8px;}
.HPtext a:link {color:#333333;font-weight:normal; text-decoration:none; list-style-type:none}
.HPtext a:visited {color:#333333;font-weight:normal; text-decoration:none; list-style-type:none}
.HPtext a:active{color:#bd9a52;font-weight:normal; text-decoration:none; list-style-type:none}
.HPtext a:hover {color:#bd9a52;text-decoration:none; list-style-type:none}
	
.photoborder {border: 2px solid #bdcfbd; margin-right:10px; margin-left:4px;}
	
.titlePage, h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 16px;
	color: #000000;
	vertical-align:top;
	text-align:left;
	}
	
.subTitle, h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color: #9c8fa6;
	line-height:16px;
	}
	
	.subTitleAdd10 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #9c8fa6;
	margin-left:10px;
	font-weight:bold;
	}
	.textHilite {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color: #9c8fa6;
	}
	.subBanner {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height:22px;
	padding-left:10px;
	background-color:#bd9a52;
	}
	.hiliteColorText {
	font-size: 14px;
	font-weight: bold;
	color: #bd9a52;
}
	
.smallText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	}
	
.smallText a {
	color: #ffffff;
	text-decoration: none;
	}
	
.smallText a:hover {
	color: #000000;
	text-decoration: none;
	}
	
.smallTextBlack {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	}
	
.smallTextBlack a {
	color: #000000;
	text-decoration: none;
	}
	
.smallTextBlack a:hover {
	color: #999999;
	text-decoration: none;
	}
	
.CalcText{
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:14px;
	margin-top:0px;
	padding-left:10px;
	padding-right: 10px;
	}
.ClockText {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:12px;
	color: #000000;
	text-align:center;
	line-height:16px;
	border:0px;
	padding: 5px 0px 5px 0px;
	}
	.smallNav {
	padding-top:20px;
	margin-left:20px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	}