/* site wide */
/* WW changed font from #4A4A4A to black and default font to Verdana */
body {font-size: 12px;color: #000000;font-family: Verdana, Arial, Helvetica, Sans-Serif;}
/* WW changed font from #4A4A4A to black */
a {color: #000000;}

h1, h2, h3, h4 {color: #B23427;}
h1 a, h2 a, h3 a, h4 a {color: #B23427;}

/* WW  modified heading link styles*/
h1 a:link, h2 a:link, h3 a:link, h4 a:link {color: #B23427; text-decoration: none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {color: #B23427; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color: #B23427; text-decoration: underline;}

/* WW  new style for Learn More>> links */
.learnmore, a.learnmore, a.learnmore:link, a.learnmore:visited {color: #989048; font-weight:bold}

/* WW new styles for aligning inline images */
.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }
.caption {text-align:center; font-style:italic; color:#666666; }

/* WW modified default margins */
h1, h2, h3, h4 {margin:5px 0px 5px 0px;}

h1 {font-size: 16px;}
h2 {font-size: 15px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
hr {color: #FEE3AC;background-color: #FEE3AC;height: 2px;border: 0;}
table td {padding: 2px;vertical-align: top;}
table td.bottomAlign {vertical-align: bottom;}
table td.middleAlign {vertical-align:middle;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*& WW added for compare matricies */
.tableCompact table, td, tr {font-size:11px;}

.shadowContainer {background-image:url(/images/container_background.jpg);background-position:center top;background-repeat:repeat-y;min-height: 0;}
.bottomContainer {height: 10px;background-image:url(/images/container_bottom.jpg);background-position:center top;background-repeat: no-repeat;}
blockquote {padding-left: 30px;padding-right:30px;}
.headCourtesyNav {text-align: right;font-size: 11px;margin-top:10px;}
.headCourtesyNav p {margin: 0;}
.header {background-image:url(/Images/header_background.jpg);height: 141px;color: #FFF;}
.header a {text-decoration: none;color: #FFF;}
.header a.enroll-link {color: #ffff00;text-decoration: underline;}
.headerLogo {margin-bottom: 24px;}
#headerLogo {display: block; height: 65px; width: 500px;}
.headLoginLabels {float: right;text-align: right;font-size: 11px;line-height: 11px;margin-top: 47px;_margin-top: 40px;*margin-top: 45px;}
.loginPasswordLabel {margin-top: 10px;*margin-top: 12px;}
.head-main {width: 620px !important;margin-right: 5px;}
.loginBox {font-size: 11px;line-height: 14px;padding-top: 8px;width: 255px !important;float: right;margin-left: 0;}
.loginBox p {margin: 0;}
.loginBox h3 {margin-top: 13px;font-size: 14px; margin-bottom: 13px;color: #FFF;*margin-top: 8px;*margin-bottom: 8px;}
.loginBox table {margin: 0px;}
.loginBox table td {vertical-align: top;padding: 0;}
.loginBox table td input {margin-bottom: 3px;}
.loginBox table td.linkCell {font-size:10px;}
.loginBox table td.linkCell label, .loginBox table td.linkCell input {vertical-align: middle;}
.loginBox input {width: 120px;}
.loginBox input , .loginBox select {color: #666666;border: solid 1px #858585;}
.linkCell input {width: auto;border: 0;}
#searchBox {float: left; height: 20px; margin-right: 3px;}
.loginLink {float: left; margin-right: 5px;}
.loginBox input.loginLink {width: auto;}
#otherBanking {width: 145px;font-size: 11px;height: 18px;}
.headerTabNav ul {margin: 0; padding: 0; list-style-type: none;height: 25px;}
.headerTabNav ul li {display: inline; margin: 0; padding: 0;}
.nav, .navNoMenu {background-image: url(/Images/nav_background.png);background-repeat: no-repeat;height: 33px;color: #403E43;font-size: 12px;font-weight:bold;}
.spacer {height: 3px;background-color: #FFE3AD;width: 940px;}
.nav a {color: #403E43;text-decoration: none;display: block;line-height: 25px;height:33px;margin-right:5px;padding-left: 5px;}
.nav a span {display: block; padding: 4px 10px 4px 4px}
.nav li:hover, .nav li.sfhover {background: transparent url(/Images/nav_over_left.jpg) no-repeat top left;}
.nav li:hover span, .nav li.sfhover span {background: transparent url(/Images/nav_over_right.jpg) no-repeat top right;}
.nav li.sfhover li {background-image: none;}
.nav li.sfhover li span {background-image: none;}
.nav ul {margin: 0;padding: 0;list-style-type: none;background-color: #FFF;}
.nav ul li {margin: 0; padding: 0;float: left;}
.nav li ul {position: absolute;/*width: 230px;*/left: -999em;margin-left: 3px;z-index: 998;padding-bottom: 10px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-box-shadow: 5px 5px 7px #333;-webkit-box-shadow: 5px 5px 7px #333;}
.nav li ul a {font-size: 11px;height: auto;margin: 0;line-height: normal;padding: 5px 20px;}
.nav li a:hover {text-decoration: underline;color: #B23427;}
.nav li ul li {float: none;}
.nav li ul li:hover {background-image: none;}
.nav li:hover ul, .nav li.sfhover ul {left: auto;}
.footer { clear:both; background-image:url(/Images/footer_background.jpg);height: 63px;color: #727272;font-size: 11px;background-repeat: no-repeat;}
.footer a {color: #727272;font-weight: normal;}
.nav p {margin: 0;}
.genericContainerLogos {padding: 7px 15px; text-align: right;}
.genericContainer {padding: 10px;}
.notification {background-color: #EEE;border: solid 1px #ddd;padding: 10px;text-align: center;margin-bottom: 15px;clear:both;}
.notification h1,.notification h2, .notification h3 {margin-bottom: 0;}
.code {width: 400px;height: 100px;}
.smallerText {font-size: 10px;}
.redText {color: #B23427;}

/* home */
.homeContainer {background-image: url(/Images/home_background.jpg);background-repeat: no-repeat;color: #58595B;background-color: #FFF;}
.homeContainer a {color: #58595B; font-weight: bold;}
.home-section-containers {background-image: url(/Images/home_container_bg.png);background-repeat: no-repeat;background-position: bottom left;}
.homeSectionContainer {margin-top: 340px;min-height: 149px;margin-bottom: 6px;}
.homeSectionContainer ul {list-style-type: none;}
.homeSectionContainer ul li {margin-left: 0px;background-image: url(/Images/home_bullet.png);background-repeat: no-repeat;padding-left: 20px;line-height: 13px;margin-bottom: 10px;}
.homeSectionContainerInterior {padding: 0 15px;}
.homeSidebar {padding: 25px 0 10px 0;}
.homeSidebar p {margin-bottom: 5px;}
.homeOptionalContent p {margin-bottom: 15px;}

/* utility spacing */
.top10 {margin-top:10px;}
.top20 {margin-top:20px;}
.top30 {margin-top:30px;}


/* interior */

/* WW changed padding from 25 to 10px */
.interiorContainer {padding: 10px 0 0 0;background-color: #FFF;}

.interiorContainer a {color: blue;}
.interiorContainer .dottedBorderTable td a strong {color: Blue;}
.interiorContainer a.greenButton {color: #FFF;}
.interiorContainer a.blueButton {color: #FFF;}
.interiorSidebar p {margin-bottom: 5px;}

/* WW changed bottom margin from 10px to 5px, darker font*/
.interiorBreadCrumbs {display: block;margin-bottom: 5px;color: #999999;}

.interiorBreadCrumbs a {text-decoration: underline;color: #999999;}
.dottedBorderTable {border-collapse: collapse;width: 100%;}
.dottedBorderTable th {background-color: #FEE3AC;font-size: 16px;color: #B23427;font-weight: normal;padding: 0 5px;text-align: left;}
.dottedBorderTable td {padding: 13px 20px;text-align: left;border-bottom: dotted 1px #CCC;}

/* WW commented this out.  Makes everything we want to bold that falls into a table cell red.  Not the behavior we want
.dottedBorderTable td strong {color: #B23427;}
*/

.greenButton {background-image: url(/Images/button_background.jpg);background-repeat: repeat-x;padding:4px 30px;color :#FFF;text-decoration: none;text-transform: uppercase;}

/* WW added 2/22/11 */
.blueButton {background-image: url(/uploadedImages/Site_Framework/Site_Wide/bluebutton1px.jpg);background-repeat: repeat-x;padding:4px 30px;color :#FFF;text-decoration: none;text-transform: uppercase;font-size:12px;}

.interiorContainer ul li {margin: 0 0 3px 0;padding-left: 12px;background: #fff url(/Images/unordered_list_bullet.gif) 0 6px no-repeat;overflow: hidden;}
/* fixes list item BG images in IE */
.interiorContainer ul {position: relative;list-style-type: none;list-style-position: outside;}

/* WW edited */
.contentCallout {clear: both;}
.contentCalloutRight {float: right;border:2px solid #D1CB9B;padding: 5px;margin: 0px 0px 0px 10px;text-align:center;background-image: url(/images/th_background.png);background-repeat: repeat-x;}

/* WW added 10-25-2010 */
.ctaCalloutGreen {background-color: rgb(238, 235, 217); padding: 8px; margin-bottom: 10px; width: 320px; color: rgb(106, 99, 45); border: 2px solid rgb(209, 203, 155);}
.ctaCalloutGreen UL {font-size: 14px;}
.ctaCalloutGreen p#headline {font-weight: bold; font-size: 16px;}
.ctaCalloutGreen div#HeadAndButton {text-align: center; margin: 10px 0px;}

/* WW added 2/22/11 - 3rd CTA design */
.calloutGreen2 {background-color: rgb(238, 235, 217); padding: 15px; margin-bottom: 10px; width: 670px;}
.cg2Right {width: 300px; margin: 20px 0px 10px 0px; text-align:center; font-weight:bold; font-size:14px; float:right;}
.cg2Left {width: 350px; font-size:14px;}
.cg2Left UL {font-size:14px; background-color: rgb(238, 235, 217);}
.cg2Left UL LI {background-color: rgb(238, 235, 217);}



/* WW removed align right */
p.linkButton {margin-bottom: 3px;}

p.linkButton a {color: #FFF;}
.stockTable p {margin-bottom: 0;}
tr.shaded th {background-color: #999;color: #000;}
tr.shaded td {background-color: #CCC;color: #000;}

/* WW added yellow shade for table alt rows */
tr.shadedYel th {background-color: #FFF5E1;color: #000;}
tr.shadedYel td {background-color: #FFF5E1;color: #000;}


/* branches */
.branchTable {border-collapse: collapse;width: 100%;}
.branchTable td {padding: 5px; border: solid 1px #D1CB9B}

/* CNB U */
.categoryMeta {margin-bottom: 5px;text-align: right;}
.categoryMeta .results {left: 0;position: absolute;margin-top:10px;}
.categoryMeta .p {padding:0 20px 0 0;}
.categoryMeta input {width: 30px;height: 16px;}
.bottom {margin-bottom: 20px;}
.goButton {position: absolute;right: 0;height:20px;width:10px;}
.gvTable {width: 100%;}
.gvTable, .tableShadedHead {margin-bottom: 5px;}
.tableShadedHead {margin-bottom:20px;clear: both;}
.gvTable td, .tableShadedHead td, .gvTable th, .tableShadedHead th {border:1px solid #D1CB9B;padding:5px;text-align: left;}
.gvTable th, .tableShadedHead th {background-image: url(/Images/th_background.png);background-repeat: repeat-x;height: 35px;vertical-align: middle;}
.tableShadedHead th {padding: 5px 20px 5px 20px;}
.gvTable th span, .tableShadedHead th span {float: left;}
.gvTable th span.arrows {float: right;}
.gvTable tr.alt td, .tableShadedHead tr.alt td {background-color: #EFECD0;}
.tableShadedHead td {padding: 5px 20px 5px 20px;}
.employeeInset {float: left;margin-right: 8px;margin-bottom: 8px;width: 200px;border: solid 1px #D1CB9B;padding: 8px;background-color: #FFF;}
.employeeCaption {font-size: 11px;font-style: italic;}
.goToTextBox {border: solid 1px #D1CB9B;margin-right:20px;}

/* CNB News */
.categoryDescription {margin-bottom: 20px;}
.rssFeedLink {background:transparent url(/images/rss.png) no-repeat scroll left center;padding:1px 0 2px 17px;}

/* Leaving page */
.leavingLink {margin-bottom: 20px;padding-left:30px;}
.nameColumn {width: 200px;}
.emailColumn {width: 250px;}
.employeePicture {margin-bottom: 20px;}

/* search */
.interiorContainer .ektronSearch ul.searchNavigation li {padding-left: 0;background-image: none;}
.interiorContainer .ektronSearch div.searchWrapper div.searchResults h4 img {display: none;}
.interiorContainer .ektronSearch div.searchWrapper div.resultPreview div.resultPreviewDetails {display: none;}
.interiorContainer .ektronSearch div.searchWrapper div.searchResults img {display: none;}
.interiorContainer .ektronSearch div#navbar ul.ektronPaging li {background-image: none;border: 0;}


/* WW CNBU callouts style 20100607 */
.tableEduAdv td, .tableEduAdv th {padding:5px 25px 5px 5px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:13px;margin-bottom:0px;}
.callout1 { border-style: solid; border-color:#999999; border-bottom-width: 1px; border-top-width:1px; border-right-width: 0px; border-left-width:0px;padding:0px 8px 0px 8px;margin-top:10px;}
.listArrow ul, .listArrow li {list-style-image: url(/Images/home_bullet.png);background-image: none !important;margin-left:20px !important; padding-left: 5px !important;}
.listCalc ul, .listCalc li {list-style-image: url(/uploadedImages/Site_Framework/Site_Wide/calculator4.gif);background-image: none !important;margin-left:25px !important; padding-left: 5px !important;}
/* WW 11/15/10 */
.calloutRight {margin: 0px 20px 20px 0px; float: right; width: 300px;}


/* sitemap */
.ekSitemap ul {margin-bottom: 0;}
.ekSitemap ul.ektSitemap {margin-bottom: 15px;}

/* safari fixes */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	/* main */
	.headerLogo {margin-bottom: 25px;}
	
	/* CNB U */
	.gvTable th, .tableShadedHead th {height: 24px;}
}

/* calculators */
.calculatorContainer {margin-bottom: 20px;}
.calculatorIframe {width: 100%;height: 500px;}

/* show/hide elements */
.more {
	display: none; }
a.showLink, a.hideLink {
	text-decoration: none;
	color: #B23427;
	padding-left: 12px;
	background: transparent url('/uploadedImages/Site_Framework/Site_Wide/plus.gif') no-repeat left; }
a.hideLink {
	background: transparent url('/uploadedImages/Site_Framework/Site_Wide/minus.gif') no-repeat left; }

/* product list table - more compact */
.compact td {padding-top:0px; padding-bottom: 0px;}
.compact ul {margin-bottom: 0px;}
td.vertMid {vertical-align: middle}


/* WW black link style 20100428 */
.interiorContainer a.link-blk {color:#000000;}
.interiorContainer a.link-blk-bold {color:#000000;font-weight:bold;}

/* WW superscript 10px */
.super10 {vertical-align:super; font-size: 10px;}

/* Landing Page Header Image NU 2011-05-25 */
.landingHeader { height:165px; }

.clear { clear:both; }

/* Employee Collection View */
.employeeCollection a {color: #000;}
.employeeCollection a.pictureName {font-size: 13px; display: block; line-height: 1.2em; margin: 4px 0 0;}
.employeeCollection .nameCol {width: 200px;}

/* home banner link */
.home-banner-link {text-decoration: none;height: 315px;cursor: pointer;}
.has-link .homeSectionContainer {margin-top: 25px;}