/* Color Palette Dacotah Bank Blue: #000066; Highlight Blue: #2D53B3; Grey: #DFDFDF; */ body {text-align:center; margin: 0px; background-color:#DFDFDF;} h1 {font: bold 22px Verdana, Arial, Helvetica, sans-serif; color: #000066; margin-top: 0px; margin-left: 10px; margin-bottom: 5px; } h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; margin-left: 10px; margin-top: 0px; margin-bottom: 2px; } h2.aboutus { bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000000; margin-left: 10px;} h3 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 0px; margin-left: 10px; } h4 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000066; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; } p { font: normal 12px Verdana, Arial, Helvetica, sans-serif; margin: 10px; } p.disclaimerp {font-weight:bold; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 10px; } ul { font: normal 12px Verdana, Arial, Helvetica, sans-serif; list-style: url(http://www.dacotahbank.com/images/dbBullet.gif) outside; } li { } table { border: 0px; } img { border: 0px; margin: 0px; } .linkmail {font:normal 9px Verdana, Arial, Helvetica, sans-serif;} em { font-style: italic; font-weight: normal; } strong { font-style: normal; font-weight: bold; } a:link { color:#000066; } a:visited { color:#000066; } a:hover { color:#2D53B3; } a:active { color:#000066; } form { margin: 0px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; } textarea { margin: 0px 10px; } #endSpacer { clear: both; margin: 0px 0px 80px 0px; text-align: center; width: 820px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } #mainPage { background:#FFFFFF url(http://www.dacotahbank.com/images/cowboyFooter.gif) bottom left no-repeat; border: 1px solid #666666; width: 820px; text-align: left; margin: 10px auto; position: relative; } #headerContent { background:#000066; margin: 0px 0px 10px 0px; width: 820px; clear: both; z-index: 5; position: relative; } #headerOverlay { position: absolute; top: 0px; left: 0px; width: 820px; height: 168px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.dacotahbank.com/images/headerOverlay.png"); } /* * html results in IE6 */ * html #headerOverlay img { zoom: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } #headerImage { margin-left: 235px; } /*#headerLogo { position: absolute; top: 10px; left: 10px; }*/ #headerLogo { position: absolute; top: 60px; left: 10px; } #headerInsuranceLogo { position: absolute; top: 30px; left: 10px; } #headerMortgageLogo { position: absolute; top: 40px; left: 10px; } #headerNav { background: #DFDFDF; font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #000000; height: 30px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; } #headerNav table{ font-size:14px; } #headerNav a:link { color: #000000; text-decoration: none; font-weight: bold; } #headerNav a:visited { color: #000000; text-decoration: none; font-weight: bold; } #headerNav a:hover { color: #222222; text-decoration: underline; font-weight: bold; } #headerNav a:active { color: #000066; text-decoration: none; font-weight: bold; } #headerNav form { float: right; margin: -2px 0px 0px 0px; } #headerLocation { position: absolute; top: 10px; left: 560px; } #headerLocation .locationCity { position: absolute; top: 10px; left: 10px; color: #FFFFFF; font: normal 12px Verdana, Arial, Helvetica, sans-serif; text-shadow: #000000 2px 2px 2px; } #headerLocation .locationCity a:link { color: #FFFFFF; text-decoration: none; } #headerLocation .locationCity a:visited { color: #FFFFFF; text-decoration: none; } #headerLocation .locationCity a:hover { color: #CCCCCC; } #headerLocation .locationCity a:active { color: #000000; text-decoration: none; } #headerLocation .locationPage { background: url(http://www.dacotahbank.com/images/locationGradient.png) no-repeat; position: absolute; top: 129px; left: 0px; color: #000000; font: normal 12px Verdana, Arial, Helvetica, sans-serif; padding: 3px 10px; height: 19; width: 250px; z-index: 1;} /* * html results in IE6 */ #headerLocation .locationPage a:link { color: #000000; text-decoration: none; } #headerLocation .locationPage a:visited { color: #000000; text-decoration: none; } #headerLocation .locationPage a:hover { color: #222222; text-decoration: underline; } #headerLocation .locationPage a:active { color: #2D53B3; text-decoration: none; } .locationTL { position:absolute; left: 0px; top: 0px; } .locationTR { position:absolute; left: 240px; top: 0px; } .locationBL { position:absolute; left: 0px; top: 139px; z-index: 2; } .locationBR { position:absolute; left: 240px; top: 139px; z-index: 2; } .searchField { font: normal 12px "Times New Roman", Times, serif; width: 180px; color: #999999; margin: 0px; } .searchButton { font: normal 12px Verdana, Arial, Helvetica, sans-serif; height: 21px; margin: 0px; } .atmField { font: normal 12px "Times New Roman", Times, serif; color: #999999; margin: 0px; } .navLink { line-height:12px; } .navLink a:link { color:#000000; text-decoration:none; } .navLink a:visited { color:#000000; text-decoration:none; } .navLink a:hover { color:#000066; text-decoration:underline; } .navLink a:active { color:#666666; text-decoration:none; } .blockFooter { text-align:right; font-size:10px; color:#000066; margin-top:15px; } .blockFooter a:link { color:#000066; text-decoration:none; } .blockFooter a:visited { color:#000066; text-decoration:none; } .blockFooter a:hover { color:#2D53B3; text-decoration:underline; } .blockFooter a:active { color:#666666; text-decoration:none; } #departmentDiv h2 { color: #000000; margin-bottom: 0px; margin-top: 10px; } #departmentDiv h3 { margin-left: 20px; margin-top: 2px; margin-bottom: 5px; } .headlineAccent { margin-top: 0px; margin-bottom: 0px; } .captionText { font-style:italic; font-size: 10px; margin-top: 5px; } .mainImage { margin-top: 5px; margin-bottom:10px; } .relatedImage { margin-left: 10px; margin-right: 0px; margin-bottom: 10px; } /*#header { margin-left:10px; margin-top:0px; margin-bottom:0px; clear: both; }*/ #pageArea { margin: 0px; width: 820px; position: relative;} /* #contentColumn { float: left; width: 376px; margin: 0px; } */ /*#contentColumn { position: absolute; top: 3px; left: 170px; width: 380px; margin: 0px; padding: 0px;} */ #contentColumn { float: left; width: 380px; margin: 0; padding: 0px; display: inline; } /*#contentColumnLocations { position: absolute; left: 170px; top: 3px; width: 630px; margin: 0px; }*/ #contentColumnLocations { float: left; width: 630px; margin: 0px; } #pageContent { width: 370px; margin: 0px 0px 0px 12px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; } #pageContent h1 { margin-left: 0px; margin-right: 0px; } #pageContent h2 { margin-left: 0px; margin-right: 0px; } #pageContent h3 { margin-left: 0px; margin-right: 0px; } #pageContent h4 { margin-left: 0px; margin-right: 0px; } #pageContent p { margin-left: 0px; margin-right: 0px; } #pageContentLocations { width: 630px; margin: 0px 0px 0px 12px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; } #pageContentLocations h1 { margin-left: 0px; margin-right: 0px; } #pageContentLocations h2 { margin-left: 0px; margin-right: 0px; } #pageContentLocations h3 { margin-left: 0px; margin-right: 0px; } #pageContentLocations h4 { margin-left: 0px; margin-right: 0px; } #pageContentLocations p { margin-left: 0px; margin-right: 0px; } /* #navigation { float: left; width: 170px; margin: 0px 0px 60px 0px; } */ /*#navigation { position: absolute; left: 0px; top: 3px; width: 170px; margin: 0px 0px 60px 0px; }*/ #navigation { float: left; width: 170px; margin: 0px 0px 60px 0px; display: inline; } /* #fake right side so it's easy to find { float: left; width: 170px; margin: 0px 0px 60px 0px; } */ /*#rightSide { position: absolute; left: 550px; top: 3px; width: 270px; margin: 0px; padding: 0px;}*/ #rightSide { float: right; width: 268px; margin: 0px; padding: 0px; display: inline; } #footerContent { margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; text-align: center; width: 820px; clear: both; z-index: 2; } .copyright { font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; float: left; } .footerCredits { font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; margin-right: 10px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; float: right; text-align: right; } .footerCredits img { margin-right: 0px; margin-left: 10px; margin-top: 0px; margin-bottom: 3px; } .generalLinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000066; text-align: center; } #popUpT { background: #FFFFFF url(http://www.dacotahbank.com/images/popUpT.gif) top repeat-x; position: absolute; top: -1px; left: 12px; height: 11px; } #popUpB { background: #FFFFFF url(http://www.dacotahbank.com/images/popUpB.gif) bottom repeat-x; position: absolute; top: -9px; left: 12px; height: 11px; } .popUpL { background: url(http://www.dacotahbank.com/images/popUpL.gif) left repeat-y; } .loginField { width: 110px; height: 20px; margin-left: 0px; margin-top: 0px; padding-left: 3px; padding-right: 3px; border: 1px solid #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; position: absolute; top: 58px; left: 20px; } .loginFieldHome { width: 110px; height: 20px; margin-left: 0px; margin-top: 0px; padding-left: 3px; padding-right: 3px; border: 1px solid #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; position: absolute; top: 58px; left: 10px; } .loginButton { position: absolute; top: 58px; left: 140px; } .loginButtonHome { position: absolute; top: 58px; left: 130px; } .login1 { color:#000000; font-size: 10px; font-weight: bold; margin-top: 10px; margin-bottom: 3px; } .login2 { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .login3 { color:#000000; font-size: 8px; margin-top: 35px; margin-bottom: 5px; text-align: center; } .login4 { color:#000000; font-size: 12px; font-weight: bold; margin-top: 0px; text-align:center; } .login5 { color:#000000; font-size: 12px; font-weight: bold; margin-top: 10px; margin-bottom: 0px; text-align:center; } .login6 { color:#000000; font-size: 10px; font-weight: bold; margin-top: 5px; margin-bottom: 3px; } .login4 a:link,.login5 a:link { color:#000000; text-decoration: none; } .login4 a:visited,.login5 a:visited { color:#000000; text-decoration: none; } .login4 a:hover,.login5 a:hover { color:#333333; text-decoration: underline; } .login4 a:active,.login5 a:active { color:#CCCCCC; } .addLink { font-weight: bold; color: #000066; } .addLink a:link { text-decoration: none; } .addLink a:hover { text-decoration: none; } .addLink a:active { text-decoration: none; } .helpLink { color: #000066; font-size: 9px; font-weight: normal;} .helpLink a:link { text-decoration: underline; } .helpLink a:hover { text-decoration: underline; } .helpLink a:active { text-decoration: none; } .fontWeight {font-weight: bold;} .relatedLinks { margin-left: 20px; margin-top: 5px; } .homeListL { float: left; clear: left; width: 180px; text-align: left; margin-bottom: 10px; } .homeListL h2 { margin-bottom: 0px; } .homeListL h2 a:link { text-decoration: none; } .homeListL h2 a:visited { text-decoration: none; } .homeListL p { margin: 5px 0px 10px 10px; font-size: 10px; } .homeListR { float: right; clear: right; width: 180px; text-align: left; margin-bottom: 10px; } .homeListR h2 { margin-bottom: 0px; } .homeListR h2 a:link { text-decoration: none; } .homeListR h2 a:visited { text-decoration: none; } .homeListR p { margin: 5px 0px 10px 10px; font-size: 10px; } #locationList h3 { margin-bottom: 0px; } #locationList p { margin-top: 0px; } .rssIcon { margin-left: 3px; } .advertR { margin: 0px 0px 10px 10px; } /* ----- Questions Styles ----- */ #questionsForm { text-align: center; } #questionsForm p { color: #000000; font-weight: bold; } #questionsArea { width: 379px; background: url(http://www.dacotahbank.com/images/dkGrey.gif) right repeat-y; } /* * html results in IE6 */ * html #questionsArea { width: 369px; background: url(http://www.dacotahbank.com/images/dkGrey.gif) right repeat-y; } /* html* results in IE7 */ html* #questionsArea { width: 369px; background: url(http://www.dacotahbank.com/images/dkGrey.gif) right repeat-y; } #questionsArea p { font-weight: bold; } #questionsExplaination { color: #000000; width: 250px; height: 100%; float: right; } #questionsArea div { color: #000000; text-align: center; margin: 0px 0px 10px 0px; } .questionsDiv { text-align: left; margin-bottom: 10px; } #qDiv2, #qDiv3 { display: none; } /* ----- ----- */ .statsTable { margin: 0px 10px 10px 10px; float: left; } .statsTable td { vertical-align: top; } .statsTable p { margin: 0px 10px 5px 10px; line-height: 12px; } /* Rounded Corners */ .roundedCornerSpacer { margin: 0px; padding: 0px; border: 0px; clear: both; font-size: 1px; line-height: 1px; } /* In the CSS below, the numbers used are the following: 1px: the width of the border 3px: a fudge factor needed for IE5/win (see below) 4px: the width of the border (1px) plus the 3px IE5/win fudge factor 10px: the width or height of the border image */ .borderTL, .borderTR { width: 10px; height: 28px; padding: 0px; border: 0px; z-index: 99; } .borderBL, .borderBR { width: 10px; height: 10px; padding: 0px; border: 0px; z-index: 99; } .borderTL, .borderBL { float: left; clear: both; } .borderTR, .borderBR { float: right; clear: right; } .borderTL { margin: -1px 0px 0px -1px; } .borderTR { margin: -1px -1px 0px 0px; } .borderBL { margin: -10px 0px 0px 0px; } .borderBR { margin: -10px 0px 0px 0px; } /* IE5-5.5/win needs the border scooted to the left or right by an additional 3px! Why? */ .borderTL { margin-left: -4px; ma\rgin-left: -1px; } html>body .borderTL { margin-left: -1px; } .borderTR { margin-right: -4px; ma\rgin-right: -1px; } html>body .borderTR { margin-right: -1px; } .borderBL { margin-left: -3px; ma\rgin-left: 0px; } html>body .borderBL { margin-left: 0px; } .borderBR { margin-right: -3px; ma\rgin-right: 0px; } html>body .borderBR { margin-right: 0px; } .popUpTL, .popUpBL, .popUpTL, .popUpBR { width: 12px; height: 12px; padding: 0px; border: 0px; z-index: 99; } .popUpTL, .popUpBL { float: left; clear: both; } .popUpTR, .popUpBR { float: right; clear: right; } .popUpTL { margin: -1px 0px 0px -1px; } .popUpTR { margin: -1px -1px 0px 0px; } .popUpBL { margin: -10px 0px 0px 0px; } .popUpBR { margin: -10px 0px 0px 0px; } /* IE5-5.5/win needs the border scooted to the left or right by an additional 3px! Why? */ .popUpTL { margin-left: -3px; ma\rgin-left: -1px; } html>body .popUpTL { margin-left: 0px; } .popUpTR { margin-right: -3px; ma\rgin-right: -1px; } html>body .popUpTR { margin-right: 0px; } .popUpBL { margin-left: -3px; ma\rgin-left: 0px; } html>body .popUpBL { margin-left: 0px; } .popUpBR { margin-right: -3px; ma\rgin-right: 0px; } html>body .popUpBR { margin-right: 0px; } .headerBar { padding: 0px; border: 0px; z-index: 99; } .headerBar { float: left; clear: both; margin: 0px 0px 0px 0px; margin-top: 0px; margin-bottom: 0px; } .headerBar { margin-left: -3px; ma\rgin-left: 0px; } html>body .headerBar { margin-left: 0px; } /* To get around a known bug in IE5/win, apply the border (no margin, padding or positioning) to the content class and apply whatever positioning you want to the contentWrapper class. */ .content { background: url(http://www.dacotahbank.com/images/borderR.gif) right repeat-y; margin: 0px; padding: 0px; border: 1px solid #666666; } .loginContent { background: url(http://www.dacotahbank.com/images/borderLoginR.gif) right repeat-y; /*height: 130px;*/ margin: 0px; padding: 0px; border: 1px solid #666666; } .questionsContent { background: url(http://www.dacotahbank.com/images/borderLoginR.gif) right repeat-y; min-height: 130px; margin: 0px; padding: 0px; border: 1px solid #666666; } * html .questionsContent { background: url(http://www.dacotahbank.com/images/borderLoginR.gif) right repeat-y; min-height: 130px; margin: 0px; padding: 0px; border: 0px; } .popUpContent { background:#FFFFFF url(http://www.dacotahbank.com/images/popUpR.gif) right repeat-y; margin-bottom: 10px 0px 8px 0px; padding: 0px; } .popUpContent p { margin-bottom: 0px 15px; } .contentHeader { background: url(http://www.dacotahbank.com/images/headerBG.gif) top repeat-x; margin: 0px 0px -10px 0px; padding-top: 5px; padding-bottom: 0px; border: 0px; height: 32px; } .contentHeader h2 a:link { color: #FFFFFF; text-decoration: none; } .contentHeader h2 a:visited { color: #FFFFFF; text-decoration: none; } .contentHeader h2 a:hover { color: #FFFFFF; text-decoration: underline; } .contentHeader h2 a:active { color: #CCCCCC; text-decoration: none; } .contentWrapper { /* position this div however you want, but keep its padding and border at zero */ padding: 0px; border: 0px; background: #FFFFFF url(http://www.dacotahbank.com/images/borderB.gif) bottom repeat-x; margin: 0px 0px 10px 10px; } .contentWrapper2 { /* position this div however you want, but keep its padding and border at zero */ padding: 0px; border: 0px; background: #FFFFFF url(http://www.dacotahbank.com/images/borderB.gif) bottom repeat-x; margin: 0px 0px 10px 0px; } .contentWrapper2 p { font: normal 12px Verdana, Arial, Helvetica, sans-serif; padding-left: 10px; padding-right: 10px; } .loginWrapper { /* position this div however you want, but keep its padding and border at zero */ padding: 0px; border: 0px; background: #DFDFDF url(http://www.dacotahbank.com/images/borderLoginB.gif) bottom repeat-x; margin: 0px 0px 10px 10px; } .questionWrapper { /* position this div however you want, but keep its padding and border at zero */ padding: 0px; border: 0px; background: #DFDFDF url(http://www.dacotahbank.com/images/borderLoginB.gif) bottom repeat-x; margin: 0px 10px 10px 0px; } /* * html results in IE6 */ * html .questionWrapper { /* position this div however you want, but keep its padding and border at zero */ padding: 0px; border: 0px; background: #DFDFDF url(http://www.dacotahbank.com/images/borderLoginB.gif) bottom repeat-x; margin: 0px 5px 10px 0px; } .popUpWrapper { /* position this div however you want, but keep its padding and border at zero */ padding: 0px; border: 0px; } .hrheading { color:#FFFFFF; border: solid; padding: 5px; border-color:#666666; border-width: 1px 1px 1px 1px; margin: 0px; background: url(http://www.dacotahbank.com/images/headerBG.gif) repeat-x; margin-top: 5px; } .humanresources { border: solid; padding: 5px; border-color:#666666; border-width: 0px 1px 1px 1px; } .visible { display: block; } .invisible { display: none; } .hidden { visibility: hidden; } .alignCenter { text-align: center; } .alignRight { text-align: right; } .alert { color: #FF0000; font-size: 18px; } #headerMessage { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; background-color: #F77D7D; font-weight: normal; }