/*Madison Credit Union*/
/* $Id: styles.css 49786 2010-12-31 15:58:49Z jhulett $ */
body {margin:0; padding:0; font:90% arial, sans-serif; background:#003666 url(../img/body-bkgd.gif) repeat-y top left; color:#000;}
p {margin-top:0; margin-bottom:1em;}
th, td, caption {color:#000; font: small arial, sans-serif;}
th {font-weight:bold; text-align:left;}
caption {font-weight:bold; font-size:1em; text-align:left; margin:0; padding:0 0 5px;}
table {margin-bottom:1.5em;}
img {border-style:none;}
hr {clear:both; height:1px; border-style:none; background-color:#D89900; }
ul, ol {margin-top:0; margin-bottom:1em;}
li {margin-bottom:.5em;}
ul li ul li {margin-bottom:0;}
dt {font-weight:bold; font-size:1em;}
dd {margin:.25em 0 1em 2em;}
h1 {position:absolute; width:125px; top:5px; left:10px; z-index:2; height:75px; margin:0; padding:12px 0 0 65px; color:transparent; background:transparent url(../img/75th_logo.gif) no-repeat; font:2.5em georgia, serif;}
h2 {margin:0 0 5px; font:bold 2.5em georgia, sans-serif; color:#003666; text-align: center; }
h3 {margin:0 0 5px; color:#4a7fc0;}
h4 {margin:0 0 2px; font-size:1em;}
abbr, acronym {border-bottom:1px dashed #666; cursor:help;}
form {margin:0;}
label {cursor:pointer;}
input, select, textarea {font:75% arial, sans-serif;}
fieldset {margin:0 0 1em; border:1px solid #d89900; padding:10px;}
legend {font:bold 1em arial, sans-serif; color:#000;}

/*Adds little icons to special links, like new windows and pdf files.  Doesn't work in >IE6.  Stupid IE.*/
a[rel="new"] {padding-right:12px; background:transparent url(../img/lnk-new.gif) no-repeat right center;}
a[rel="pdf"] {padding-right:12px; background:transparent url(../img/lnk-pdf.gif) no-repeat right center;}
a.pdf-link {padding-right:12px; background:transparent url(../img/lnk-pdf.gif) no-repeat right center;}

/*Basic Page Structure*/
#container {width:770px;}
#header {position:relative; width:100%; height:100px; background:#8ab4dd url(../img/header-bkgd.gif) repeat-x top left;}
#tagline {position:absolute; left:230px; bottom:15px; color:#fff; width:145px;}
#homelink {display:block; position:absolute; top:0; left:0; z-index:10; height:100px; width:595px; font-size:0; background:transparent none;}
#content {margin:2.5em 0 0; min-height: 750px; }
#copy {margin:0 185px 0 175px;}
#meta {margin:0 188px 0 13px; font-size:75%; border-top:1px solid #d89900; padding:1em 0 0;}
#meta div.right {width:75px; float:right; text-align: center;}
#meta div img {;}
#footer {font-size:75%; margin:-3px 0 0 20px; float: left;}
#subcontent {position:absolute; top:115px; left:600px; width:165px; text-align:center;}
#subcontent p {width:65%; border:1px solid #fff; margin:1em auto 1em; padding:3px; background:#c9dced;}
#subcontent img {display:block; margin:0 auto 1em;}
#meta hr, #footer hr {display:none;}

#contentcap {position:absolute; top:135px; left:-5px;}
#contentcap .credit {position:absolute; top:165px; left:52px;}
#contentcap p {width:150px; height:150px; margin:7px 0 0 13px; border:2px solid #d89900; background:#fed874 none no-repeat top left; }
#contentcap p#cap-services {background-image:url(../img/cap-services.jpg);}
/*#contentcap p#cap-index {background-image:url(../img/cap-index.jpg);}*/
#contentcap p#cap-index {background-image:url(../img/cap-index_20060124.jpg);}
#contentcap p#cap-lending {background-image:url(../img/cap-lending.jpg);}
#contentcap p#cap-promo {background-image:url(../img/cap-promo.jpg);}
#contentcap p#cap-online {background-image:url(../img/cap-online.jpg);}
#contentcap p#cap-about {background-image:url(../img/cap-about.jpg);}
#contentcap p#cap-contact {background-image:url(../img/cap-contact.jpg);}
#contentcap p#cap-youth {background-image:url(../img/cap-youth.jpg);}
#contentcap p#cap-privacy {background-image:url(../img/cap-privacy.jpg);}
#contentcap p#cap-calcs {background-image:url(../img/cap-calcs.jpg);}
#contentcap p#cap-patriot {background-image:url(../img/cap-patriot.jpg);}
#contentcap p#cap-rates {background-image:url(../img/cap-rates.jpg);}
#contentcap p#cap-youthaccts {background-image: url(../img/cap-youthaccts.jpg);}

#forsale {
	position:absolute; 
	top:325px; left:5px;
	width:160px;
	}
	
#forsale a {

	}

#forsale a:hover{
	
	}
#forsale ul {margin-left:0; padding-left:0;}
#forsale ul li {font-size:11px; width:150px;}

/*Navigation*/
#nav {position:absolute; top:100px; left:0; width:595px; margin:0; padding:0; font-weight:bold;}
#nav ul {margin:0; padding:0; list-style:none;}
#nav li {float:left; background:#fed874 url(../img/tab-l.gif) no-repeat bottom left;}
#nav li a{display:block; padding:5px; background:transparent url(../img/tab-r.gif) no-repeat bottom right; text-decoration:none; font-size:85%;}
#nav li a:link, #nav li a:visited {color:#815b00;}
#nav li a:hover, #nav li a:active {color:#000;}
#nav li#currentpage {background-image:url(../img/tab-l-this.gif);}
#nav li#currentpage a {background-image:url(../img/tab-r-this.gif); color:#815b00;cursor:default;}

/*CU*Answers Common Classes*/
.floatright {float:right; margin-left:1em;}
.floatleft {float:left; margin-right:1em;}
.textleft {text-align:left;}
.textright {text-align:right;}
.fineprint {font-size:smaller; font-style:italic;}

.emph {font-size:1em; font-weight:bold;}
.noborder {border-style:none;}
.last {margin:0;}
.none {display:none;}
.indent {margin-left:.75em;}
.center {text-align:center;}
.copyblock {padding:0; border-bottom:1px solid #d89900; margin:0 0 5px;}
.bottomblock {padding:0; border-style:none;}
.error {font:bold 18px Georgia, "Times New Roman", Times, serif; color:#FF0000}
.success {font:bold 18px Georgia, "Times New Roman", Times, serif; color:#009900;}
.thumbnail {margin:0 0 0 10px; position:relative; z-index:9999; border:1px solid #eee; float:right; padding:5px; background:#fff;}
	.thumbnail img {border:1px solid #000;}
	
.notice {margin:0 0 1em; border:1px solid #eac978; padding:5px; background-color:#fef3ca;}
.notice h3 {color:#000;}

/*Contact*/
#frmContact .frmcontain {clear:both; margin:0 0 5px; padding:0 0 3px;}
#frmContact .frmcontain label {width:135px; float:left; margin-right:10px; text-align:right;}
#frmContact .frmcontain input, #frmContact .frmcontain select, #frmContact .frmcontain textarea {width:200px;}

/*Calc*/
.frmMain {clear:both; margin:0 0 2px; padding:0 0 3px;}
#frmCalc label {width:135px; float:left; margin-right:10px; text-align:right;}
.calcresult {cursor:default;}

/*Home Banking*/
.hb-link {position:absolute; left:567px; top:3px;}

#homebanking {position:absolute; top:0; left:595px; width:175px; height:100px; background:#4a7fc0 url(../img/cuathome-bkgd.gif) repeat-x top right;;}
#homebanking h4 {font-size:1em; padding:3px; margin:0; color:#fff;}
#homebanking fieldset {margin:0; border-style:none; padding:0; text-align:right;}
#homebanking legend {display:none;}
#homebanking input, #homebanking label {font-size:10px; margin:0; vertical-align:top; display:inline;}
#homebanking label {margin-right:10px; font-size:85%; text-align:right;  font-weight:bold; border-style:none; color:#fff;}
#homebanking .frmcontain {clear:both; margin-bottom:3px; padding:0 3px;}

/*Contact area of header*/
#contact-info{
	position:absolute;
	top:50px;
	left:445px;
	
	font-size:11px;
	font-family:"Times New Roman", Times, serif;
	color:#18468b;
	text-align:right;
}

/*Datatable*/
.datatable {border-width:1px 1px 0; border-style: solid; border-color:#d89900; margin-bottom:1em; width:100%;}
.datatable th {padding:4px 5px; border-bottom:2px solid #d89900; background-color:#fff; color:#4a7fc0; vertical-align:top;}
.datatable tbody {border-bottom:2px solid #d89900;}
.datatable tbody th {background-color:#f0dc91; color:#000;}
.datatable tbody th.sub {border-right:2px solid #d89900; border-bottom:none;}
.datatable td {padding:4px 5px; border-bottom:1px solid #d89900; vertical-align:top;}
.rowone {background-color:#fef3ca;}
.rowtwo {background-color:#fff;}


/*Clearing floats.*/
/*It's great in the HTML, but a little clunky in the CSS, so it's at the bottom.*/
.clear:after, #container:after, #meta:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear, #container, #meta {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear, * html #container, * html #meta  {height: 1%;}
.clear, #container, #meta {display: block;}
/* End hide from IE-mac */

/* Spring '08 Puddles promo */
#puddles-banner, #puddles {display:block; background:#96d09c url(../img/2008-spring-promo/wave.jpg) bottom repeat-x; height:185px;}
#puddles-banner {text-decoration:none; color:#000000;}
	#dog-img {float:left;}
	#puddles-banner h3 {font-size:150%; text-align:center; padding-top:25px;}
#puddles {background:#96d09c; height:auto; padding:.5em;}
	#puddles p.dub-space {line-height:1.5em;}
	#puddles h3 {font-size:185%; text-align:center; padding-top:.2em;}
	#puddles ul {font-size:130%;}

#hula-hoop {text-align:center;}
	#hula-hoop p {text-align:left; background-color:#E7E7E8; padding:1em;}
	#hula-hoop p.fineprint {background-color:transparent; padding:auto;}

/* Fall Fix it Promo 2007 */
#fall-fix-it {text-align:center; font-weight:bold;}
#fall-fix-it p:first-letter {font-size:125%;}
#fall-fix-it p.norm:first-letter {font-size:100%;}

#badger-pack {text-align:center;}
#badger-pack h2 {font-size:200%;}

/* For teh Fall 2006 Promo */
#fall-promo {text-align:center; border:1px solid #D89900; padding:2px 2px 2px 0; margin-bottom:1em;}
#fall-promo p, #fall-promo ul, #fall-promo h3 {text-align:left; background:none; padding:5px}
#fall-promo #promo-heading {margin:auto; border:none;}
#fall-promo .red-leaf {padding-left:30px; background:url(../img/2006-fall-promo/red.gif) left center no-repeat; text-align:left;}
#fall-promo .red-leaf ul {padding-left:80px;}
#fall-promo .green-leaf {margin-top:-15px; border:none; float:right;}

/* For the Winter 2006 Promo */
#winter-promo {text-align:left; border:1px solid #003666; padding:0px; margin-bottom:1em;
}
#winter-promo p, #winter-promo ul, #winter-promo h3 {text-align:left; background:none; padding-left:5px}
#winter-promo #promo-heading {margin:auto; border:none;}
#winter-promo ul { margin-left: 20px; }
#winter-promo li { margin:0px; padding: 1px; }

#home-buyer {color:#fff; font-size:11px; background:#422923 url(../img/home-buyer-promo.gif) no-repeat; padding-top:55px; padding-right:3px; padding-left:40px; padding-bottom:1em; border:3px solid #965D30; border-bottom:none;}
	#home-buyer td, #home-buyer th {color:#fff; text-align:left;}
	#home-buyer th {font-weight:bold; text-align:right; padding-right:2px; vertical-align:top;}
	#home-buyer h4 {color:#E3BA4C; font-size:15px; text-align:center;}
	#home-buyer table {margin:auto; margin-bottom:1em;}
#home-buyer-footer {background-color:#C8BDBA; margin-bottom:1em; border:3px solid #965D30; border-top:none; text-align:center;}
	#home-buyer-footer img {margin:auto;}

#spring-promo {margin-bottom:1em; border:1px solid #003666; padding:.5em;}
	#spring-promo h4 {margin-bottom:1em;}
	#spring-promo .more {display:block;}
	#spring-promo li {font-size:90%;}
		#spring-promo li strong {font-weight:bold;}

ul.nomarker li { background:none; padding-left:0; list-style-image:none; list-style-position:outside; list-style-type:none; }

/* zoom image */

#zoom a {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #000;
	text-indent: -1000em; /* hide the link text */
	overflow: hidden;
	display: block;
	width: 62px; /* show only thumbnail */
	height: 28px;
	background: url(../img/ncua_logo_2006z.gif) no-repeat top left;
	}
	
.imgpromo { border-bottom: 0px;}

table.tiered {width: 100%;}
table.tiered td {color: #000; text-align: center;}
.bronze {background: #d09c4a; border: 2px solid #a8772a;}
.silver {background: #d9d9d9; border: 2px solid #a4a4a4;}
.gold {background: #e8d855; border: 2px solid #cebb1e;}
.platinum {background: #c7e3eb; border: 2px solid #acb9bd; color: #000;}

.emph { color: #003666;}