/******************************************************************************************************
	Unison Credit Union Website
	Main Cascading Style Sheet
******************************************************************************************************/

/********************************************************************
	Global
********************************************************************/
*
{
	padding: 0;
	margin: 0;
}
/*Font-size: 1.0em = 10px when browser default size is 16px*/
body
{
	font-size: 1.0em;
	font-size: 62.5%;
	background: rgb(255,255,255);
	font-family: helvetica; /*arial, sans-serif;*/
}
body a, a:hover, a:visited, a:link, a:active
{
	text-decoration: none;
}
/* Needed to prevent IE resize layout corruption.  Cannot just place inside of body. */
.site
{
	width: 975px;
	height: auto;
	margin: 10px auto 10px auto;
	background: rgb(255,255,255);
}
.redirectsite
{
	position: relative;
	width: 475px;
	height: auto;
	margin: 10px auto 10px auto;
	background: rgb(255,255,255);
	overflow: hidden;
}
.askpopup
{
	position: relative;
	width: 225px;
	height: auto;
	margin: 5px;
	padding: 20px;
	background: white;
	overflow: visible;
	font-size: 1.2em;
	border: solid 3px rgb(225,225,225);
	z-index:100;
}
.askpopup p, .askpopup p a
{
	color: rgb(50,50,50);
	text-align: left;
	font-size: .85em;
	font-weight: normal;
}
.inline
{
	display: inline;
	text-align: center;
}
.nowrap
{
	white-space: nowrap;
}
.polloptions
{
	margin: 0;
	padding: 0;
}
.pollline
{
	background-color: Blue;
}
/********************************************************************
	Calculator Popup
********************************************************************/
.calcdropdowncon
{
	position: relative;
	z-index: 2;
	float: right;
	margin: -57px 25px 0 0;
	width: 264px;
	height: 20px;
	text-align: right;
	padding: 0;
}
.calcdropdowncon p
{
	float: left;
	font-size: 1.3em;
}
/********************************************************************
	Header & Footer
********************************************************************/
.bluebar
{
	clear: both;
	height: 12px;
	background: #104b7d;
}
.topgrad
{
	position: relative;
	z-index: 1;
	height: 75px;
	background: url(../img/topgrad.png);
}
.bottomgrad
{
	height: 75px;
	background: url(../img/bottomgrad.png);
}
.bluecurve
{
	float: right;
	position: relative;
	z-index: 5;
	margin-top: 12px;
	background: url(../img/topbluecurve.png);
	width: 24px;
	height: 12px;
}
.topnavbar
{
	position: relative;
	z-index: 2;
	float: right;
	margin: 0;
	padding: 5px 5px 0 0;
	height: 19px;
	background: #104b7d;
	color: white;
}
.topnavbar li, .topnavbar li a
{
	display: inline /*Fix IE floating margin bug*/;
	font-size: 1.1em;
	list-style: none;
	text-align: center;
	color: white;
}
.bottomtextcontainer
{
	width: 100%;
	height: 60px;
	position: relative;
	z-index: 3;
}
.bottomtext
{
	width: 600px;
	padding-left: 200px;
	padding-top: 10px;
	margin: auto;
	line-height: 15px;
}
.bottomtext p
{
	text-align: center;
	color: rgb(125,125,125);
}
.bottomtext p a
{
	list-style: none;
	text-align: center;
	color: rgb(125,125,125);
}
.bottomtext img
{
	vertical-align: text-bottom;
	border: none;
}
/********************************************************************
	Unison Logo
********************************************************************/
.logo
{
	position: relative;
	z-index: 6;
	margin: -50px 0 0 25px;
	width: 180px;
	height: 60px;
	background-image: url(../img/unisonlogo.png);
}
.logo a
{
	display: block;
	width: 100%;
	height: 100%;
}
/********************************************************************
	Search
********************************************************************/
.searchcon
{
	position: relative;
	z-index: 2;
	float: right;
	margin: -50px 20px 0 0;
	padding: 1px;
	width: 257px;
	height: 20px;
}
.searchbutton
{
	float: right;
	padding: 5px;
}
.searchresults
{
	max-height: 1100px;
}
/********************************************************************
	Popup
********************************************************************/
.watermark
{
	background-color: black; /* for IE */
	filter: alpha(opacity=60); /* CSS3 standard */
	opacity: 0.6;
}
/********************************************************************
	Left Menu
********************************************************************/
.lmenu
{
	position: relative;
	z-index: 10;
	width: 200px;
	height: 450px;
	margin: -20px 20px;
	float: left;
	clear: both;
}
.lmenutop
{
	width: 200px;
	height: 20px;
	background-image: url(../img/leftmenutop.png);
}
.lmenubottom
{
	width: 200px;
	height: 20px;
	background-image: url(../img/leftmenubottom.png);
}
.lmenubutton
{
	position: relative;
	z-index: 5;
	width: 58px;
	height: 20px;
	margin: 10px auto 10px auto;
}
.lmenubutton img
{
	border: none;
}
.lmenubody
{
	position: relative;
	z-index: 2;
	width: 170px;
	height: 440px;
	margin-top: 0;
	background: url(../img/leftmenugrad.png);
	padding: 0 10px 10px 20px;
}
.lmenubody li
{
	list-style: none;
	font-size: 1.2em; /*color: #d3eefb;*/
	color: White;
	padding-top: 10px;
	padding-left: 5px;
}
.lmenubody li a
{
	/*color: #d3eefb;*/
	color: White;
}
.lmenubody a.lefttiny
{
	line-height: 20px;
	font-size: 1em;
	color: white;
}
.lmenuline
{
	background-image: url(../img/dot.png);
	width: 176px;
	height: 2px;
	margin: 15px 10px 15px -8px;
}
.lmenutitle
{
	color: White;
	background: url(../img/dot.png) bottom left repeat-x;
	margin: 25px 10px 5px 0;
	font-size: 1.2em;
	font-weight: bold;
}
.lmenutitle a, .lmenutitle a:hover, .lmenutitle a:visited, .lmenutitle a:link, .lmenutitle a:active
{
	color: White;
}
.lmenuitsmelogo
{
	clear: both;
	position: relative;
	z-index: 6;
	margin: auto;
	width: 91px;
	height: 29px;
	background-image: url(../img/itsme247.png);
}
/********************************************************************
	Left Menu Rate
********************************************************************/
.lmenurate
{
	width: 160px;
}
.lmenurateline
{
	width: 100%;
	clear: both;
	height: 18px;
	background: #d3eefb;
	line-height: 14px;
}
.lmenurateheader
{
	width: 156px;
	clear: both;
	height: 14px;
	padding: 2px;
	background: url(../img/table_head.png) repeat-x;
}
.lmenurateheader p
{
	text-align: center;
	color: White;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 14px;
}
.lmenuratelinealt
{
	line-height: 14px;
	width: 100%;
	clear: both;
	height: 18px;
	background: #ffffff;
}
.lmenurate p.left
{
	float: left;
	font-size: 1.1em;
	color: #104b7d;
	padding: 2px;
}
.lmenurate p.right
{
	float: right;
	font-size: 1.1em;
	color: #104b7d;
	padding: 2px;
}
/********************************************************************
	Right Menu
********************************************************************/
.rmenucontainer
{
	background: #f7ebc9;
	width: 170px;
	float: right;
	margin: -15px 43px 0 0;
}
.rmenubottom
{
	position: relative;
	z-index: 1;
	width: 170px;
	height: 13px;
	background-image: url(../img/yellowbottom.png);
	margin-top: -10px;
}
.rmenutitle
{
	color: #104b7d;
	width: 153px;
	border-bottom: solid 1px #104b7d;
	font-size: .9em;
	font-weight: bold;
	padding: 5px;
	margin: auto;
	line-height: 16px;
}
.rmenucontent, .rmenucontent a
{
	position: relative;
	z-index: 15;
	color: #104b7d;
	width: 153px;
	font-size: .9em;
	line-height: 28px;
	margin: auto;
}
.rmenuextracon
{
	clear: right;
	width: 170px;
	float: right;
	padding-right: 43px;
}
.rmenuextra
{
	padding-top: 10px;
}
.rmenuextrapad
{
	padding-top: 10px;
	padding-left: 25px;
}
.rmenuextra img, .rmenuextrapad img
{
	border: none;
}
/********************************************************************
	Main/Sub Nav
********************************************************************/
.navcon
{
	width: 100%;
	clear: both;
	height: 50px;
}
.nav
{
	margin-top: 25px;
	padding-right: 40px;
	position: relative;
	z-index: 5;
	float: right;
	background: url( '../img/bluedot.png' ) repeat-x bottom;
}
.nav ul
{
	margin: 0 0 0 200px;
	padding: 0;
	list-style: none;
}
.nav li
{
	float: left;
	margin: 0;
	padding: 0;
	background: url(../img/navpright.png) no-repeat right top;
}
.nav a
{
	font-size: 1.2em;
	display: block;
	background: url(../img/navpleft.png) no-repeat left top;
	padding: 5px 15px;
	padding-bottom: 5px;
	padding-bottom: 4px;
	min-width: 105px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #104b7d;
}
.nav #current
{
	position: relative;
	z-index: 5;
	background-image: url(../img/navaright.png);
	margin-right: 3px;
	padding-right: 0px;
}
.nav #current a
{
	background-image: url(../img/navaleft.png);
	padding-bottom: 5px;
	padding-right: 12px;
}
.navsubcon
{
	width: 100%;
	margin: auto;
	padding-left: 12px;
	padding-right: 20px;
}
.navsub a, a:hover, a:visited, a:link, a:active
{
	color: #104b7d;
}
/********************************************************************
	Banner Ads & Images
********************************************************************/
.adbig
{
	border: solid 1px rgb(225,225,225);
	margin: 10px 0 20px 11px;
	width: 680px;
	height: 164px;
	position: relative;
	z-index: 1;
}
.adbig a, .adbig img
{
	border: none;
}
.adsmall
{
	padding: 1px;
	margin: 10px 0 20px 11px;
	width: 680px;
	height: 75px;
	background: rgb(225,225,225);
}
.adsmall img
{
	border: none;
}
.largeimage
{
	width: 145px;
	height: 105px;
	margin: auto;
	display: block;
}
.largeimage img
{
	border: none;
}
.smallimage
{
	width: 90px;
	height: 75px;
	float: left;
	display: block;
	margin: auto;
	border: none;
}
.smallimage img
{
	border: none;
}
/********************************************************************
	Titles
********************************************************************/
.largetitle
{
	font-weight: bold;
	font-size: 1.2em;
}
.largetitleblue
{
	text-align: center;
	color: #104b7d;
	font-weight: bold;
	font-size: 1.4em;
}
.largetitlered
{
	text-align: center;
	color: #d11616;
	font-weight: bold;
	font-size: 1.1em;
}
.largetitleorange
{
	text-align: center;
	color: #d18416;
	font-weight: bold;
	font-size: 1.4em;
}
.largetitleorange a
{
	color: #d18416;
}
.smalltitleorange
{
	margin: 0;
	padding-top: 8px;
	font-weight: bold;
	margin-left: 100px;
	text-align: left;
	color: #d18416;
	font-size: 1.3em;
}
.smalltitleorange a
{
	color: #d18416;
}
.smalltitleorange sup
{
	padding: 0;
	margin: 0;
	font-size: .6em;
}
/********************************************************************
	Main Content Container
********************************************************************/
.maincon
{
	width: 735px;
	min-height: 475px;
	margin: 10px 0 10px 240px;
	color: #104b7d;
	font-size: 1.3em;
}
/********************************************************************
	Redirect Content Container
********************************************************************/
.redirectcon
{
	width: 400px;
	height: 200px;
	margin: auto;
}
.redirectcon p
{
	color: #104b7d;
	font-size: 16px;
	text-align: center;
	line-height: 25px;
	margin-bottom: 25px;
}
.redirectcon p.left
{
	padding-left: 100px;
	float: left;
	clear: none;
}
.redirectcon p.right
{
	padding-right: 100px;
	float: right;
	clear: none;
}
.redirectcon p.left a
{
	color: #104b7d;
}
.redirectcon p.right a
{
	color: #104b7d;
}
/********************************************************************
	Main Content Columns
********************************************************************/
.maincolcon
{
	width: 231px;
	height: 220px;
	float: left;
	margin: 5px;
	margin-top: 0;
	position:relative;
	z-index:5;
	overflow:visible;
}
.maincol
{
	width: 220px;
	height: 220px;
	margin: 5px;
}
.maincolsep
{
	background: url(../img/lightbluedot.png) top left repeat-y;
	height: 210px;
	width: 1px;
	float: left;
	margin-top: 20px;
}
/********************************************************************
	Main Content Text
********************************************************************/
.maincontext
{
	margin: 10px;
	color: rgb(50,50,50);
	font-size: .85em;
	line-height: 1.2em;
}
.maincontext p
{
	padding-bottom: 5px;
}
.maincontext sup
{
	line-height: .9em;
	font-size: .7em;
}
.maincontextbottom
{
	float: right;
	margin-top: -15px;
	padding: 5px;
	color: rgb(50,50,50);
	font-size: .85em;
	text-align: right;
	font-weight: bold;
}
.maincontextbottom a
{
	color: rgb(50,50,50);
}
/********************************************************************
	Sub Content
********************************************************************/
.subcon
{
	width: 352px;
	height: 70px;
	float: left;
	margin: 5px;
	margin-bottom: 10px;
	padding: 0;
}
.subconbottom
{
	width: 83px;
	float: right;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
.subconbottomtext
{
	margin: 5px;
	margin-left: 100px;
	color: rgb(50,50,50);
	font-size: .85em;
}
.subconbottomtext sup
{
	font-size: .8em;
}
/********************************************************************
	Content Page
********************************************************************/
.indentbullet
{
	margin-left: 25px;
	line-height: 19px;
	display: inline-block;
	font-size: .9em;
	color: Black;
}
.indentbullet li
{
	margin-left: 15px;
}

.conpagecon
{
	width: 390px;
	margin-left: 117px;
	margin-bottom: 20px;
	line-height: 19px;
	color: rgb(50,50,50);
	display: inline-block;
}
.conpagecon sup
{
	line-height: .8em;
	font-size: .7em;
	vertical-align: top;
}
.conpagecon ol
{
	list-style-type: decimal;
	margin: 0;
	padding-left: 30px;
	list-style-position: inside;
}
.conpagecon li
{
	margin-left: 18px;
}
.conpagecon img
{
	border: none;
}
.conpagecon b.red
{
	color: Red;
}
.conpagefullwidth
{
	width: 100%;
}
.conpagefullmargin
{
	width: 100%;
	margin: 10px;
}
.height300
{
	height: 300px;
}
.height150
{
	height: 150px;
}
.graphicfloatright
{
	float: right;
	padding: 20px 0 20px 0;
}
.graphicfloatleft
{
	float: left;
	padding: 20px 15px 20px 0;
}
/********************************************************************
	Content Page Title
********************************************************************/
.conpagetitlecon
{
	float: right;
	width: 728px;
	height: 50px;
	margin: 30px -10px 0 0;
	color: #104b7d;
}
.conpagetitle
{
	padding-top: 5px;
	margin-left: 100px;
	border-bottom: solid 1px #d18416;
	color: #d18416;
	line-height: 29px;
	font-weight: bold;
	font-size: 1.5em;
}
.conpagetitle sup
{
	line-height: .7em;
	font-size: .6em;
}
/********************************************************************
	Content Page Formatting
********************************************************************/
.conpagetwocol
{
	width: 309px;
	float: left;
	margin: 0;
}
.doubleindent
{
	margin: 0;
	padding-left: 30px;
}
.tripleindent
{
	margin: 0;
	padding-left: 60px;
}
.indentbothsides
{
	padding-left: 65px;
	padding-right: 75px;
	text-align: justify;
}
.conpagefourcol
{
	width: 154px;
	float: left;
	margin: 10px 0 0 0;
}
/********************************************************************
	Wide Content
********************************************************************/
.wide
{
	width: 618px;
	display: block;
}
/********************************************************************
	Rate Table
********************************************************************/
.disclaimertext
{
	margin: 5px;
	font-size: .8em;
	line-height: .9em;
}
.disclaimertext sup
{
	font-size: .9em;
	line-height: 2em;
}
.tablecon
{
	display: inline-block;
	width: 618px;
	height: 100%;
	position: relative;
	z-index: 1;
}
.tableheader
{
	height: 18px;
	background: url(../img/table_head.png) top left repeat-x;
	padding: 0 5px 0 5px;
	color: White;
}
.tablesubheader
{
	background: #eaf1f3;
	float: left;
	height: 25px;
	line-height: 25px;
}
.tablesubheaderdouble
{
	background: #eaf1f3;
	float: left;
	height: 40px;
	line-height: 20px;
}
.tablesubheaderdoublecenter
{
	background: #eaf1f3;
	float: left;
	height: 40px;
	line-height: 40px;
}
.tablecontent
{
	text-align: center;
	height: 25px;
	line-height: 25px;
	float: left;
	border-left: solid 1px #bccfd4;
	border-bottom: solid 1px #bccfd4;
}
.tablecontentdouble
{
	text-align: center;
	height: 50px;
	line-height: 25px;
	float: left;
	border-left: solid 1px #bccfd4;
	border-bottom: solid 1px #bccfd4;
}
.tablecontentdoublecenter
{
	text-align: center;
	height: 50px;
	line-height: 50px;
	float: left;
	border-left: solid 1px #bccfd4;
	border-bottom: solid 1px #bccfd4;
}
.tablecontentdoublepad
{
	text-align: center;
	height: 40px;
	line-height: 15px;
	float: left;
	border-left: solid 1px #bccfd4;
	border-bottom: solid 1px #bccfd4;
	padding-top: 10px;
}
.tablecontentnb
{
	text-align: center;
	height: 25px;
	line-height: 25px;
	float: left;
}
.tablecontentdoublenb
{
	text-align: center;
	height: 50px;
	line-height: 25px;
	float: left;
}
.tabletextleft
{
	text-align: left;
}
.tabletextcenter
{
	text-align: center;
}
.tabletextright
{
	text-align: right;
}
.tablefloatleft
{
	float: left;
}
.tablefloatright
{
	float: right;
}
/********************************************************************
	Rate Table Text Colors/Formats
********************************************************************/
.tabletextblue
{
	color: #3c7ca2;
}
.tabletextgrey
{
	color: rgb(80,80,80);
}
.tabletextbold
{
	font-weight: bold;
}
.tabletextsmall
{
	font-size: .8em;
}
.tabletextlarge
{
	font-size: 1.1em;
}
.textcolordarkgrey
{
	color: rgb(50,50,50);
}
/********************************************************************
	Rate Table Borders
********************************************************************/
.bordertop
{
	border-top: solid 1px #bccfd4;
}
.borderbottom
{
	border-bottom: solid 1px #bccfd4;
}
.borderleft
{
	border-left: solid 1px #bccfd4;
}
.borderright
{
	border-right: solid 1px #bccfd4;
}
.borderall
{
	border: solid 1px #bccfd4;
}
.bordersides
{
	border-left: solid 1px #bccfd4;
	border-right: solid 1px #bccfd4;
}
.bordernone
{
	border: none;
}

/********************************************************************
	ARM Rate Payment Details table
********************************************************************/
.armtabletop
{
	width: 612px;
	border: solid 1px rgb(125,125,125);
	height: 18px;
	background: url(../img/table_head.png) top left repeat-x;
	color: White;
	padding: 0 2px 0 2px;
}
.armtablebottomhead
{
	border-left: solid 1px rgb(125,125,125);
	border-right: solid 1px rgb(125,125,125);
	border-bottom: solid 1px rgb(125,125,125);
	text-align: center;
	float: left;
	clear: none;
	padding: 2px;
	background: #eaf1f3;
	color: #3c7ca2;
}
.armtablebottomrighthead
{
	border-right: solid 1px rgb(125,125,125);
	border-bottom: solid 1px rgb(125,125,125);
	text-align: center;
	float: left;
	padding: 2px;
	clear: none;
	background: #eaf1f3;
	color: #3c7ca2;
}
.armtablebottomsub
{
	border-left: solid 1px rgb(125,125,125);
	border-right: solid 1px rgb(125,125,125);
	border-bottom: solid 1px rgb(125,125,125);
	text-align: center;
	float: left;
	clear: none;
	padding: 2px;

}
.armtablebottomrightsub
{
	border-right: solid 1px rgb(125,125,125);
	border-bottom: solid 1px rgb(125,125,125);
	text-align: center;
	float: left;
	padding: 2px;
	clear: none;
}

/********************************************************************
	Rate Table Widths (used in other places as well)
********************************************************************/
.paddingleft5
{
	padding-left: 5px;
}
.width15
{
	width: 15px;
}
.width25
{
	width: 25px;
}
.width50
{
	width: 50px;
}
.width55
{
	width: 55px;
}
.width58
{
	width: 58px;
}
.width60
{
	width: 60px;
}
.width66
{
	width: 66px;
}
.width67
{
	width: 67px;
}
.width68
{
	width: 68px;
}
.width70
{
	width: 70px;
}
.width72
{
	width: 72px;
}
.width75
{
	width: 75px;
}
.width79
{
	width: 79px;
}
.width85
{
	width: 85px;
}
.width95
{
	width: 95px;
}
.width100
{
	width: 100px;
}
.width122
{
	width: 122px;
}
.width123
{
	width: 123px;
}
.width124
{
	width: 124px;
}
.width125
{
	width: 125px;
}
.width126
{
	width: 126px;
}
.width140
{
	width: 140px;
}
.width150
{
	width: 150px;
}
.width153
{
	width: 153px;
}
.width154
{
	width: 154px;
}
.width155
{
	width: 155px;
}
.width156
{
	width: 156px;
}
.width165
{
	width: 156px;
}
.width195
{
	width: 195px;
}
.width204
{
	width: 204px;
}
.width205
{
	width: 205px;
}
.width207
{
	width: 207px;
}
.width208
{
	width: 208px;
}
.width210
{
	width: 210px;
}
.width223
{
	width: 223px;
}
.width225
{
	width: 225px;
}
.width238
{
	width: 238px;
}
.width265
{
	width: 265px;
}
.width275
{
	width: 275px;
}
.width307
{
	width: 307px;
}
.width308
{
	width: 308px;
}
.width312
{
	width: 312px;
}
.width313
{
	width: 313px;
}
.width364
{
	width: 364px;
}
.width374
{
	width: 374px;
}
.width401
{
	width: 401px;
}
.width411
{
	width: 411px;
}
.width491
{
	width: 491px;
}
.width501
{
	width: 501px;
}
.widthfull
{
	width: 621px;
}
.widthfullpadding
{
	width: 621px;
}