/* CSS Document */


/* Font Init
------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

html{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	color: #333;
}

body{
	position: relative;
	background-color:#000000;	
	font-size: 50%;
}





/* Tags
------------------------------------------------------------------------------------------*/
a, a:visited{
	color: #333333;
}

label, a:hover, label:hover{
	color: #333333;
	cursor: pointer;
}

/* Typography */
span, p, h1, h2, h3, h4, h5, a{
	color: #333333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

p, ul, ol{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
}

a{ color: #666666; }

h1{font-size: 2.4em;}
h2{	font-size: 1.4em;}
h3{ color: #005E20; }
h3.standalone{
	margin-bottom: 15px !important; 
	font-size: 1.4em !important; 
}
h3 a { color:#224E95 ; text-decoration: none;}
h3 a:hover{color:#224E95 ; text-decoration: underline; }
h4{
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	margin-top: 1.2em;
}
h4 + ul{margin-top: -15px;}
h3 + h5{
	margin-top: 10px;
}
h3 + p, h4 + p, #content-main p{
	margin-left: 17px;
	margin-top:10px;
}

p + ol{
		margin-top: -19px;
}

h5{
	margin-bottom: 0px;
}

hr{
	background-image:url(../images/design/hr-bg.jpg);
	background-repeat: repeat-x;
	width: 885px;
}

p img{
	float: none;
	margin: 0px;
}

p.important{color: #373534;}
p.link{ margin: 0px 0px 0px 17px; }
p.link + h3{margin-top: 18px; }

small{	display: block;}

	#content-main.one-col a{
    color: 	#666666;
    text-decoration: none;
  }
	
  #content-main.one-col a:hover{text-decoration: underline;}
 	
	#content-main.one-col h2{
		background-image: url(../images/design/bg-one-col-header.png);
		width: 547px;
		height: 26px;
		background-repeat: no-repeat;
		text-align: left;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		font-weight: bold;
		padding: 10px 0px 0px 15px;
		margin: -28px 0px 0px -20px;
		
	}
	
	#content-main.one-col h2 a{
		color: #FFF;
		text-decoration: none;
	}
  
	#content-main.one-col a:hover{text-decoration: underline;}
  
  #content-main.right-col a#back-to-top {
    bottom:33px;
    color:transparent;
    font-size:14px;
    left:5px;
    position:absolute;
    filter:alpha(opacity=0);
  }
	
	#content-text a{
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		color: #333333;
	}
	
#content-supp h2.phark{
		width: 170px;
		height: 27px;
		margin:-17px 0 0 -14px;
	}

#footer p{
	line-height: 28px;
}

#footer a{
	text-decoration: none;
	color: #666;
}
/* Classes
------------------------------------------------------------------------------------------*/
div.colborder{
	border: none;
}

.phark, .phark a{	
	text-indent: -5000px;
	display: block;
	/*font-size: 0;*/
	overflow: hidden;
}

.left{float: left; margin-right:10px;}
.right{
	float: right;
	margin: 0px 0px 10px 10px;
}

.clear{
	clear: both;
	height: 0px;
}


span.important{
	color: #FF0000;
	font-weight: bold;
}

div.col{width: 46%;}

img.col-header{ margin: 10px 0px; }

.error, .success{
	margin: 1em;
}

.imgValign{
	vertical-align:bottom;
	margin-left: 0px;
	padding-left: 10px;
}

.flagValign{
	vertical-align:bottom;
	margin-left: 0px;
	padding-left: 10px;
}

.box{
	font-size: 9px;
	background-color: transparent;
	margin-bottom: 13px;
	padding: 14px 14px 10px 14px;

}

.ie #content-supp .box{margin-bottom: 12px;}
.ie6 .box{margin-right: -14px; 	}
.ie8 .box{padding-left: 13px; width: 143px;}
.ie .box p{line-height: 12px; margin-bottom:3px; }
	
.box p, .box p a, .box ul{margin-top: 10px;	text-align: left; font-size:9px;}
.ie .box p{margin-bottom: 10px; }

.gecko.win  .box{font-size: 8.5px;}
.gecko.win  .box p{margin: 9px -5px;}
.box p a { color: #2f4f8b; }

.box a { text-decoration: underline; color: #2f4f8b; }

div.white-bg{	background-color: #FFF;}
.wide{width: 549px !important;}


.smallText2 {
  color:#636450;
  font-size:1em;
  margin:2px 0 10px 5px;
  text-align:left;
}



/* Content Divs
------------------------------------------------------------------------------------------*/

.container{
	height: 100%;
	background-color: #000;
	width: 100%;
	text-align: center;
	margin-top: 5px;
}

#header {
	height: 88px;
	position: relative;
	text-align: center;
	width: 751px;
	margin: 0 auto 1px auto;
	background-color:#000;
}

	#header #spLink{
		position: absolute;
		right: 25px;
		top: 18px;
	}
	
	#header a{
		color: #FFFFFF;
		text-decoration:underline;
		font-weight: bold;
		font-size: 1.3em;
	}
		
	#header form{
		position: absolute;
		right: 10px;
		bottom: 13px;
	
	}

#branding{
width: 466px;
height: 88px;
background-repeat: no-repeat;
display: block;
float: left;
}
	
		#branding h1 a{
			height: 88px;
			width: 466px;
		}

#content-wrapper{
	min-height: 563px;
	width: 100%;
	background-image: url(../images/design/bg-tile.jpg);
	background-repeat:repeat-x;
	margin-bottom: 1px;
	padding-top: 19px;
	background-color: #898f94;
}		

.gecko #content-wrapper, .webkit #content-wrapper{
	background-image: url(../images/design/bg-tile.jpg), url(../images/design/bg-overflow.jpg);
	background-repeat: repeat-x, repeat;
}

.ie6 #content-wrapper{	height: 573px;}

#content-wrapper.liquid{
	height: auto;
	padding-bottom: 20px;
}

#content{
	width: 751px;
	margin: 0 auto;
  padding-bottom: 20px;
}

#content-main{
	position: relative;
	width: 573px;
	min-height: 530px;
	margin-left: 177px;
}

.ie6 #content-main{
	margin-left: 174px;
	height: 569px;
}

#content-main.one-col{
	margin: 0 auto;
	background-image: url(../images/design/bg-one-col.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 562px;
	min-height: 330px;
	margin-top: 50px;
	padding-bottom: 62px;
}

.ie6 #content-main.one-col{
	height: 162px;
}

	#content-main.one-col .form-body{
		background-color: #FFF;
		text-align: left;
		padding: 35px 15px;
	}
	
	#content-main.one-col .form-body p{margin: 0px;}
	#content-main.one-col .form-body p a{text-decoration: none; color: #00529B;}
	#content-main.one-col .form-body p a:hover{text-decoration: underline; }

	#content-main.right-col{
		text-align: left;
		min-height: 448px;
		margin-left: 190px;
		background-color: #FFF;
		background-image: url(../images/design/bg-one-col.jpg);
		margin-top: 5px;
		padding: 20px 20px 70px 20px;
		width: 522px;
	}
	
	.ie7 #content-main.right-col{	margin-left: 189px;	}
	.ie6 #content-main.right-col{	height: 506px;}
  
  .textContent{margin-top: 16px;}
	
#content-supp{
	position: relative;
	width: 170px;
  margin-top: -5px;
	float: left;
}

#content-supp.home{
	margin-top: 0px;
}

	#content-text{margin-top: 6px;	}
	

#footer{
	background-image:url(../images/design/bg-footer.jpg);
	background-repeat:no-repeat;
	height:28px;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	font-size: 1em;
	color: #666;
	text-align:center;
	line-height:28px;
}

#footer p, #footer a{color: #666; font-size: 9.5px;} 
.win #footer p, .win #footer a{font-size: 9px;} 

/* Navigation 
----------------------------------------------*/

#navigation{
	width:904px;
	height: 277px;
	margin-left:24px;
	position:relative;
}	

ul#nav-main{
	list-style: none;
	width: 170px;
	margin: 0px;
	margin-bottom: 10px;

}

ul#nav-main li{
	display:block;
	height:28px;
	width: 170px;
}

	ul#nav-main a {
		display: block;
		height: 27px;
		width: 170px;
	}
	
	ul#nav-main li/*, ul#nav-supp li*/ {
		background-repeat: no-repeat;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
	}
	
ul#nav-supp{
	width: 279px;
	height: 29px;
	background-image:url(../images/design/bg-suppnav.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	list-style: none;
	margin:11px 0 0;
	padding:48px 0 0 5px;
}

ul#nav-supp li{
	display: inline;
	border-right: solid #FFF 1px;
	margin-left: 7px;
}

ul#nav-supp li a{
	text-decoration: none;
	font-size: 9px;
	color: #5a5e63;
	font-weight: normal;
}

ul.states{
 list-style: none;
 margin: 10px 0px;
}

ul.states li{
  display: inline;
  margin-right: 10px;
}


/* LISTS

------------------------------------------------------------------------------------------*/
#content-supp .box ul{margin-left: -5px; margin-right: -13px;}
#content-supp .box ul li{margin-left: 49px; line-height: 14px;}
.win #content-supp .box ul li{margin-left: 51px;}
#content-supp .box ul li label{margin-right: 5px; margin-left: -50px;}
.win #content-supp .box ul li label{margin-right: 10px;}

ul#vcard{list-style: none; font-size: 8.5px !important;}
.win ul#vcard{	margin-top: 10px;	font-size: 8.5px !important;}
.ie8 ul#vcard li{font-size: 8px; }
.gecko.win ul#vcard{font-size: 8px !important;}

	ul#vcard li.tel label{margin-right: 15px;}
	.win ul#vcard li.tel label{margin-right: 18px;}
	ul#vcard li.toll-free label{margin-right: -1px;}
	.win ul#vcard li.toll-free label{margin-right: 3px;}
	ul#vcard li.email label{margin-right: 15px;}
	.win ul#vcard li.email label{margin-right: 18px;}
  
.textContent ul{	margin-left: 32px;}
ul.two-col li{float: left; font-size: 12px; list-style: none; width: 45%; line-height: 19px;}

  
/* CU Locations
------------------------------------------------------------------------------------------*/
.cu-loc{
	margin: 20px;
  background-image: url("../images/design/hrule_long.jpg");
  background-position: 0 top;
  background-repeat: no-repeat;
  padding: 34px 0px 0px 0px;
  min-height: 125px;
  }
  
  .logo{
  	float: left;
   	margin-right: 35px;
   }
  
  ul.vcard{list-style:none; float: left;}
  ul li.org{font-weight: bold;}




/* FORMS
------------------------------------------------------------------------------------------*/
form select{
	width: 260px;
	border-style:solid;
	border-width:1px;
	border-color:#C3C8C3;
}

form .state{
	background-color: #E1E5EA;
	font-weight: bold;
}

form .city{	background-color: #f1f6fb;}




/* PHARK
------------------------------------------------------------------------------------------*/
h1#logo{
	width: 466px;
	background-image:url(../images/design/credit-union-service-network.jpg);
	margin: 0px 1px 0px 0px;
}

h2#cu-service-network{background-image:url(../images//text/h2-cu-service-network.png);}
h2#contact-us{background-image:url(../images//text/h2-contact-us.png);}

/* Nav
-------------------*/
ul#nav-main li#service-center-locations a{background-image: url(../images//text/nav/nav-service-center-locations.jpg);}
ul#nav-main li#service-center-locations a:hover, ul#nav-main li#service-center-locations{background-image:url(../images//text/nav/nav-service-center-locations-hover.jpg);}
ul#nav-main li#participating-cus a{background-image: url(../images//text/nav/nav-participating-cus.jpg);}
ul#nav-main li#participating-cus a:hover, ul#nav-main li#participating-cus{background-image:url(../images//text/nav/nav-participating-cus-hover.jpg);}
ul#nav-main li#faqs a:hover, ul#nav-main li#faqs{background-image:url(../images//text/nav/nav-faqs-hover.jpg);}
ul#nav-main li#faqs a{background-image: url(../images//text/nav/nav-faqs.jpg);}
ul#nav-main li#policies-and-procedures a:hover, ul#nav-main li#policies-and-procedures{background-image:url(../images//text/nav/nav-policies-and-procedures-hover.jpg);}
ul#nav-main li#policies-and-procedures a{background-image: url(../images//text/nav/nav-policies-and-procedures.jpg);}
ul#nav-main li#how-to-join a:hover, ul#nav-main li#how-to-join{background-image:url(../images//text/nav/nav-how-to-join-hover.jpg);}
ul#nav-main li#how-to-join a{background-image: url(../images//text/nav/nav-how-to-join.jpg);}



ul#nav-supp li#home{background:url(../images/design/icon-home.png) no-repeat 0 1px; padding: 0 9px 0 17px; margin-left: -21px; }
.ie6 ul#nav-supp li#home{margin-left: 0px; }
ul#nav-supp li#contact{background:url(../images/design/icon-contact.png) no-repeat 0 1px; padding: 0 7px 0 17px;  }
.ie7 ul#nav-supp li#contact{padding-right: 8px; }
ul#nav-supp li#site-map{background:url(../images/design/icon-sitemap.png) no-repeat 0 1px; padding: 0 0 0 17px;  border-right: none; }