body { font-family: Arial, Helvetica; font-size: 10pt; background-color:#ffffff; margin:0px 0px 0px 0px; background: url('/UPCMS/designs/TCULv3/images/bodybackground.gif') no-repeat center top;}
p { margin: 0px 0px 15px 0px; color: #000000;}

a:link, a:visited, a:active {color: #ada364; text-decoration: underline;}
a:hover {color: #53725f; text-decoration: underline;}

div.debug { position: fixed; bottom: 0px; left: 0px; right: 0px; opacity: .8; display: none;
            background-color: #ffffff; color: #333333; font-family: Monospace; 
            border: solid 1px #ffeeee; padding: 3px; xheight: 20px; overflow: scroll; }
span#viewDebug { position: fixed; bottom: 0px; right: 0px; 
                 background-color: #cccccc; color: #ffffff; cursor: pointer; padding: 1px;
                 xborder: solid 1px black; }

.loadingPanel {background-color:#ffffff;}
.warning { color: Red; }
.topNav_container {width:100%; height:27px; background-image:url('/UPcms/displayControls/resources/topNav_bg.gif'); background-repeat:repeat-x; padding-bottom:1px; }
.topNav_inner {margin-right:40px;}

#mainBody {text-align:center; margin-top: 0px;}
#mainContainer {width: 100%}
#mainContainer .leftGutter {width: auto;}
#mainContainer .rightGutter {width: auto;}
#mainContainer .middleColumn {width: 950px;}


#bannerTop {width:950px; margin-bottom:0px; vertical-align: top; text-align: right;}
#bannerTop #leftTop { width: 425px; cursor: pointer;}
#bannerTop #rightTop {padding-bottom: 35px; text-align: right;}

/* mid level nav: "Credit Unions", "Consumers", "Legislators", "Press" */
#bannerMid {width:950px; vertical-align: top; }
#bannerMid #leftMid {width: 515px; cursor: pointer; text-align: left;}
#bannerMid #rightMid {}
#bannerMid .creditunions {background: url('/UPCMS/designs/TCULv3/images/CUGold.png'); _background: url('/UPCMS/designs/TCULv3/images/CUGold.gif'); background-repeat: no-repeat; padding: 3px 75px 15px 70px; cursor: pointer; } 
#bannerMid .creditunionshigh {background: url('/UPCMS/designs/TCULv3/images/CUWhite.png'); _background: url('/UPCMS/designs/TCULv3/images/CUWhite.gif'); background-repeat: no-repeat; padding: 3px 75px 15px 70px; cursor: pointer; } 
#bannerMid .consumers {background: url('/UPCMS/designs/TCULv3/images/consumersGold.png'); _background: url('/UPCMS/designs/TCULv3/images/consumersGold.gif'); background-repeat: no-repeat; padding: 3px 60px 15px 65px;  cursor: pointer; }
#bannerMid .consumershigh {background: url('/UPCMS/designs/TCULv3/images/consumersWhite.png'); _background: url('/UPCMS/designs/TCULv3/images/consumersWhite.gif'); background-repeat: no-repeat; padding: 3px 60px 15px 65px;  cursor: pointer; }
#bannerMid .legislators {background: url('/UPCMS/designs/TCULv3/images/legislatorGold.png'); _background: url('/UPCMS/designs/TCULv3/images/legislatorGold.gif'); background-repeat: no-repeat; padding: 3px 65px 15px 60px; cursor: pointer; }
#bannerMid .legislatorshigh {background: url('/UPCMS/designs/TCULv3/images/legislatorWhite.png'); _background: url('/UPCMS/designs/TCULv3/images/legislatorWhite.gif'); background-repeat: no-repeat; padding: 3px 65px 15px 60px;  cursor: pointer; }
#bannerMid .press {background: url('/UPCMS/designs/TCULv3/images/pressGold.png'); _background: url('/UPCMS/designs/TCULv3/images/pressGold.gif'); background-repeat: no-repeat; padding: 3px 0px 15px 48px;  cursor: pointer; }
#bannerMid .presshigh {background: url('/UPCMS/designs/TCULv3/images/pressWhite.png'); _background: url('/UPCMS/designs/TCULv3/images/pressWhite.gif'); background-repeat: no-repeat; padding: 3px 0px 15px 48px;  cursor: pointer; }

#bannerBottom {width:950px; vertical-align: top;}
#bannerMid2 {padding-top: 60px; width: 950px; cursor: pointer; }
#bannerBottom #topNavHeight {padding-top: 20px;}


#rightColumnOuterDiv #top {background-color: #FFFFFF;}
#rightColumnInnerDiv {background-color:#ffffff; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff;}
#rightColumnOuterDiv #bottom{background-color:#ffffff;}

#rightColumnOuterDiv #callOut #top {background-color:#ffffff;}
#rightColumnOuterDiv #callOut #body {background-color:#ffffff;}
#rightColumnOuterDiv #callOut #bottom {background-color:#ffffff;}


#mainDisplay {padding:0px 0px 2px 2px; clear:both; }
#mainTable {border-collapse:collapse; width: 950px; }

#leftTD {width:165px;  overflow:hidden; text-align: left;}
#mainTD {border-left:solid 1px #ada364; background:#ffffff; text-align: left; width: 100%; min-width: 475px;}
.rightTD {width:225px; text-align: left; }
#leftColumnDiv {margin-right:15px;}
#mainColumnDiv {padding:5px 15px 15px 15px;}
#rightColumnOuterDiv {margin-left:15px;}
#rightColumnOuterDiv #top {display:block; background-color:#ffffff;  height:15px; }
#rightColumnInnerDiv {background-color:#ffffff; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff;  padding:10px;}
#rightColumnOuterDiv #bottom{display:block; background-color:#ffffff; height:15px; }


.footer {text-align: center; margin:20px 0px 10px 0px; font-size:8pt; border-top: solid 1px #ada364;}

/* very top banner Nav */
#TopContainer {width: 100%}
#TopContainer .leftGutter {width: auto;}
#TopContainer .rightGutter {width: auto;}
#TopContainer .middleColumn {width: 950px; }


#bannerNav {background: inherit; float: right;}
#bannerNav .navMain {text-align: right; padding-top: 4px;}
#bannerNav .navItem {text-align: right !important; text-transform: uppercase; border-right: solid 1px #ffffff; padding: 0px 5px 0px 4px;}
#bannerNav .navItemHover {}
#bannerNav .navItemSelected {}
#bannerNav .navItem a {font-family: Arial, Helvetica; font-size: 10pt; text-decoration:none; color:#ffffff; }
#bannerNav .navItem a:hover {text-decoration:underline;}
#bannerNav .subMenu {padding:4px 8px 4px 8px; text-align:left; background-color: #ffffff; border:solid 1px #f5f2e8;}
#bannerNav .subMenuItem {padding: 3px;}
#bannerNav .subMenuItem a {padding:2px; text-decoration:none; font-size:9pt; font-weight:bold; color:#000000; border: solid 1px #ffffff;}
#bannerNav .subMenuItemHover a {padding:2px; color: #000000; background-color: #e4e2e2; border:solid 1px #000000;}

/*below banner nav */

#topNav {background: inherit;}
#topNav .navMain {padding: 0px; }
#bannerBottom #topNav .navItem {padding-right: 30px; }
#topNav .navItemHover {padding-right: 5px;}
#topNav .navItemSelected {padding-right: 5px; } 
#topNav .navItem a {text-decoration:none; font-size: 10pt; color:#000000; font-weight: bold;}
#topNav .navItem a:hover {color:#ffffff; }
#topNav .navItemSelected a {color:#ffffff; }
#topNav .subMenu {padding:4px 8px 4px 8px; text-align:left; background-color: #ffffff; border:solid 1px #f5f2e8;}
#topNav .subMenuItem { padding:3px;}
#topNav .subMenuItem a {padding:2px; text-decoration:none; font-size:9pt; font-weight:bold; color:#484b48; border:solid 1px #ffffff; }
#topNav .subMenuItemHover a {padding:2px; border:solid 1px #000000; background-color:#afc7b9; color: #484b48;}



#leftColumnDiv .navMain {border:solid 1px #ffffff; padding:4px; background-color:#ffffff; }
#leftColumnDiv .navItem {padding:3px; border:solid 1px #ffffff; background-color:#ffffff;  }
#leftColumnDiv .navItemHover {padding:3px; }
#leftColumnDiv .navItemSelected {padding:3px; font-size:12pt;  color:#ada364; }
#leftColumnDiv .navItem a {text-decoration:none; font-size:12pt;   color:#231f20;}
#leftColumnDiv .navItem a:hover {text-decoration:none; font-size:12pt;  color:#ada364;}
#leftColumnDiv .subMenu {padding:4px 8px 4px 8px; border:solid 1px #ada364; background-color:#ffffff; text-align: left;}
#leftColumnDiv .subMenuItem { padding:3px;}
#leftColumnDiv .subMenuItem a {text-decoration:none; font-size:10pt; font-weight:normal; color:#000000;  }
#leftColumnDiv .subMenuItemHover {padding:2px; border:solid 1px #000000; background-color:#ffffff;}

.navTitle {padding-bottom: 10px;}
.vertNavTitle, a.vertNavTitle {color: #000000; text-decoration: none; text-align:left; display: none;}




/* Left Callout */
#leftColumnDiv #callOut {margin:20px 0px 20px 0px; background-color:#ffffff; border:solid 1px #e7e7e7; padding:10px;}
#leftColumnDiv #callOut #body {}



/* Right Callout */
#rightColumnOuterDiv #callOut {margin:10px 0px 20px 0px;}
#rightColumnOuterDiv #callOut #top {display:block; height:15px; }
#rightColumnOuterDiv #callOut #body {background-color:#ffffff; border-left: solid 1px #b3d3e7; border-right: solid 1px #b3d3e7;  padding:10px;}
#rightColumnOuterDiv #callOut #bottom {background-color:#ffffff;  display:block; height:15px; }

/* Cookie */
.cookieContainer {width:100%; padding-bottom:6px; }
.cookieItem { font-weight: bold; font-size: 10px; color:#666666; font-family: Arial, Helvetica, sans-serif; display:inline-block; margin:2px 4px 2px 0px; text-decoration:none;}
.cookieBullet {font-size: 10px; color:#666666; font-family: Arial, Helvetica, sans-serif; text-decoration: none; display:inline-block; margin:2px 4px 2px 0px; text-decoration:none;}

/* Section Nav */
.nav_inSectionHeader { padding-left:10px; padding-right:5px; font-weight: bold; font-size: 14px; color: #000000; font-family: Arial, Helvetica, sans-serif; display:block;}
.snMid {padding-right:5px;  }
ul.nav_inSectionUL {margin-top:5px; margin-bottom:0px;}
ul.nav_inSectionUL li {margin-left:-15px;}
ul.nav_inSectionUL li a {font-weight: bold; font-size: 9pt; color: #005288; text-decoration:none;}
ul.nav_inSectionUL li a:hover {color:#990000;}

/* Section display */
.sectionTitle { font-weight: bold; font-size: 13pt; color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration:none; margin-bottom:12px; }

/* Promotions */
#mainColumnDiv #promo {margin:10px 0px 20px 0px;}
#mainColumnDiv #promo #top {display:block; background: url('/images/fcfcfc-fcfcfc-e7e7e7-ffffff/30-1920-6-1/sprite.png') no-repeat; height:10px;}
#mainColumnDiv #promo #topr {display:block; background: url('/images/fcfcfc-fcfcfc-e7e7e7-ffffff/30-1920-6-1/sprite.png') no-repeat top right; height:10px; margin-top:-10px; margin-left:15px;}
#mainColumnDiv #promo #body {background-color:#fcfcfc; border-left:solid 1px #e7e7e7; border-right:solid 1px #e7e7e7; padding:5px 10px 5px 10px;  }
#mainColumnDiv #promo #bottom {display:block; background: url('/images/fcfcfc-fcfcfc-e7e7e7-ffffff/30-1920-6-1/sprite.png') no-repeat bottom left; height:10px;}
#mainColumnDiv #promo #bottomr {display:block; background: url('/images/fcfcfc-fcfcfc-e7e7e7-ffffff/30-1920-6-1/sprite.png') no-repeat bottom right; height:10px; margin-top:-10px; margin-left:15px;}

#promoSummary {clear:both; margin-bottom:15px;}
#promo #title a { font-weight: bold; font-size: 12pt; color: #000000; text-decoration:none; }
#promo #title a:hover {text-decoration:underline; }
#promoSummary a.item_title { font-weight:bold; color: #53725f;}
#promoSummary .item_title { font-weight:bold; color: #53725f;}
#promoSummary .item_summary {font-family: Arial, Helvetica, sans-serif; color: #000000;}

/* item display */
.rssFeedIcon {margin-top:40px; text-align:right; width:100%;}
#summary {clear:both; padding-top:10px; }
.item_title { font-weight: bold; font-size: 10pt; color: #53725f; font-family: Arial, Helvetica, sans-serif; text-decoration:none;}
a.item_title { font-weight: bold; font-size: 10pt; color: #53725f; font-family: Arial, Helvetica, sans-serif; text-decoration:none;}
a.item_title:hover {text-decoration:underline;}
.item_date { font-size: 10px; color: #999999; font-family: Arial, Helvetica, sans-serif;}
.item_summary { font-size: 12px; color: #58595b; font-family: Arial, Helvetica, sans-serif; }
.pager {clear: both; text-align:right; margin-top:25px; }
.faqHeader {}

/* image display */
.imageAbove, .imageBelow {margin:0px 0px 10px 0px;}
.imageTop {margin:0px 0px 5px 5px; float:right;}
.imageLeft {margin:5px 5px 5px 0px; float:left;}
.imageRight {margin:5px 0px 5px 5px; float:right;}
#caption {font-size:10px; color:#999999;}
#thumbnail {float:left; margin:0px 7px 0px 0px; }

/* Calendar */
.calendar {border: solid 1px #CCCCCC; border-collapse:collapse; }
.calTitle {background-color: #5c9de0; color:#ffffff; padding:2px; font-size:12pt;}
.calDayHeader{background-color: #F0F0FF; border: solid 1px #CCCCCC;}
.calDay {border: solid 1px #CCCCCC;}
.calOther {background-color: #F0F0F0; border: solid 1px #CCCCCC;}
.calToday {background-color: #F0FFF0; border: solid 1px #CCCCCC;}
a.calItem {text-align:left; font-size:8pt; text-decoration:none;}
a.calItem:hover {color:#990000; text-decoration:underline;}

#icalFeed {text-align:right; margin-top:5px;}
.iCaltext {font-size:7pt; color:#999999; display:block; margin-top:2px; margin-right:8px; float:right;}
.iCalIcon {display:block; float:right;}


/* Cal 2 */

#UPcalendar table tr {vertical-align:top;}
#UPcalendar table td {background-color: #53725f;}
#UPcalendar #cCell {border-right:solid 1px #dddddd; border-collapse:collapse; min-height:80px; text-align:left; _height:80px; background-color: #ffffff;}
#UPcalendar #cCellToday {border-collapse:collapse; background-color:#fffcd9; min-height:80px; text-align:left; _height:80px;}
#UPcalendar .calNext a {text-decoration:none; font-size:12pt;}

#UPcalendar #chDate {width:100%; border-bottom:solid 1px #dddde0; text-align:right; font-size:8pt;}
#UPcalendar .chReg {background-color:#dee7ea;}
#UPcalendar .chOther {background-color:#f0f0f0; color:#999999;}
#UPcalendar .chToday {background-color:#afc6ce;}
#UPcalendar #chNum {margin-right:3px;}
#UPcalendar #cdEmpty {}


/*Site events */
#UPcalendar #cal.cdMulti {font-size:9pt; height:16px; color:#ffffff; text-align:left; background-color:#72967f; padding:1px 1px 1px 4px; margin-top:1px;}
#UPcalendar #cal.cdS {background-image:url('/images/72967f-72967f-72967f-ffffff/18-400-4-1/sprite.png'); background-repeat:no-repeat; margin-top:1px; margin-left:1px;}
#UPcalendar #cal.cdE {background-image:url('/images/72967f-72967f-72967f-ffffff/18-400-4-1/sprite.png'); background-repeat:no-repeat; background-position:right top; margin-top:1px; margin-right:1px;}
#UPcalendar #cal.cdReg {color:#555577; margin:0px 2px 2px 4px; font-size:9pt; }

#UPcalendar #cal #cdItem {white-space: nowrap; overflow: hidden;}
#UPcalendar #cal #cdItemL {cursor:pointer; white-space: nowrap;	overflow: hidden;}

/* Promo Calendar */
.Pcalendar {border: solid 1px #CCCCCC; border-collapse:collapse; }
.PcalTitle {background-color: #5c9de0; color:#ffffff; padding:2px;}
.PcalDayHeader{background-color: #F0F0FF; padding:2px;}
.PcalDay {padding:2px; font-size:8pt; height:15px;}
.PcalOther {background-color: #F0F0F0; height:15px;}
.PcalWeekend {color:#000000; height:15px;}
.PcalToday {background-color: #E0EEE0; border:none;}
a.PcalItem {text-align:left; font-size:8pt; text-decoration:none;}
a.PcalItem:hover {color:#990000; text-decoration:underline;}


/* sidebar */
#mainColumnDiv .sidebar_div {margin:5px; padding:10px; background-color:#f0f0f0; width:240px;}
#rightColumnInnerDiv .sidebar_div {margin-top:5px;}
.secSidebar {border: solid 1px #000000;}
.sidebar_top_div, .snTop {}
.sidebar_bottom_div, .snBot {margin-bottom:20px; border-bottom: solid 1px #ada364; }
.sidebar_title_div {}
.sidebar_title { font-weight: bold; font-size: 11pt; color: #000000; font-family: Arial, Helvetica, sans-serif; }
.sidebar_body { font-size: 12px; color: #58595b; font-family: Arial, Helvetica, sans-serif; }
.sidebar_body_div { padding: 3px 5px 13px 10px; }
.sidebar_image_div { padding: 3px 5px 3px 10px;}

.sitemap_item { font-size: 12px; color: #330066; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.sitemap_ul {margin-left:24px; list-style-type:disc;}


/* FormBuilder */
.wizard_fieldLabel {display:block; margin-right:20px;}
.form_required .wizard_fieldLabel {display:block; margin-right:20px; font-weight:bold;}
.form_button_Div {margin-top:30px; width:100%;}
.form_button {display:block; width:80px; height:30px; font-weight:bold; font-size:8pt; text-decoration:none; color:#000000; text-align:center; padding-top:2px;  background: url('/images/f0f0f0-eeeeee-666699-ffffff/25-80-2-1/effect-shadow/sprite.png') no-repeat; float:left;}
.wizard_fieldHeader {display:block; padding-top:15px;}
.wizard_fieldFooter {display:block; padding-bottom:15px;}
.formConfirmationText  {font-weight:bold; font-size:14px; text-decoration:none; color:#000000;}
#formConfirmationTable {border: solid 1px #dedede;}
#formConfirmationTable td {font-size:9pt; padding-right: 15px; padding-top: 15px;}

/* Directory */
.dir_Header, .dir_Pager {background-color:#d8cd7d; border:solid 2px #ffffff;}
.dir_Filter  {background-color:#f5f2e8;}
.dir_Filter td { border:none !important;}
.dir_Row {background-color:#e3e3e3;}
.dir_AltRow {background-color:#ffffff; }
.dir_Cell {padding-right:30px !important; border:solid 2px #000000; }
.dir_Cell a {color:#005288 !important; text-decoration:none;}
.dir_Cell a:hover {color:#990000 !important;}
.dir_subText {width:100%;  margin-bottom:4px; font-size:8pt;}
#alphaList {margin-bottom:8px; margin-top:15px;}
#alphaList>span {margin:0px 4px 0px 4px}
#alphaList>#hl {text-decoration:underline; cursor:pointer; color:#0000ff;}

/* Membership Profile Page */
table.membershipHome div { margin-bottom: 13px; }
table.membershipHome legend { color: #53725f; font-size: 12pt; font-family: Arial; font-weight: bold; }
table.membershipHome div.section { padding-top: 7px; padding-right: 5px;}
table.membershipHome div span.edit { color: #58595b; position: absolute; margin-left: 290px; margin-top: -8px; text-decoration: underline; }
table.membershipHome div span.edit a { color: #999999; text-decoration: underline; }
table.membershipHome div span.editlong { color: #58595b; position: absolute; margin-left: 655px; margin-top: -8px; text-decoration: underline; }
table.membershipHome div span.editlong a { color: #999999; text-decoration: underline; }
table.membershipHome .label, table.membershipHome label { margin: 2px; color: #58595b; font-size: 10pt; font-family: Arial; }
table.membershipHome .labellink { color: #ada364; font-size: 10pt; font-family: Arial; }

.searchBoxText {font-weight: bold; }
.searchInSection {font-size: 8pt;}

/* Google Search */
.s,.f,.f a{font-size: 100%}
.l{color: #050097}
.t{color:#000000}
.t{background-color:#FFFFDD}
.z{display:none}
.f,.f:link,.f a:link{color:#6f6f6f}
.i,.i:link{color:#a90a08}
.a,.a:link{color:#008000}
div.n {margin-top: 1ex}
.n a{font-size: 10pt; color:#000000}
.n .i{font-size: 10pt; font-weight:bold}
.q a:visited,.q a:link,.q a:active,.q {text-decoration: none; color:#0000cc;}
.b,.b a{font-size: 10pt; color:#0000cc; font-weight:bold}
.d{font-family:arial,sans-serif; margin-right:1em; margin-left:1em;}

/* Image Gallery */
#ig_title {font-weight:bold;}
#ig_ssLink {clear:both;}
#ig_ssLink a {text-decoration:none;}
#ig_desc { float:left; margin:5px 0px 10px 0px;}
.ig_thumb {margin:0px 5px 5px 0px; float:left;}

/* In This Section */
div.inThisSection { margin-bottom: 10px; width:100%; }
div.inThisSection div.header { background-image: url(/UPcms/designs/TCUL/images/leftnavback.gif); background-repeat: repeat;
                               color: #ffffff; font-weight: bold; font-family: Arial, Helvetica; padding: 3px; text-align: center; text-transform: uppercase;}
div.inThisSection div.content { padding: 15px; border-left: solid 1px #000000; border-right: solid 1px #000000; border-bottom: solid 1px #000000; margin-bottom: 15px;}
div.inThisSection div.item { padding-bottom: 5px; padding-left: 5px; }
div.inThisSection div.item .navSidebar { font-size: 14px; padding-left: 4px;}
div.inThisSection a { color: #000000;  text-decoration: none; }