/* ==== Basics ===================== */
.float {
	float: left;
}
li {
	list-style-image: url(../images/point.png);
	list-style-position: inside;
	margin: 2px 0 0 5px;
}

h1 {
	padding: 10px 0;
	width: 95%;
	background: #dfd64b;
	border: solid 2px #c4b93e;
	color: #00529f;
	margin: 5px 0 5px 0;
}

#homeloans h1 {
	width: 98%;
}

#locationdiv h1 {
	width: 98%;
	margin: 15px 0 15px 0;
}

#homeloans ul li {
	margin-left: 20px;
}

h2 {
	padding: 5px;
	margin: 0 0 0 5px;
	
}

body {
	margin: 0 auto;
	margin-top: 2px;
	margin-bottom: 10px;
	background-color: #dfe6ed;
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;}
	
table, tr, td {
	vertical-align: top;}

p {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	padding-bottom: 10px;}
		
h1 {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding-left: 10px;}
	
h2 {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 16px;
	padding-left: 10px;}
	
h3 {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 16px;
	padding-left: 10px;}

h4 {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	padding-left: 10px;}

a {
/*	color: #e7b83f;*/
	font-weight: bold;
	text-decoration: none;
	color: #00529f;
	font-weight: bold;
	text-decoration: none;}

/*
a:visited {
	color: #e7b83f;
	font-weight: bold;
	text-decoration: none;}
*/
	
a:hover {
	color: #00529f;
	font-weight: bold;
	text-decoration: underline;}

ul, li {
	line-height: 22pt;
}

/* ==== Main Wrap =================== */

.wrapper {
	text-align: justify;
	width: 850px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	border: 1px solid #d4d4d4;
	position: relative;}

/* ==== Header ===================== */

.header {
	width: 850px;
	height: 131px;
	background-color: #1b2b59;
	/*background-image: url(../images/HeaderLogo.jpg);*/
	background-position: center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
	
/*
.header .search {
	color: #ffffff;
	float: right;
	margin-right: 10px;}
*/
	
.headerlogo {
	width: 400px;
	height: 100px;
	float: left;
}

/* ==== Navigation ================= */

.navbar {
	text-align: center;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11pt;
	color: #ffffff;
	font-weight: bold;
	clear: both;
	padding: 9px 0px 2px 5px;}

.navbar ul {
	margin: 0px 0px 0px 0px;
	z-index: 33;}
	
.navbar ul li {
	list-style: none;
	float: left;
	text-align: justify;}

.navbar ul li a {
	font-weight: 800;
	padding: 0 12px;
	font-size: 1.1em;
}

.navbar a:link {
	color: #00529f;
	text-decoration: none;}
	
.navbar a:visited {
	color: #00529f;
	text-decoration: none;}
	
.navbar a:hover {
	color: #e7b83f;
	text-decoration: none;}

/* ==== Sub Navigation ============= */

.subnav {
	width: 150px;
	visibility: hidden;
	position: absolute;
	background-color: #00529f;
	padding-left: 0px;
	padding-right: 0px;}
	
.subnav a {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 5px;
	padding-left: 5px;}
	
.subnav a:link {
	color: #ffffff;
	text-decoration: none;}
	
.subnav a:visited {
	color: #ffffff;
	text-decoration: none;}
	
.subnav a:hover {
	color: #e7b83f;
	text-decoration: none;
	background-color: blue;}

/* ==== Main Body ================== */

.content {
	width: 850px;
	clear: both;
	padding: 10px 0px 0px 0px;}

.goldbar {
	width: 850px;
	height: 200px;
	/*background-image: url(../images/goldBG.jpg);*/
	background-image: url(../images/goldbackground.jpg);
	background-position: center;
	background-repeat: repeat-x;}
	
.goldcontent {
	color: #ffffff;
	padding-left: 10px;
	padding-top: 10px;
	text-align: justify;}
	
.goldcontent h2 {
	color: #00529f;
	font-size: 22px;
	padding: 0px;
	margin: 0px;}

.goldheading {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #00529f;
	font-size: 22px;
	font-weight: bold;}

.goldsubheading {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #00529f;
	font-size: 14px;
	font-weight: bold;}

.goldcontent h4 {
	color: #00529f;
	font-size: 10pt;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}

.goldheader {
	font-weight: bold;
	color: #372d0d;
	padding-left: 15px;
	line-height: 20px;
	clear: both;}

.goldleft {
	width: 500px;
	height: 200px;
	float: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px}
	
.goldright {
	width: 350px;
	height: 200px;
	float: right;}

.goldright img {
	float: right;
	z-index: 10
}

.content p{
	line-height: 20px;
	padding-left: 15px;
	padding-right: 15px;}
	
.columns table {
	width: 100%;
	height: 100%;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;}
	
.columns .left {
	vertical-align: top;
	width: 75%;}
	
.columns .left h3 {
	color: #e7b83f;}
	
.columns .right {
	vertical-align: top;
	width: 25%;}

.columnhead {
	background-image: url(../images/headerbg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	width: 300px;
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold}
	
.smallscript {
	font-size: 10px;}

/* ==== Media Player =============== */
	
/* ==== Unused Content ============= */

#about {}
#auto {}
#banking {}
#boxes{}
#business{}
#checkingheader {}
#creditcards {}
#iras {}
#keyring {}
#loans {}
#membership {}
#news {}
#ovrd {}
#paypoint {}
#pp {}
#ppdebit {}
#ovrd {}
#ratesheet {}
#services {}

/* ==== ATM ======================== */

#atm {
	padding: 20px;
	margin: 20px;}

/* ==== Checking =================== */

#checking {
	width: 100%;
	margin-top:15px;}

/* ==== Contacts =================== */

#contacttable {
	width: 100%;}
		
#contacttable table {
	width: 100%;}
	
#contacttable td{
	width: 50%}

/* ==== Credit Cards =============== */

#cctable {
	width: 100%;}

#cctable td{
	width: 50%;}
	
/*
#cctable img{
	padding-left: 100px;}
*/
	
/* ==== Keewees =================== */

#keyweediv {
	margin: 0;
	padding: 10px 10px 10px 10px;
	line-height: 22px;}
	
#keyweediv ul, li{
	line-height: 22px;}
	
#keyweediv p{
	padding: 10px 10px 10px 10px;}

#keyweediv img{
	margin-right: 20px;}

#keyweediv p.keyweep {
	margin: 0;
	padding: 0;
}

img.keyweeimg {
	margin: 0 0 250px 0;
}

.contest1 {
	text-align:center;
	margin: 0;
	padding: 0;
}

/* ==== Location =================== */

#locationdiv {
	width: 825px;
	padding: 10px 10px 10px 10px;
	line-height: 22px;}

.locationtable {
	margin: auto;
	width: 750px;
	border: 1px solid #f2f2f2;
	border-collapse: collapse;
	padding: 5px;}

.locationtable td{
	border: 1px solid #f2f2f2;
	border-collapse: collapse;
	padding: 5px;}

/* ==== Home Loans  ================ */

#homeloans {
	padding: 10px 10px 10px 10px;}

#homeloans h3 {
	text-align: center;
}

.homeloanfine {
	font-size: 7pt;
	font-weight: bold;
	text-align: center;
	line-height: 11px;
}

/* ==== Online Banking ============= */

#obanking table{
	margin: auto;}

#obanking td {
	text-align: center;
}

/* ==== Personal =================== */

#personallist {
	padding-right: 15px;
	line-height: 22px;}

/* ==== Rates Table ================ */

.ratestable {
	width: 90%;
	padding: 5px 5px 5px 5px;
	border: 1px solid #333333;
	border-collapse: collapse;
	margin: auto;}

.ratestable td {
	width: 25%;
	text-align: center;
	padding: 5px 5px 5px 5px;
	border: 1px solid #333333;}
	
.ratestable2 {
	width: 90%;
	padding: 5px 5px 5px 5px;
	border: 1px solid #333333;
	border-collapse: collapse;
	margin: auto;}

.ratestable2 td {
	width: 33%;
	text-align: center;
	padding: 5px 5px 5px 5px;
	border: 1px solid #333333;}
	
.contentheadercolor {
	background-color: #ffcc00;}
	
/* ==== Savings Table ============== */

#savingstable {
	width: 100%;
	margin-top: 15px;
}

#savings p {
	text-align: justify;
}

/* ==== Footer ===================== */

.footer {
	width: 850px;
	color: #000000;
	text-align: center;
	font-size: small;
	border-top: 1px solid #cccccc;
	margin-top: 20px;
	padding-top: 20px;
	margin-bottom: 20px;}
	
.footer a:link {
	color: #000000;
	text-decoration: none;}
	
.footer a:visited {
	color: #000000;
	text-decoration: none;}
	
.footer a:hover {
	color: #e7b83f;
	text-decoration: none;}
	

/* Style added by Andrew Frederick */
#homecontent td p {
	text-align: justify;
}

#allaboutyou {
	width: 379px;
	height: 131px;
	background: url(../images/allaboutyou.gif) 0 0 no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

#cctable a {
	display: inline;
	text-align: center;
	padding-left: 118px;
}

#cctable img {
}

h3 {
	text-align: center;
}

h4 {
	display: inline;
}

.question, .answer {
	font-weight: 800;
	font-size: 1.4em;
}

.answer {
	color: #00529f;
}

#faqlist {
	list-style: decimal;
}

strong.large {
	font-size: 2em;
	font-weight: 800;
}

sup {
	font-size: 8px;
	vertical-align: super;
}

#nav {
	background: blue;
	line-height: normal;
	vertical-align: middle;
	height: auto;
}

#nav ul li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav ul li a {
	display: block;
	padding: 10px 26px;
}

#nav ul li a:hover {
	background: #dfd64b;
	color: #fff;
}

div.content {
	padding: 0;
	margin: 0;
}

.clear { display: none; clear: both; }

#services {
	left: 320px;
}

#services li a {
	padding: 0;
}

#content p {
	text-align: justify;
}

a.media {

}

div.mediaplayer {
/* 	margin: 170px 0 0 90px; */
	position: absolute;
	z-index: 1000;
	top: 343px;
	left: 592px;
/*
	width: 200px;
	vertical-align: top;
	position: relative;
	top: -35px;
	left: 100px;
	z-index: 50
*/
}

#faqlist li, #faqlist ul {
	list-style: decimal;
	list-style-position: inside;
	list-style-image: none;
	font-size: 20px;
	font-weight: bold;
}

#faqlist li p {
	font-size: 12px;
}

#sendemail td {
	width: 10px;
}

#nolist li {
	list-style-image: none;
}

#nolist input, textarea {
	width: 250px;
}

#nolist textarea {
	height: 100px;
}

#nolist input#submit {
	width: 50px;
	border: inset 2px #CCC;
	cursor: pointer;
}

td p {
	text-align: justify;
}

.resize {
	width: 25%;
	text-align: center;
	
}
span.red {
	color: red;
	font-size: 18px;
}