/* $Id: styles.css 39700 2010-01-21 21:27:39Z tmuka $ */
/* Site Framework:  Custom 200604 */
@import url('3c-b.css');

html, body {
	height:100%;
	width:100%;
}

body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#002B2B;
	font-size: 100%;
	font-family:Calibri,"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
}

#wrapper { width: 960px; background: #fff url(../img/grid/wrapper_bg.gif) repeat-y; padding:0; margin:0;}
.sidebar {  }
#primary { }
#secondary { margin-right: 2px; }
#footer{ background: #005A49; color: #fff; padding: 1em 0 1em 180px;}
#content { 	 }
#content div { margin-bottom: 1em; }

form {		/*IE work around :-P*/
	margin:0 0 0 0;
	padding:0 0 0 0;
}

a {
	font-weight: bolder;
	color:#015746;
	text-decoration: none;
}

a:hover {
	color: #F6AB02;
	text-decoration: underline;
}

a:visited {
	/* color:#666666;*/
}

/*Adds little icons to special links, like new windows and pdf files.  Doesn't work in >IE6.  Stupid IE.*/
a[rel="new"] {
	padding-right:12px;
	background:transparent url(../img/lnk-new.gif) no-repeat right center;
}
a[rel="pdf"]{
	padding-right:12px;
	background:transparent url(../img/lnk-pdf.gif) no-repeat right center;
}

#home-banking label {
	color:#FFFFFF;
}

#banner {
	text-align:center;
	margin-bottom:1em;
}

li {
	margin:4px auto 4px auto;
	list-style:disc;
}

acronym {
	border-bottom:1px dashed;
	cursor:help;
}

/*The header elements*/
#header-img {
	position:absolute;
	left:83px;
	top:0px;
	
	width:274px;
	height:120px;

	background-repeat:no-repeat;
	z-index:50;
	
	text-align:right;
	color:#ffffff;
	font-weight:bold;
}

#header-left {
	position:absolute;
	left:0px;
	top:0px;
	width:21px;
	height:90px;
	
	z-index:0;
}

#header {
	height:177px;	
	background: url(../img/grid/header_back.gif) repeat-x;
	z-index:0;
}

#header-logo {
	position:absolute;
	top:0;
	left:0;
	
	background: url(../img/grid/header_logo.gif) no-repeat;
	width:190px;
	height:177px;	
	z-index:1;
}

#la-porter {
	position:absolute;
	top:28px;
	left:309px;
	
	width:324px;
	height:80px;
	
	background-image:url(../img/grid/la_porter.gif);
	background-repeat:no-repeat;
	
	z-index:1;
}

#home-banking {
	padding:0 10px 0 0;
	
	text-align:right;
	font-weight:bold;
	color:#FFFFFF;
	
	z-index:999;
}

#home-banking-title {
	margin:10px 50px 10px 0;
}

#login-button {
	margin:5px;
	cursor:pointer;
}

/*The menu stuff*/
#main-menu {
	width:175px;
	z-index:1;
}

#main-menu ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}

#main-menu li {
	padding: 0 5px;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	list-style:none;
	background: #F2CF72; 
	border: 1px solid #F1AC0E;
}
#main-menu li#currentpage {
	background:#F1AC0E;
}
#main-menu li:hover {
	background:#F1AC0E;
}

#main-menu li a {
	color:#333;
	min-height: 22px;
	display:block;
	letter-spacing: -1px;
	line-height: 22px;
}
#main-menu a {
	text-decoration:none;
}

#main-menu a:hover {
	font-weight:bold;
}

#quick-links {
	font-size:15px;
	font-weight:bold;	
	color:#CCCCCC;
	
	padding:5px 0 0 0;
	background: url(../img/grid/quick_links_back.gif) repeat-x;
	
	z-index:20;
	
	position:absolute;
	top: 120px;
	left: 200px;
}

#quick-links a {
	text-decoration:none;
	color:#CCCCCC;
	margin: 0 7px;
}

#quick-links a:hover {
	text-decoration:underline;
}

#currentpage {
	font-weight:bold;
	color:#000000;
}
/*End the menu stuff*/




#content p, h3 {
	padding:0 10px 0 10px;
}

h1, h2, h3, dt {
	font-weight:bold;
	color:#015746;
	margin:0;
}

h2 {
	font-size:40px;
	padding-top:15px;
}

h3 {
	font-size:24px;
}

dt {
	font-size:16px;
  border-bottom: 1px solid #a8a8a8;
  margin-top: 10px;
}

dl a {
	color:#015746;
	font-weight:bold;
	text-decoration:underline;
}

.divider {
	background-color:#F4AB01;
	height:2px;	
	margin:10px auto 15px auto;
}

hr {
	color:#F4AB01;
	background-color:#F4AB01;
	height:2px;
	
	margin-right:10px;
}

#column-container {
	padding:20px 15px 10px 0px;
	width: 585px;
}

#right-column {
	float:left;
	display: inline;
	width:230px;
	margin: 0;
	padding: 0;
	text-align:right;
}

#right-column a {
	padding-bottom: 10px;
	}
	
#right-column  hr {
	width: 229px;
	}

#left-column {
	float:left;
	display: inline;
	text-align:center;
	padding:0;
	width: 350px;
}

#promo-container { margin: 1em 0; padding-left: 1em; background: #145058 url(../img/grid/promo_bg.jpg) repeat-x; overflow:hidden; }

#promo-container .float-left { margin-bottom: 0; }

#promo .link-text {
	display:none;
}

#promo-links {
	margin-bottom:1em;
}

#pomo-links .link-text {
	display:inline;
}

#promo-links img {
	display:none;
}

#promo-links a{
	display:block;
	margin: 10px 0;
	color: #fff;
}


#promo-links a span {
	line-height: 1em;
	color: #fff;
}


#left-column p {
}

#side-promo, .sidebar {
	text-align:left;
	font-size:12px;
	font-weight:bold;
}

#side-promo h1, h2, h3, .sidebar h1, .sidebar h2, .sidebar h3 {
	padding:0;
	font-weight:bold;
}

#side-promo h1, .sidebar h1 {
	color:#015746;
	font-size:24px;
}

#side-promo h2, .sidebar h2 {
	font-size:24px;
	color:#000000;
}

#side-promo h3, .sidebar h3 {
	font-size:14px;
	color:#015746;
}



/*End body copy*/

.img-pad {
	padding:10px;
	padding-right:15px;
}

.floater {
	float:left;
	margin:0.5em;
	width:180px;
}

.float-right {
	float:right;
}

.float-left {
	float:left;
	margin:auto 1em 1em auto;
}

div#clear { 	clear:both;  }
div.clear { 	clear:both; }

.meta {
	width:250px;
}	

.meta div, .meta p {
	margin:0 5px 1em 5px;
}

#footer a, #footer a img { color: #fff; border:0;}
#footer .meta { width: 375px; float: left; }
#footer h3 { color: #F1AC0E; }

#footer-container {
	font-size: 66%;
	width: 585px;
	padding-top:10px;
	border-top: 1px solid #003D76;
	clear: both;
}

.fine-print {
	font-size:smaller;
	font-style:italic;
}

/*********************************************************************************
**	Specifics
*********************************************************************************/
/* Index page banners */
.banner a{
	text-decoration: none;
	}

/*Calc*/
.frmMain {clear:both; margin:0 0 2px; padding:0 0 3px;}
#frmCalc label {width:135px; float:left; margin-right:10px; text-align:right;}
.calcresult {cursor:default;}


/*********************************************************************************
**	CU*Answers Common Classes
*********************************************************************************/
.floatright {float:right; margin-left:1em;}
.floatleft {float:left; margin-right:1em;}
.textleft {text-align:left;}
.textright {text-align:right;}
.fineprint {font-size:smaller; font-style:italic;}
.notice {margin:0 0 .5em; border:1px solid #4D7ABD; padding:5px; background-color:#b8d4fe;}
.notice2 {margin:.125em; border:2px solid #01614E; padding:5px 5px 5px 120px; background:#efefef ;}
.notice3 {margin:0 0 .5em; border:1px solid #E6E6E6; padding: 5px; background-color:#FBFE98;}
.emph {font-size:1em; font-weight:bold;}
.noborder {border-style:none;}\
.border {border: 1px solid #000;}
.last {margin:0;}
.none {display:none;}
.indent {margin-left:.75em;}
.copyblock {margin:0 0 1em; border-bottom:1px solid #9dae6d; padding:0;}
.bottomblock {border-style:none; padding:0;}

/*********************************************************************************
** Generic Datatable
** see also lib.common.php for JS mouseovers
*********************************************************************************/
caption {color:#015746; font-size:24px; font-weight:bold; text-align:left;}
.datatable {border-width:1px 1px 0; border-style: solid; border-color:#F4C16A; margin-bottom:1em; font-size: 90%;}
.datatable thead th {color:#000; font-size:125%; background:#F8AC00; padding:10px 6px;}
.datatable th {padding:4px 5px; border-bottom:2px solid #F4C16A; background-color:#F4C16A; color:#000; vertical-align:top; text-align:left;}
.datatable td {padding:4px 5px; border-bottom:1px solid #F4C16A; vertical-align:top;}
.datatable th.horiz {border-bottom-width:1px;}
.rowone {background-color:#FEF6E5;}
.rowtwo {background-color:#fff;}
.fee {width: 25%;}

/* Added to indent <p>'s within other tags such as tables */
.indented {
	padding-left: 1em;
	margin-bottom: 0;
}
s
#savings, #loans, #certificates { width: 100%; color: #16483C;}

.ratePromo {background: #FBCC36; border: 1px solid #a8a8a8; padding: 4px;}
.ratePromo td {border-bottom: 1px solid #F4AB01;}

a#toggler:hover
{
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

a#toggler2:hover
{
	text-decoration: none;
	color: #000;
	cursor: pointer;
}


/* Hours table */
.hours {margin-left:1em;}
.hours .first {padding-left:2em;}
.hours tr.branch:first-child {padding-right:1em;}
.hours th {text-align:left; padding-top:1em;}
.hours td {padding-right:.5em;}