/* --------------------------------------------------
Site:			Glacier Bank (www.glacierbank.com)
Version:	November 2008
--------------------------------------------------*/

/* =Miscellaneous
--------------------------------------------------*/
html {
	overflow-y: scroll;
}
body {
	position: relative;
	width: 760px;
	margin: 3px auto;
	padding: 0;
	background: #455565 url(/images/backgrounds/body.png) repeat left top;
}
img {
	border: none;
}

/* =Type
--------------------------------------------------*/
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #455565;
}
input, select, textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #455565;
}
a {
	color: #455565;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	display: block;
	line-height: 0;
	border: none;
}
p, h1, h2, h3, h4, h5, h6 {
	margin: 0 0 14px 0;
}
h1, h2, .header {
	font-size: 17px;
	line-height: 24px;
	font-weight: bold;
	/*color: #535353;*/
}
h3, h4, h5, h6, .headerSmall {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	/*color: #535353;*/
}
.headerFaqAnwser {
	font-size: 17px;
	font-weight: bold;
	color: #999999;
}
.textWhite {
	color: #FFFFFF;
}
.textBlack {
	color: #000000;
}
sup, sub {
	font-size: 85%;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}

/* =Layout
--------------------------------------------------*/
#page {
	float: left;
	width: 760px;
	background-color: #455565;
}

/* =Header
--------------------------------------------------*/
#header {
	position: relative;
	float: left;
	width: 760px;
	height: 70px;
	background: url(/images/backgrounds/header.png) no-repeat left top;
}
#logo {
	float: left;
	width: auto;
}
#logo img {
	display: block;
	border: none;
}
#printLogo {
	display: none;
}
#date {
	position: absolute;
	width: auto;
	color: #FFFFFF;
	bottom: 5px;
	right: 12px;
}

/* =Navigation
--------------------------------------------------*/
#navMain {
	position: relative;
	z-index: 999999;
	float: left;
	width: 567px;
	height: 20px;
	padding-left: 193px;
	background: url(/images/backgrounds/navMain.png) no-repeat left top;
}
#navMain ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}
#navMain li {
	float: left;
	display: block;
	padding: 0;
	margin: 0;
}
#navMain img {
	float: left;
	display: block;
	border: none;
}
#navMain a {
	color: #FFFFFF;
}
#navMain .menu {
	visibility: hidden;
	position: absolute;
	z-index: 999999;
	left: 0px;
	top: 20px;
	width: 150px;
	border: solid 1px #455565;
	text-align: left;
}
#navMain .menu ul, #navMain .menu li {
	float: none;
}
#navMain .menu a {
	display: block;
	width: 130px;
	padding: 2px 10px;
	font-size: 11px;
	text-decoration: none;
	background-image: none;
	background-color: #dadde0;
	color: #455565;
}
#navMain .menu a:hover {	
	background-image: none;
	background-color: #c8ccd1;
	color: #455565;
}
#navMain .menu a.menuTop {
	padding-top: 6px;
}
#navMain .menu a.menuBottom {
	padding-bottom: 6px;
}
#onlineLayer.menu {
	left: 193px;
}
#persLayer.menu {
	left: 310px;
}
#busLayer.menu {
	left: 441px;
}
#contactLayer.menu {
	left: 575px;
}
#aboutLayer.menu {
	left: 666px;
}

/* =Content
--------------------------------------------------*/
#content {
	float: left;
	width: 760px;
	background: url(/images/backgrounds/content.png) repeat-y left top;
}
#hp #content {
	float: left;
	width: 760px;
	background: none;
}

/* =Content Sub
--------------------------------------------------*/
#contentSub {
	float: left;
	width: 745px;
	height: 155px;
	padding-right: 8px;
	padding-left: 7px;
	background: url(/images/backgrounds/contentSub.png) no-repeat left top;
}
#hp #contentSub {
	height: 278px;
	background: url(/images/backgrounds/contentSubHP.png) no-repeat left top;
}

/* =Login
--------------------------------------------------*/
#login {
	float: left;
	width: 186px;
	height: 33px;
	color: #FFFFFF;
	background: none;
}
#hp #login {
	height: 76px;
	background: url(/images/backgrounds/loginHP.png) no-repeat left top;
}
#login form {
	display: block;
	margin: 0;
	padding-top: 32px;
	padding-left: 14px;
}
#login label {
	display: block;
	margin-bottom: 3px;
}
#id {
	width: 94px;
	font-size: 11px;
}
#login fieldset {
	position: relative;
	padding: 0;
	margin: 0;
	border: none;
}
#loginSubmit {
	position: absolute;
	top: 18px;
	right: 8px;
}

/* =Main Photo
--------------------------------------------------*/
#mainPhoto {
	float: right;
	width: 559px;
	height: 155px;
}
#hp #mainPhoto {
	height: 278px;
}
#mainPhoto img {
	display: block;
	border: none;
}

/* =Quick Links
--------------------------------------------------*/
#quickLinks {
	position: relative;
	z-index: 200;
	float: left;
	width: 186px;
	height: 122px;
	text-align: center;
	background: url(/images/backgrounds/quickLinks.png) no-repeat left top;
}
#hp #quickLinks {
	height: 92px;
	height: 202px;
	background: url(/images/backgrounds/quickLinksHP.png) no-repeat left top;
}
#quickLinks img {
	border: none;
	display: block;
}
/*#quickLinks form {
	margin: 0;
	padding: 0;
}
#quickLinks select {
	width: 173px;
}*/
#quickLinksButton {
	position: absolute;
	top: 80px;
	left: 7px;
	width: 173px;
	height: 20px;
	cursor: pointer;
	z-index: 200;
}
#hp #quickLinksButton {
	top: 110px;
	left: 7px;
}
#quickLinksMenu {
	visibility: hidden;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 173px;
	z-index: 200;
}
#quickLinksMenu ul, #quickLinksMenu li {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#quickLinksMenu ul {
	border: solid 1px #707b87;
	border-top: none;
}
#quickLinksMenu a {
	display: block;
	width: 151px;
	padding: 4px 10px;
	text-align: left;
	font-size: 11px;
	text-decoration: none;
	background-image: none;
	background-color: #dadde0;
	color: #455565;
}
#quickLinksMenu a:hover {	
	background-image: none;
	background-color: #c8ccd1;
	color: #455565;
}

/* =Content Main
--------------------------------------------------*/
#pageHeader {
	float: left;
	width: 559px;
}
#pageHeader h1 {
	margin: 0;
}
#pageHeader img {
	display: block;
}
#pageHeader span {
	display: none;
}
#contentMain {
	float: left;
	width: 533px;
	padding-top: 14px;
	padding-right: 20px;
	padding-left: 14px;
	background: none;
}
#hp #contentMain {
	width: 745px;
	padding-top: 2px;
	padding-right: 7px;
	padding-left: 7px;
	background: url(/images/backgrounds/contentMainHP.png) repeat-y left top;
}
#topOfPage {
	margin: 25px 0px 35px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/* =Content Extra
--------------------------------------------------*/
#contentExtra {
	float: left;
	width: 186px;
	padding-left: 7px;
	/*min-height: 50px;*/
	overflow: visible;
}

/* =Marketing
--------------------------------------------------*/
#marketing {
	float: left;
}
#marketing ul, #marketing li {
	display: block;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
#marketing ul {
	padding-top: 4px;
}
#marketing li {
	padding-bottom: 4px;
}
#hp #marketing ul {
	padding-top: 0;
}
#hp #marketing li {
	padding: 0 1px 0 0;
}
#marketing img {
	float: left;
	display: block;
	border: none;
}

/* =Pods
--------------------------------------------------*/
.pod {
	float: left;
	width: 184px;
	background: url(/images/backgrounds/podBackground.png) repeat-y left top;
}
#hp .pod {
	width: 186px;
	background: url(/images/backgrounds/podBackgroundHP.png) repeat-y left top;
}
.pod h2 {
	margin: 0;
	padding: 0;
	line-height: 0;
}
.pod img {
	display: block;
	border: none;
}
.pod ul {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}
.pod li a {
	display: block;
	width: 150px;
	padding: 5px 12px 5px 18px;
	margin: 0 2px;
	text-decoration: none;
	background: url(/images/bullets/arrow.gif) no-repeat 9px 7px;
}
#hp .pod li a {
	width: 152px;
}
.pod li a:hover {
	text-decoration: underline;
}
.pod li.alt a {
	background-color: #ededed;
}
.pod li.last a {
	padding-bottom: 0;
}

/* Bank News */
#bankNews {
	margin-right: 1px;
}

/* =Resource Center
--------------------------------------------------*/
#resourceCenter {
	z-index: 100;
}
#resourceNavigation {
	position: relative;
	width: 162px;
	padding: 5px 9px 10px 9px;
	margin: 0 2px;
	background-color: #ededed;
	z-index: 100;
}
#howToHeader {
	padding-top: 10px;
}
#toolsButton, #howToButton {
	position: relative;
	width: 162px;
	cursor: pointer;
	z-index: 100;
}
#toolsButton {
	z-index: 999999;
}
#howToButton {
	z-index: 999;
}
#toolsMenu, #howToMenu {
	visibility: hidden;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 162px;
	z-index: 100;
}
#toolsMenu ul, #toolsMenu li, #howToMenu ul, #howToMenu li {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#toolsMenu ul, #howToMenu ul {
	border: solid 1px #707b87;
	border-top: none;
}
#toolsMenu a, #howToMenu a {
	display: block;
	width: 140px !important;
	padding: 4px 10px;
	margin: 0px;
	text-align: left;
	font-size: 11px;
	text-decoration: none;
	background-image: none;
	background-color: #dadde0;
	color: #455565;
}
#toolsMenu a:hover, #howToMenu a:hover {	
	background-image: none;
	background-color: #c8ccd1;
	color: #455565;
}

/* =Footer
--------------------------------------------------*/
#footer {
	float: left;
	width: 760px;
	height: 35px;
	background: url(/images/backgrounds/footer.png) no-repeat left bottom;
}
#hp #footer {
	height: 29px;
	background: url(/images/backgrounds/footerHP.png) no-repeat left top;
}
#secNav {
	float: left;
	width: auto;
	height: 20px;
	padding-top: 11px;
	padding-left: 19px;
}
#hp #secNav {
	padding-top: 9px;
}
#secNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#secNav li {
	float: left;
}
#secNav img {
	float: left;
	display: block;
	border: none;
}
#compliance {
	float: right;
	width: auto;
	height: 20px;
	padding-top: 11px;
	padding-right: 12px;
}
#hp #compliance {
	padding-top: 9px;
}
#compliance img {
	display: inline-block;
	border: none;
}
.ehlLogo {
	padding-left: 2px;
}
#printCompliance {
	display: none;
}

/* Matrix Formatting
--------------------------------------------------*/
.mtxBorder {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#pageWithLinks .mtxBorder {
	border: none;
}
.mtxHeader, .mtxHeaderBorderLeft {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #455565;
	border-bottom: 1px solid #CCCCCC;
}
.mtxHeaderBorderLeft {
	border-left: 1px solid #CCCCCC;
}
.mtxRow, .mtxRowBorderLeft {
	font-size: 10px;
	line-height: 12px;
	border-bottom: 1px solid #CCCCCC;
}
.mtxRowBorderLeft {
	border-left: 1px solid #CCCCCC;
}
.mtxRowAlt, .mtxRowAltBorderLeft {
	font-size: 10px;
	line-height: 12px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
}
.mtxRowAltBorderLeft {
	border-left: 1px solid #CCCCCC;
}
.mtxBorderMore {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	padding-left: 5px;
	border-left: 1px solid #CCCCCC;
}
.showMoreInfo {
	display: table-cell;
	padding: 5px;
	font-size: 10px;
	line-height: 17px;
	border-bottom: 1px solid #CCCCCC;
}
.bulletShowMoreInfo {
	margin-left: 0px;
	padding-left: 15px;
	list-style: none;
}
.bulletShowMoreInfo li {
	padding-bottom: 7px;
	padding-left: 12px;
	background: url(/images/bullet.png) no-repeat 0px 3px;
}
.bulletListMtx {
	/*border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;*/
}
.bulletListMtxTd {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 26px;
	/*border-bottom: 1px solid #CCCCCC;*/
	background: url(/images/bullet.png) no-repeat 14px 10px;
}
.bulletPlusListMtxTd {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	/*border-bottom: 1px solid #CCCCCC;*/
}
.bulletPlusListMtxTd a, .bulletPlusListMtxTd a:visited, .bulletPlusListMtxTd a:hover, .bulletPlusListMtxTd a:visited:hover {
	display: block;
	width: 90%;
	padding-left: 26px;
	background: url(/images/bulletPlus.png) no-repeat 10px 3px;
}
.bulletListMtxTdNone {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 3px;
	/*border-bottom: 1px solid #CCCCCC;*/
}

/* Show/Hide Classes
--------------------------------------------------*/
.hideObject {
	display: none;
	padding: 0px;
}

/* Popup Template
--------------------------------------------------*/
#popup {
	width: 476px;
}
#popup #page {
	float: left;
	width: 476px;
}
#popup #header {
	float: left;
	width: 476px;
	height: 68px;
	background: url(/images/backgrounds/headerPopup.gif) no-repeat left top;
}
#popup #content {
	float: left;
	width: 420px;
	background: url(/images/backgrounds/contentPopup.gif) repeat-y left top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 28px;
	padding-left: 28px;
}
#popup #footer {
	float: left;
	width: 476px;
	height: 30px;
	padding-top: 0px;
	background: url(/images/backgrounds/footerPopup.gif) no-repeat left bottom;
}
#popup #buttons {
	float: left;
	width: 420px;
	background: url(/images/backgrounds/contentPopup.gif) repeat-y left top;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 28px;
	padding-left: 28px;
	text-align: center;
}