﻿* {
	behavior: url(iepngfix.htc);
}
/* TAG SPECIFIC
**************************************************/
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF url('images/top-bg-image-repeat-78px.jpg') repeat-x left top;
}
body#home {
	background: #FFF url('images/home-bg-image.jpg') no-repeat left top;
}
a img {
	border: none;
}
/* CONTAINER
**************************************************/
#shell {
	background: url('images/nav-bg-image-repeat.jpg') repeat-y left top;
	width: 959px;
	min-height: 540px;
}
#home #shell {
	background: none;
}
/* HEADER
**************************************************/
#header {
	background: #FFF url('images/top-bg-image.jpg') no-repeat left top;
	height: 78px;
	position: relative;
}
#home #header {
	background: none;
}
#header h1#branding {
	background: url('images/logo-lakecity_sec.gif') no-repeat;
	width: 330px;
	height: 42px;
	margin: 0;
	padding: 0;
	text-indent: -999em;
	position: absolute;
	top: 25px;
	left: 5px;
}
#home #header h1#branding {
	background: url('images/logo-lakecity_home.gif') no-repeat;
	width: 400px;
	height: 51px;
	top: 25px;
	left: 220px;
}
#header h2#pageTitle {
	color: #FFF;
	position: absolute;
	top: 35px;
	right: 0;
	font-size: 20px;
}
#header ul#topNav {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 5px;
	font-size: 14px;
}
#header ul#topNav li {
	float: left;
}
#header ul#topNav a {
	color: #FFF;
	text-decoration: none;
	margin-right: 200px;
}
#home #header ul#topNav a {
	margin-right: 0;
	margin-left: 300px;
}
/* SIDEBAR
**************************************************/
#sidebar {
	width: 129px;
	background: url('images/nav-bg-image.jpg') no-repeat left top;
	float: left;
}
#home #sidebar {
	background: none;
}
#sidebar #mainNav li {
	font-weight:bold;
	letter-spacing:0;
	font-family: Arial, Helvetica, sans-serif;
}
#sidebar ul#mainNav {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#sidebar ul#mainNav a {
	color: #FFF;
	display: block;
	text-decoration: none;
	padding-left: 5px;
	width: 115px;
	padding: 4px 0 4px 4px;
}
#sidebar ul#mainNav a:hover {
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
/* SIDEBAR: highligh on page visit
**************************************************/
body#cyber #mainNav #cyber
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#personal #mainNav #personal
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#direct #mainNav #direct
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#fee #mainNav #fee
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#rates #mainNav #rates
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#business #mainNav #business
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#bizsrv #mainNav #bizsrv
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#loans #mainNav #loans
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#calc #mainNav #calc
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#othersvc #mainNav #othersvc
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#wallet #mainNav #wallet
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#location #mainNav #location
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#community #mainNav #community
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#compute #mainNav #compute
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}
body#privacy #mainNav #privacy
{
	background: url('images/nav_btn_on.gif') no-repeat left center;
}

/* CONTENT
**************************************************/
#content {
	width: 820px;
	padding: 0 0 0 10px;
	float: left;
	font-size: 12px;
}

#content a:visited
{
	font-family: verdana,arial,helvetica,sans-serif;
	color:#00709F;
	text-decoration:none;	
}

#content a:link
{
	font-family: verdana,arial,helvetica,sans-serif;
	color:#00709F;
	text-decoration:none;	
}

#home #content {
	height: 480px;
}
/* CONTENT: styles copied from old site
**************************************************/
.sectionhd	{
font-family: Arial Narrow, Arial, helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
color: #00709F;
}

.dteller	{
font-family: verdana, helvetica, arial, sans-serif;
font-weight: bold;
color: #00709F;
}

.link2
{
	font-family: verdana,arial,helvetica,sans-serif;
	color:#00709F;
	font-size:8pt;
	font-weight: bold;
	text-decoration:none;	
}

.link1	
{
	font-family: verdana,arial,helvetica,sans-serif;
	color:#00709F;
	font-size:8pt;
	text-decoration:none;	
}

.small	{
font-family: verdana, helvetica, arial, sans-serif;
font-decoration: italic;
font-size: 8pt;
color: #000000;
}

td.fee
{
	height:7px; background-color:white
}

.wheader	{
font-family: verdana, helvetica, arial, sans-serif;
font-weight: bold;
color: #ffffff;
}


/* FOOTER
**************************************************/
#footer {
	text-align: center;
	vertical-align: middle;
	position: relative;
	height: 60px;
}
#home #footer {
	clear: left;
	font-size: 12px;
}
#footer #fdic {
	position: absolute;
	left: 0;
}
#footer #ehl {
	position: absolute;
	right: 0;
}
#clear {
	clear: left;	
}
/* CLASSES
**************************************************/
.blueBox {
	text-align: right;
	margin-top: 20px;
	margin-right: 20px;
	/*float: right;*/
}
.blueBoxTop {
	width: 300px;
	height: 10px;
	background: url('images/blueBoxTop.gif') no-repeat;
	_margin-bottom: -5px; /*IE6*/
}
.blueBoxMid {
	width: 290px;
	background-color: #8CD1EB;
	padding: 0 5px;
	text-align: left;
}
.blueBoxMid * {
	margin: 0; /*must have this or elements inside blueBoxMid break apart box*/
}
.blueBoxMid h2 {
	color: #003366;
	font-size: 16px;
}
.blueBoxBot {
	width: 300px;
	height: 10px;
	background: url('images/blueBoxBot.gif') no-repeat;	
}
.whiteBox {
	margin-top: 20px;
	margin-right: 20px;
}
.whiteBoxTop {
	width: 800px;
	height: 10px;
	background: url('images/whiteBoxTop.png') no-repeat;
	_margin-bottom: -5px; /*IE6*/	
}
.whiteBoxMid {
	width: 790px;
	padding: 0 5px;
	text-align: left;
	background: url('images/whiteBoxMid.png') left top;
}
.whiteBoxMid * {
	margin: 0; /*must have this or elements inside blueBoxMid break apart box*/
}
.whiteBoxBot {
	width: 800px;
	height: 10px;
	background: url('images/whiteBoxBot.png') no-repeat;		
}
.txtRight {
	text-align: right;
}
.txtCenter {
	text-align: center;
}