@charset "UTF-8";
/* Color Palette

Blue:		#002C72
Blue 50%:	#8095B8
Blue 25%:	#BFCADC
Blue 10%:	#E5EAF1
Blue 5%:	#F2F4F8

Red:		#E52324

 */

body { background: #CCCCCC; margin: 0; text-align: center; font: normal 12px Helvetica, Arial, sans-serif; }
h1 { font: bold 21px Helvetica, Arial, sans-serif; margin: 0 0 20px 0; color: #002C72; }
h2 { font: bold 16px Helvetica, Arial, sans-serif; margin: 0 0 2px 0; color: #000000; }
p { font: normal 12px Helvetica, Arial, sans-serif; margin: 0 0 10px 0; color: #000000; line-height: 16px; }
ul { margin: 10px 0; padding-left: 40px; }
li { font: normal 12px Helvetica, Arial, sans-serif; margin: 0 0 10px 0; color: #000000; line-height: 16px; margin: 0 0 5px 0; }
img { border: 0; }

h2 a:link { color: #002C72; }
h2 a:visited { color: #002C72; }
h2 a:hover { color: #E52324; }
h2 a:active { color: #8095B8; }
p a:link { color: #002C72; }
p a:visited { color: #002C72; }
p a:hover { color: #E52324; }
p a:active { color: #8095B8; }

#mainDiv { background: #FFFFFF; width: 780px; padding: 10px; margin: 0 auto; text-align: left; position: relative; }

#topNav { position: relative; width: 780px; margin: 0; }
#quickLinks { position: absolute; text-align: right; top: 60px; left: 210px; width: 560px; color: #002C72; font-weight: bold; }
#quickLinks a:link { color: #8095B8; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; margin: 0 10px; }
#quickLinks a:visited { color: #8095B8; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; margin: 0 10px; }
#quickLinks a:hover { color: #002C72; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: underline; }
#quickLinks a:active { color: #E52324; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; }

#header { height: 100px; margin: 0; border: 0; }
#headerQuote { display: inline; float: left; margin: 0; }
#headerNav { height: 100px; background: url(../images/headerR.gif) top right no-repeat; margin: 0; }

#sideBar { margin: 0; float: left; width: 199px; border-right: solid 1px #FFF; border-top: solid 1px #FFF;  }

#onlineLogin { background: #E5EAF1 url(../images/onlineServicesBar.gif) repeat-x; width: 179px; padding: 5px 10px 1px 10px; margin: 0; }
#onlineLogin form { padding: 0; margin: 0; }
#onlineLogin p { text-align: right; margin: 10px 0 12px 0; padding: 0; }
*html #onlineLogin p { text-align: right; margin: 10px 0 11px 0; padding: 0; }
#onlineLogin img { margin: 0 10px 0 0; }
#onlineLogin p.blueHeading { font: bold 16px Helvetica, Arial, sans-serif; color: #FFFFFF; margin: 0 0 9px 0; }
#onlineLogin p.blueHeading img { margin: 0 0 0 5px; position: relative; top: 5px; }
#onlineLogin p.inputP { color: #002C72; font-size: 10px; margin: 21px 0 10px 0; line-height: 12px; }
#onlineLogin p.inputP input { width: 110px; }

.dottedLine { background: url(../images/dottedLine.gif) repeat-x center; margin: 0; }

#sideMenu { background: #F2F4F8; margin: 0; }
#sideMenu a.blueHeading { display: block; background: #002C72; margin: 0; color: #FFFFFF; text-decoration: none; padding: 8px 40px 5px 10px; text-align: right; font: bold 16px Helvetica, Arial, sans-serif; }
#sideMenu a.openTab { background-image: url(../images/arrowD.gif); background-repeat: no-repeat; background-position: 170px 3px; }
#sideMenu a.closedTab { background-image: url(../images/arrowR.gif); background-repeat: no-repeat; background-position: 170px 3px; }
#sideMenu .accordionEl { padding: 10px 10px 1px 10px; margin: 0; height: 180px; }
#sideMenu .contactDiv p { margin: 10px 0; }

.lightHeading { color: #E5EAF1; }

.eventObj { margin: 10px 0; text-align: right; }
img.eventImg { float: right; background: #002C72; margin: 0 0 10px 10px; }
.eventDate { color: #002C72; font-weight: bold; margin: 0; }
.eventDate a:link { color: #002C72; text-decoration: none; }
.eventDate a:visited { color: #002C72; text-decoration: none; }
.eventDate a:hover { color: #002C72; text-decoration: underline; }
.eventDate a:active { color: #002C72; text-decoration: none; }
.eventName { color: #000000; font: normal 10px Helvetica, Arial, sans-serif; margin: 0; }
.eventName a:link { color: #000000; text-decoration: none; }
.eventName a:visited { color: #000000; text-decoration: none; }
.eventName a:hover { color: #000000; text-decoration: underline; }
.eventName a:active { color: #000000; text-decoration: none; }

.eventDivider { background: #8095B8; margin: 0 0 10px 0; }

#weather { background: #E5EAF1; padding: 10px; text-align: right; color: #000000; font: normal 10px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
#weather h5 { color: #002C72; font: bold 24px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 10px; float: right; }
#weather p { color: #002C72; font: normal 12px Verdana, Arial, Helvetica, sans-serif; margin: 0 10px 0 0; text-align: right; }

.sidePromotion { text-align: right; margin-top: 0; margin-bottom: 10px; }
.sidePromotion img { margin: 0 0 10px 0; }

#pageContentBorder { background: #F2F4F8; margin: 0 0 0 200px; padding: 0; border-left: solid 1px #FFF; border-top: solid 1px #FFF; position: relative; width: 579px; }
*html #pageContentBorder { width: 576px; }

#homeArticle { background: #8095B8; margin: 0; position: relative; width: 579px; }
*html #homeArticle { width: 576px; }
#homeArticleText { float: right; width: 210px; margin: 0; padding: 20px 10px 0 0; }
#homeArticleText h3 { color: #002C72; font: bold 21px Helvetica, Arial, sans-serif; margin: 0 10px 10px 0; }
#homeArticleText p { color: #FFFFFF; font: bold 12px Helvetica, Arial, sans-serif; margin: 0 10px 10px 0; }
#homeArticleText img { float: right; }
#homeArticleReadMore { position: absolute; top: 120px; left: 508px; width: 62px; text-align: right; }

#mapDiv { width: 340px; height: 150px; }
#directions { }
#directionsClose { margin: 10px 0 30px 0; display: none; }
#directionsCloseButton { cursor: pointer; }

#pageContent { background: #F2F4F8; margin: 0; padding: 20px; }

.dataTable { background: #FFFFFF; }
.dataTable td { padding: 10px 10px 5px 10px; border-left: none; border-right: solid 1px #BFCADC; border-top: none; border-bottom: solid 1px #BFCADC; text-align: center; }
.dataTable p { text-align: left; }
tr.header td { background: #8095B8; border-left: none; border-right: solid 1px #002C72; border-top: none; border-bottom: none; }
tr.header td.headerR { border-right: none; }
tr.header td p { color: #FFFFFF; font: bold 16px Helvetica, Arial, sans-serif; text-align: center; margin: 0; padding: 0; }
td.listName { border-left: solid 1px #BFCADC; }
td.listName p { color: #002C72; font: bold 16px Helvetica, Arial, sans-serif; text-align: center; margin: 0; padding: 0; }

.repoDiv { margin: 10px 0; }
.repoTable { float: left; margin: 0 10px 0 0; width: 240px; }
.repoTable .thumbs img { margin: 10px 0 0 0; }
.repoTable .thumbsR { text-align: right; }
.repoTable .linkedImage { cursor: pointer; }
.repoTable .activeImage { border: solid 1px #002C72; }
.repoTable .nonActiveImage { border: solid 1px #BFCADC; }
.repoInfo { margin-left: 260px; }

.divideLine { clear: both; background: #002C72; }
.divideLine img { height: 2px; }

#footer { height: 60px; }
#footer .footerText { float: right; font: normal 10px Verdana, Arial, Helvetica, sans-serif; line-height: 12px; color: #999999; text-align: right; margin: 8px 10px; }
#requiredLinks img { float: left; margin: 10px 10px 0 10px; }
#footerNCUA { display: none; }

.smallPrint { font: normal 10px Verdana, Arial, Helvetica, sans-serif; line-height: 12px; }
.finePrint { font: normal 8px Verdana, Arial, Helvetica, sans-serif; line-height: 10px; }
.senderName { display: none; }