/*

     Great State Bank online CSS document

     Written by: David Koch - BT-Services
     dkoch (at) bt-is (dot) com

*/

/*-------------------------GENERAL TAG STYLING------------------------ */

ul, h3, h4 {
	margin: 0px;
	padding: 0px;
}
h1 {
	display: none;
}
h4.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3D126E;
	height: 24px;
	padding-top: 8px;
	text-align: center;
	background-image: url(images/home-menu-bg.gif);
	background-repeat: repeat-x;
	border-right: 1px solid #FFF;
}
h4 a.heading-link{
	color: #405C84;
	text-decoration: none;
}
h4 a.heading-link:hover{
	color: #405C84;
	text-decoration: underline;
}
hr {
	border: 1px solid #B4B492;
}
hr.linkrule {
	width: 138px;
	height: 2px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	color: #839DC0;
	background-color: #839DC0;
	border: 0px;
}
/*\Hack to make IE behave*/
* html hr.linkrule {
	margin-top: -7px;
}
/**/
p.em {
	font-style: italic;
}
body {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(images/bgpattern.gif);
	background-attachment: fixed;
}
.strong {
	font-weight: bold;
}

/*--------------------------FULL PAGE WRAPPER----------------------- */

#wrapper {
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/wrapper-bg.gif);
}

/*--------------------------HEADER AND CHILDREN---------------------- */

#header {
	background-image: url(images/header-bg.jpg);
	height: 211px;
}
#header-right {
	float: right;
	width: 272px;
}
#logo {
	margin-top: 5px;
	width: 220px;
	height: 130px;
	float: left;
	cursor: pointer;
}
#vignette {
	width: 221px;
	height: 135px;
	margin: 34px 13px 0px 0px;
	padding: 11px 19px 11px 19px;
	background-image: url(images/vignette.jpg);
}
#vignette a.title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	color: #405C84;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}
#vignette a.title:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	color: #405C84;
	text-transform: uppercase;
	text-decoration: underline;
	display: block;
}
#vignette a.morelink {
	font-size: 12px;
	font-style: italic;
	color: #1A63A2;
	text-decoration: none;
}
#vignette a.morelink:hover {
	font-size: 12px;
	font-style: italic;
	color: #1A63A2;
	text-decoration: underline;
}
#vignette .plainText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*--------------------TOP NAV (CHILD OF HEADER)---------------------- */

#topnav {
	width: 110px;
	margin: 0px 10px 0px 0px;
	float: right;
}
/*\Hack to make IE behave*/
* html #topnav {
	display: inline;
}
/**/
#topnav li {
	list-style-type: none;
	float: left;
	display: inline;
	margin: 0px 0px 0px 10px;
}
#topnav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3D126E;
	text-decoration: none;
}
#topnav li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3D126E;
	text-decoration: underline;
}

/*-----------------------MAIN CONTENT WRAPPER------------------------ */

#maincontent {
	min-height: 480px;
}
/*\Hack to make IE behave*/
* html #maincontent {
	height: 480px;
}
/**/

/*----------------------PAGE CONTENT AND CHILDREN-------------------- */

#default-content {
	float: right;
	width: 625px;
	padding: 0px;
	margin: 0px;
}
#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 601px;
	color: #333;
	float: right;
	padding: 12px;
	margin: 0px;
}
/*\Hack to make IE behave*/
* html #content {
	height: 295px;
}
/**/
#content .product-listing {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #405C84;
	list-style-image: url(images/bullet-news.gif);
	display: list-item;
	margin-left: 20px;
	margin-bottom: 8px;
	clear: both;
}
#content .product-listing a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #405C84;
	text-decoration: none;
}
#content .product-listing a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #405C84;
	text-decoration: underline;
}
#content .short-descript {
	margin: 0px 0px 15px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content .pressroom td {
	line-height: 20px;
	vertical-align: top;
	border-top: 1px solid #C9B397;
}
#content .small-print {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
}
#content .bio {
	margin: 10px 10px 10px 0px;
}
#content .bio img {
	margin: 0px 20px 10px 0px;
	float: left;
}
#content h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
#content ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-left: 40px;
	list-style-image: url(images/bullet-product.gif);
}
#content li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3D567C;
	text-decoration: none;
}
#content p.menuitem {
	padding: 3px 0px 3px 20px;
}
#content a {
	font-weight: bold;
	color: #1A63A2;
	text-decoration: none;
}
#content a:hover {
	font-weight: bold;
	color: #1A63A2;
	text-decoration: underline;
}
#content a.morelink {
	margin-left: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #1A63A2;
	text-decoration: none;
}
#content a.morelink:hover {
	margin-left: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #1A63A2;
	text-decoration: underline;
}

/*--------------CONTENT BUFFER TO CLEAR BOTTOM OF PAGE--------------- */
#content-buffer {
	clear: both;
}

/*-------------------------ONLINE BANKING BOX------------------------ */

#onlinebanking {
	width: 146px;
	height: 185px;
	margin: 3px 0px 3px 3px;
}

/*-----------------------------INTRO BOX---------------------------- */

#intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 601px;
	float: right;
	padding-left: 12px;
	padding-right: 12px;
	color: #333;
}
#intro .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #405C84;
}
#intro .introText ul {
	margin-left: 40px;
	list-style-image: url(images/bullet-product.gif);
}
#intro .introText li {
	color: #3D567C;
	text-decoration: none;
}
#intro .smallPrint {
	font-size: 60%;
	font-weight: normal;
	color: #000000;
}
#intro hr {
	margin-top: 2px;
	margin-bottom: 0px;
	color: #C9B397;
	background-color: #C9B397;
}
#intro #breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 10px;
	color: #5071A3;
}
#intro #breadcrumb a {
	color: #5071A3;
	text-decoration: none;
}
#intro #breadcrumb a:hover {
	color: #5071A3;
	text-decoration: underline;
}

/*-------------------------HOME PAGE NAVIGATION------------------------ */

#homenav {
	padding: 0px;
	margin: 0px;
}
#homenav #personal {
	float: left;
	list-style-type: none;
	width: 155px;
	height: 205px;
	border-left: 1px solid #759B5A;
	border-top: 1px solid #759B5A;
	border-bottom: 1px solid #759B5A;
}
#homenav #business {
	float: left;
	list-style-type: none;
	width: 155px;
	height: 205px;
	border-left: 1px solid #759B5A;
	border-top: 1px solid #759B5A;
	border-bottom: 1px solid #759B5A;
}
#homenav #investment {
	float: left;
	list-style-type: none;
	width: 155px;
	height: 205px;
	border-left: 1px solid #759B5A;
	border-top: 1px solid #759B5A;
	border-bottom: 1px solid #759B5A;
}
#homenav #about {
	float: left;
	list-style-type: none;
	width: 155px;
	height: 205px;
	border: 1px solid #759B5A;
}
#homenav ul {
	list-style-type: none;
	margin: 8px;
}
#homenav li {
	padding-top: 3px;
}
#homenav li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #405C84;
	text-decoration: none;
}
#homenav li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #405C84;
	text-decoration: underline;
}

/*-----------------------------LEFT  NAVIGATION--------------------------- */

#leftnav {
	float: left;
}
#leftnav #personal {
	list-style-type: none;
	width: 155px;
	margin-top: 2px;
}
#leftnav #business {
	list-style-type: none;
	width: 155px;
	margin-top: 2px;
}
#leftnav #investment {
	list-style-type: none;
	width: 155px;
	margin-top: 2px;
}
#leftnav #about {
	list-style-type: none;
	width: 155px;
	margin-top: 2px;
}
#leftnav ul {
	list-style-type: none;
	margin: 8px;
}
#leftnav li {
	padding-top: 3px;
}
#leftnav li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5071A3;
	text-decoration: none;
}
#leftnav li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5071A3;
	text-decoration: underline;
}

/*---------------------------LEFT SIDE LINKS-------------------------- */

#leftLinks {
	float: left;
	width: 155px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5071A3;
}
/*\Hack to make IE behave*/
* html #leftLinks p {
	margin-top: 2px;
}
/**/
#leftLinks a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5071A3;
	text-align: center;
	text-decoration: none;
}
#leftLinks a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5071A3;
	text-decoration: underline;
}

/*--------------------------PROMOTIONAL AREA------------------------- */



/*------------------------------NEWS AREA---------------------------- */

#news {
	margin: 10px 10px 20px 10px;
}
#news p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#news h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #405C84;
	margin: 0px;
	padding: 0px;
}
#news hr {
	color: #C9B397;
	background-color: #C9B397;
	margin: 0px;
	padding: 0px;
}
#news .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #405C84;
	list-style-image: url(images/bullet-news.gif);
	display: list-item;
	margin-left: 20px;
}
#news .text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#news a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #405C84;
	text-decoration: none;
}
#news a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #405C84;
	text-decoration: underline;
}

/*-------------------------FOOTER AND CHILDREN------------------------ */

#footer {
	height: 18px;
	color: #1A63A2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #EAEEF4;
	padding-top: 5px;
}
#bottomnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1A63A2;
	float:right;
}
#bottomnav li{
	list-style-type: none;
	display: inline;
	margin-right: 5px;
}
#bottomnav li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1A63A2;
	text-decoration: none;
}
#bottomnav li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1A63A2;
	text-decoration: underline;
}
#copyright {
	color: #1A63A2;
	padding-left: 20px;
}
#equalhousing {
	background-image: url(images/equalhousing.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
}