@charset "iso-8859-1";

/* ************************************************************ 
Global Stylesheet for the Penn State Federal Credit Union
by Blue Banana Designs
www.bluebanana.net                
************************************************************* */

/*******************************
	NORMALIZE ELEMENTS
*******************************/
/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, a, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 
{ font-size: 100%; }

/* Remove list-style from lists */
ol, ul 
{ /*list-style: none;*/ }

/* Normalize font-style and font-weight */
address, caption, cite, code, dfn, var 
{ font-style: normal; font-weight: normal; }

/* Normalize tables */
table 
{ border-collapse: collapse; border-spacing: 0; }

/* Remove border from fieldset and img */
fieldset, img 
{ border: 0; }

/* Left-align text in caption and th */
caption, th 
{ text-align: left; }

/* Remove quotation marks from q */
q:before, q:after
{ content: ''; }


/* COLOR PALETTE
*******************************

Black 			#000000 
White				#ffffff

Green VV Lt	# 
Green V Lt	# 
Green Lt		#
Green				#
Green Dk		#
Green V Dk	#

Blue VV Lt	#
Blue V Lt		#
Blue Lt			#
Blue				#
Blue Dk			#
Blue V Dk		#


*/

html {
/* Prevents truncation of background images on 800x600 res monitors */
min-width:990px; 
}

/* BODY ELEMENT
*************************************/
body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:100%;
line-height:120%;
background-image: url(/images/global/page-bgd.png);
background-repeat:repeat-y;
background-position:top center;
background-color:#ccd6e6;	
color:#000;
margin:0 auto;
text-align:center;
}


/* TYPOGRAPHY 
*******************************/
/* 
Some font sizes are based on the typical browser default size of 16px.
Formula: target pixel size divided by browser default size = em size 
Example: 13px / 16px = .8125em

Others are determined by visual comparison.
*/

h1 { /* Reserved for branding (See Masthead for declarations) */ }

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.5em;/* 24/16=1.5em */
/*font-size:1.875em;*//* 30/16=1.875em */
font-weight:normal;
line-height:normal;
margin:0 0 20px 0;
padding:0 0 10px 0;
color:#000;
background:#fff;
border-bottom:2px solid #ccd6e6;
}
h2 span.h2-subhead {
font-size:1em;
line-height:normal;	
color:#335c99;
	background-color:#fff;
margin:0;
padding:0;	
}
h3 {
font-family: arial, helvetica, sans-serif;
font-size:1.125em;/* 18/16=1.125em */
/*font-size:1.5em;*//* 24/16=1.5em */
font-weight:normal;
line-height:normal;	
color:#00853a;
	background-color:#fff;
	margin:2em 0 .5em;	
}
h2 + h3 {
margin-top: 1em;
}
h4 {
font-family: arial, helvetica, sans-serif;
font-size:.875em;/* 14/16=.875em */
/*font-size:1.125em;*//* 18/16=1.125em */
font-weight:bold;
line-height:normal;
margin:2em 0 0em;
color:#000000;
background:#fff;
}
h5 {
font-family:arial, helvetica, sans-serif;
font-size:.875em;/* 14/16=.875em */
font-weight:bold;
line-height:normal;
margin: 1.5em 0 0em;
color:#335c99;
background:#fff;
}
h6 {
font-family: arial, helvetica, sans-serif;
font-size:.875em;/* 14/16=.875em */
font-weight:bold;
line-height:1em;
margin: 1.5em 0 0em;
color:#000;
background:#fff;
}
p, ul, ol, dl, blockquote, pre, table, code, table {
	font-size:.875em;	/* 14/16=.875 */
}
p {
	margin:1em 0; 	
}
p.first-paragraph:first-letter {
	float: left;
	font-size: 5em;
	line-height: normal;
	color: #895f0d;
	background-color: #fff;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	padding: 0;
	margin: .05em .1em 0 0;
}
p#lead-paragraph {
font-weight:bold;
font-size: .875em;
color:#895f0d;
background-color:#fff;
}
div.pull-quote {
	width:225px;
	color:#005cab;
	background:#fff;
}
div.pull-quote p {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size:1.5em;
	line-height: 1.5em;
	color:#005cab;
	background:#fff;
}
div.pull-quote p.quotee {
text-align: right;
	font-size:1.2em;
	line-height: 120%;
}
blockquote {
	margin: 1em 1em 2em 1em;
}
blockquote p
{
	font-size:1em; /* Prevents compounding reduction due to inheritance */
}
blockquote p.author {
	text-align:right;
}
ul {
	margin:1em 0 1em 2em;
}
ol {
	margin:1em 0 1em 2em;
}
li {
	margin:.5em 0;
}
dl {
	margin:1em 0 1em 1em;
}
dt {
	font-weight:bold;
	margin: 1.5em 0 .5em 0;
}
dd {
	margin:0em 0 .5em 1em;
}
dd.link-to-top-dd  {
	text-align: right;
}
dl.horizontal-list dt,
dl.horizontal-list dd {
	margin:0;
	padding:0;
}
dl.horizontal-list dt {
	float:left;
}
dl.horizontal-list dd {
	text-indent:.5em;
	padding-bottom:.5em;
}
td,
ul ul,
ul ul ul,
ul dl,
ul p,
ul ol,
ol ol,
ol ol ol,
ol dl,
ol p,
ol ul,
dl dl,
dl dl dl,
dl ol,
dl ul,
dl p,
dl dl ol,
dl dl ul,
dl ol p,
dl ul p
{
	font-size:1em; /* Prevents compounding reduction due to inheritance */
}
table td ul li
{
	font-size:1.1em; /* Prevents compounding reduction due to inheritance */
}
a {
	color:#005cac;
	background:#fff;
}
a:link {
	color:#005cac;
	background:#fff;
}
a:visited {
	color:#993399;
	background:#fff;
}
a:hover {
	color:#005cac;
	background:#b3cee6;
}
a:active {
	color:#000;
	background:#fff;
}
a.image-link,
a:link.image-link,
a:visited.image-link,
a:hover.image-link {
background-color:transparent;
}

/* used to move back to the top of the page */
a.link-to-top {
text-align:right;
font-weight:bold;
	font-size:1.5em;
	color:#fff;
	background-color:#fbb03b;
	text-decoration:none;
	padding:.3em .5em .3em;
	margin:0;
	line-height:1.5em;
	/*border:1px solid #ccc;*/
}
a.link-to-top:link {
	color:#fff;
	background-color:#fbb03b;
	
}
a.link-to-top:visited {
	color:#fff;
	background-color:#fbb03b;
}
a.link-to-top:hover {
	color:#fff;
	background-color:#fcbd5a;
}
a.link-to-top:active {
	color:#fff;
	background-color:#fbb03b;
}

div.skip a,
div.skip a:link,
div.skip a:visited,
div.skip a:hover {
visibility:hidden;
}

.link-w-glyph,
a.link-w-glyph,
a:link.link-w-glyph,
a:visited.link-w-glyph,
a:hover.link-w-glyph {
	padding-right:12px;
	background-image:url(../images/global/link-glyph.gif);
	background-position: 100% 65%;
	background-repeat: no-repeat;
}

.return-link-w-glyph {
	padding-left:15px;
	background-image:url(../images/global/return-link-glyph.gif);
	background-position: 0% 65%;
	background-repeat: no-repeat;
}

pre, code {
	font-family: monospace;
	font-size: inherit;
	line-height: normal;
}
p code, span code  {
font-family: monospace;
	font-size:1.3em;
	line-height: normal;
}
small {
	font-size: .7em;
}
p.small {
	font-size: .7em;
	line-height:normal;
}
sup {
	vertical-align:text-top;
	font-size:.7em;
	padding-left:.2em;
}
.error,
.attention,
.required {
	color:#f00;
	background:#fff;
	font-weight:bold;
}

hr {
	height:1px;
	border-top:none;
	border-right:none;
	border-bottom:1px solid #99adcc;
	border-left:none;
}


/* FORMS
*********************************************************/
form {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#fff;
	color:#000;
}
form p {
font-size:.875em;
}

fieldset {
	border:1px solid #ccc;
	margin:20px 0;
	padding:0 2em 2em;
	background:#fff;
	color:#000;
}
legend {
font-size:.8em;
	padding:.2em 1em;
	font-weight:bold;
	background-color:#99adcc;
	color:#000;
}
fieldset fieldset legend {
	background-color:#e5eaf2;
	color: #000;
}
textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
}
form label {
	font-weight:bold;
	font-size:.875em;
}
form table td {
padding:5px;
vertical-align:top;
}
form table td.col_1 {
text-align:right;
}
form tr.new-group td {
	border-top:1px solid #ccc;
	padding-top:10px;
}
form ul {
	margin:0 0 8px 0px;
	padding:0;
}
form ul li {
	list-style: none;
}


/* TABLES
*****************************************/
table {
	margin:1em 0;
}
th {

	padding:5px;
	vertical-align:bottom;
	border-bottom:1px solid #000;
}
td {
	padding:5px;
	vertical-align:top;
	border-bottom:1px solid #ddd;
}


/*	PAGE LAYOUT
****************************************/
div#masthead-wrapper {
width:100%;
margin:0 auto;
text-align:center;
height:125px;
}
div#masthead {
width:990px;
height:112px;
margin:0 auto;
position:relative;
}
div#page-wrapper {
width:990px;
margin:0 auto 0;
text-align:left;
position:relative;
}
div#navs-primary {
width:989px; /* Make this block 1 pixel narrower than container to avoid extended block in Firefox */
height:45px;
margin:-13px auto 0;
padding:0 0 0px 0;
}
#main-content-wrapper {
width:772px;
	text-align:left;
	float:right;
}
#main-content {
margin-right:32px;
padding-top: 30px;
padding-bottom:40px;
}
#sidebar {
width:183px;
float:left;
margin:30px 0 20px 0;
padding:0;
}
#page-title {
padding-bottom:1em;
}
#footer {
clear:both;
width:990px;
}


/* MASTHEAD
****************************************/
div#masthead-wrapper {
	/* Background image is png-24 and only works in modern browsers */
	background-image: url(/images/masthead/masthead-bgd.png);
	background-repeat:repeat-x;
	background-position:top center;
}
#masthead {
background-image: url(/images/masthead/masthead-graphic.png);
background-repeat:no-repeat;
background-position:top left;
background-repeat:no-repeat;
}
#masthead h1#logo {
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:101px;	
	z-index:2;
	background-image: url(/images/masthead/psfcu-logo.png);
	background-repeat:no-repeat;
	background-position:top left;
	
	background-color:transparent;
}
#masthead h1#logo a {
	width:300px;
	height:101px;
	display:block;
	background-color:transparent;
	text-indent:-9999px;
}
#masthead p#mission-statement {
background-image: url(/images/masthead/mission-statement.png);
background-repeat:no-repeat;
background-position:top left;
	position:absolute;
	width:390px;
	height:38px;
	top:16px;
	left:370px;
	z-index:3;
	text-indent: -9999px;
}

/* ---- Site Search ----*/
#masthead #siteSearch  {
position:absolute;
top:40px;
right:5px;
text-align:center;
background-color:transparent;
color:#000;
padding:0;
margin:0;
}
#masthead #siteSearch form {
background-color:transparent;
margin:0;
padding:0px 0;
}
#masthead #siteSearch form p {
margin:0 0 4px 0px;
padding:0px 0;
vertical-align: top;
}
#masthead #siteSearch form p input {
float:left;
margin:0 0 0px 4px;
padding:0px 0px 0 0;
}
#masthead #siteSearch p#powered-by-google {
clear:left;
margin:0;
padding:4px 0 0 0;
}

/* ---- Ancillary Navigation ---- */
#masthead div#ancillary-navs {
position:absolute;
top:0px;
right:5px;
display:inline;
}
#masthead div#ancillary-navs ul {
display:inline;
margin:0;
padding:0;
}
#masthead div#ancillary-navs ul li {
display:inline;
padding:0;
margin:0;
}
#masthead div#ancillary-navs ul li a,
#masthead div#ancillary-navs ul li a:link,
#masthead div#ancillary-navs ul li a:visited {
color:#fff;
background-color:transparent;
padding:0 5px 0 5px;
border-right:1px solid #fff;
margin:0;
font-size:.7em;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
#masthead div#ancillary-navs ul li a:hover {
text-decoration:underline;
}
#masthead div#ancillary-navs ul li.last-nav a {
padding-right:0;
border-right:none;
}



/* PRIMARY NAVIGATION
****************************************/
#navs-primary {
text-align:center;
/*
background-image:url(/images/navs/navs-primary-bgd.png);
background-position:top left;
background-repeat:repeat-x;
*/
position: relative;
}

/* ---- Penny On-line Logon Button ---- */


#navs-primary #homeBankingLogon  {
text-align:center;
position:absolute;
	top:5px;
	left:0px;
	z-index:2;
	width:185px;
}
#navs-primary #homeBankingLogon a,
#navs-primary #homeBankingLogon a:link,
#navs-primary #homeBankingLogon a:visited,
#navs-primary #homeBankingLogon a:hover  {
background-color:transparent;
}



/* ---- Navs ---- */
#navs-primary ul {
margin:0 auto;
padding:0;
width:990px;
height:45px;
position:relative;
text-align:center;
}
#navs-primary ul li {
padding:0;
margin:0;
width:146px;
position:absolute;
top:0px;
	list-style:none;
}
#navs-primary ul li a {
	width:146px;
	height: 45px;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	padding:0;
	margin:0;
	display:block;
	text-indent: -99999px;
	overflow:hidden;
}
#navs-primary ul li#nav-personal-banking {
left:218px;
}
#navs-primary ul li#nav-business-banking {
	left: 366px;
}
#navs-primary ul li#nav-company-partners {
left:514px;
}
#navs-primary ul li#nav-financial-tools {
left:662px;
}

/* Normal State */
/* Image is on the <li> to prevent an initial blink on the first hover when the page first loads. Therefore, there is no need to make a redundant call to the server, by placing the normal state image on the <a> tag, as well. */
#navs-primary ul li#nav-personal-banking {
	background-image: url(/images/navs/personal-banking.png);
}
#navs-primary ul li#nav-business-banking {
	background-image: url(/images/navs/business-banking.png);
}
#navs-primary ul li#nav-company-partners {
	background-image: url(/images/navs/company-partners.png);
}
#navs-primary ul li#nav-financial-tools {
	background-image: url(/images/navs/financial-tools.png);
}

/* Over State */
#navs-primary ul li#nav-personal-banking a:hover {
	background-image: url(/images/navs/personal-banking-ovr.png);
}
#navs-primary ul li#nav-business-banking a:hover {
	background-image: url(/images/navs/business-banking-ovr.png);
}
#navs-primary ul li#nav-company-partners a:hover {
	background-image: url(/images/navs/company-partners-ovr.png);
}
#navs-primary ul li#nav-financial-tools a:hover {
	background-image: url(/images/navs/financial-tools-ovr.png);
}

/* Selected State */
#navs-primary.personal-banking ul li#nav-personal-banking a,
#navs-primary.personal-banking ul li#nav-personal-banking a:hover {
	background-image: url(/images/navs/personal-banking-sel.png);
}
#navs-primary.business-banking ul li#nav-business-banking a,
#navs-primary.business-banking ul li#nav-business-banking a:hover {
	background-image: url(/images/navs/business-banking-sel.png);
}
#navs-primary.company-partners ul li#nav-company-partners a,
#navs-primary.company-partners ul li#nav-company-partners a:hover {
	background-image: url(/images/navs/company-partners-sel.png);
}
#navs-primary.financial-tools ul li#nav-financial-tools a,
#navs-primary.financial-tools ul li#nav-financial-tools a:hover {
	background-image: url(/images/navs/financial-tools-sel.png);
}


/* LEFT SIDEBAR
***********************************/

/* ----- FEATURED NAVS ----- */
div#navs-featured {
width:185px;
height:auto;
padding-top:6px;
margin-bottom:10px;
color:#000;
background-image:url(/images/navs/featured-navs-top.png);
background-position:top left;
background-repeat:no-repeat;
background-color:#00a648;
}
div#navs-featured ul#navs-featured-level-1 {
margin:0px 0 0 0;
padding:0 0 7px 0;
list-style:none;
background-image:url(/images/navs/featured-navs-btm.png);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#00a648;
}
div#navs-featured ul li {
padding:0px;
margin:0px;
border-bottom:none;
}
div#navs-featured ul li.last-nav {
border-bottom:none;
}
div#navs-featured ul li a,
div#navs-featured ul li a:link,
div#navs-featured ul li a:visited {
	display:block;
	color:#fff;
	background-color:transparent;
	font:bold 1em/normal arial, helvetica, sans-serif;
	text-decoration: none;
	margin:0;
	padding:5px 5px 6px 10px;
	height:100%;
}
div#navs-featured ul li a:hover {
	color:#fff;
	background-color:#00853a;
}
div#navs-featured ul li a.selected-nav {
	color:#fff;
	background-color:#00a648;
	background-image: url(/images/navs/navGlyph_L1.png);
	background-position:left center;
	background-repeat:no-repeat;
}
div#navs-featured ul li a:hover.selected-nav {
color:#fff;
	background-color:#00853a;
}

/* level 2 menu */
div#navs-featured ul ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
div#navs-featured ul ul li {
padding:0px 0;
margin:0;
border-bottom:1px solid #33b86d;
border-top:none;
}
div#navs-featured ul ul li.first-nav {
border-top:1px solid #33b86d;

}
div#navs-featured ul ul li.last-nav {
	padding-bottom:0px;
	margin-bottom:0;
	border-bottom:none;
}
div#navs-featured ul ul li a,
div#navs-featured ul ul li a:link,
div#navs-featured ul ul li a:visited {
	display:block;
	font:bold .9em/normal arial, helvetica, sans-serif;
	color:#000;
	background-color:#99dbb6;
	text-decoration: none;
	padding:2px 5px 3px 20px;
	
}
div#navs-featured ul ul li a:hover {
	color:#000;
	background-color:#66ca91;
}
div#navs-featured ul ul li a.selected-nav {
color:#000;
	background-color:#99dbb6;
	background-image: url(/images/navs/navGlyph_L2.png);
	background-position:7px 50%;
	background-repeat:no-repeat;
}
div#navs-featured ul ul li a:hover.selected-nav {
color:#000;
	background-color:#66ca91;
}


/* level 3 menu */
div#navs-featured ul ul ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
div#navs-featured ul ul ul li {
padding:0px 0;
margin:0;
border-top:none;
border-bottom:1px solid #66ca91;
}
div#navs-featured ul ul ul li.first-nav {
border-top:1px solid #66ca91;
}
div#navs-featured ul ul ul li.last-nav {
	padding-bottom:0px;
	margin-bottom:0;
	border-bottom:none;
}
div#navs-featured ul ul li ul li a,
div#navs-featured ul ul li ul li a:link,
div#navs-featured ul ul li ul li a:visited {
	display:block;
	font:normal .9em/normal arial, helvetica, sans-serif;
	color:#000;
	text-decoration: none;
	padding:2px 5px 3px 35px;
	background-color: #e5f6ec;
}
div#navs-featured ul ul li ul li a:hover {
	color:#000;
	background-color:#ccedda;
}
div#navs-featured ul ul li ul li a.selected-nav {
	color:#000;
	background-color:#e5f6ec;
	background-image: url(/images/navs/navGlyph_L3.png);
	background-position:25px 50%;
	background-repeat:no-repeat;
}
div#navs-featured ul ul li ul li a:hover.selected-nav {
color:#000;
	background-color:#ccedda;
}

/* ---- SECONDARY NAVS ---- */
div#navs-secondary {
width:185px;
height:auto;
padding-top:8px;
color:#fff;
background-image:url(/images/navs/sec-navs-top.png);
background-position:top left;
background-repeat:no-repeat;
background-color:#335c99;
}
div#navs-secondary ul#navs-secondary-level-1 {
margin:0px 0 0 0;
padding:0 0 7px 0;
list-style:none;
background-image:url(/images/navs/sec-navs-btm.png);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#335c99;
}
div#navs-secondary ul li {
padding:0px;
margin:0px;
border-bottom:1px solid #6685b3;
}
div#navs-secondary ul li.last-nav {
border-bottom:none;
}
div#navs-secondary ul li a,
div#navs-secondary ul li a:link,
div#navs-secondary ul li a:visited {
	display:block;
	color:#fff;
	background-color:transparent;
	font:bold 1em/normal arial, helvetica, sans-serif;
	text-decoration: none;
	margin:0;
	padding:5px 5px 6px 10px;
	height:100%;
}
div#navs-secondary ul li a:hover {
	color:#fff;
	background-color:#003380;
}
div#navs-secondary ul li a.selected-nav {
	color:#fff;
	background-color:#335c99;
	background-image: url(/images/navs/navGlyph_secnavs_L1.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
}
div#navs-secondary ul li a:hover.selected-nav {
	color:#fff;
	background-color:#003380;
}

/* level 2 menu */
div#navs-secondary ul ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
div#navs-secondary ul ul li {
padding:0px 0;
margin:0;
border-bottom:1px solid #6685b3;
border-top:none;
}
div#navs-secondary ul ul li.first-nav {
border-top:1px solid #6685b3;

}
div#navs-secondary ul ul li.last-nav {
	padding-bottom:0px;
	margin-bottom:0;
	border-bottom:none;
}
div#navs-secondary ul ul li a,
div#navs-secondary ul ul li a:link,
div#navs-secondary ul ul li a:visited {
	display:block;
	font:bold .9em/normal arial, helvetica, sans-serif;
	background-color:#cbd689;
	color:#000;
	text-decoration: none;
	padding:2px 5px 3px 20px;
}
div#navs-secondary ul ul li a:hover {
	color:#000;
	background-color:#fbe0ac;
}
div#navs-secondary ul ul li a.selected-nav {
	color:#000;
	background-color:#cbd689;
}
div#navs-secondary ul ul li a:hover.selected-nav {
	color:#000;
	background-color:#fbe0ac;
}

/* level 3 menu */
div#navs-secondary ul ul ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
div#navs-secondary ul ul ul li {
padding:0px 0;
margin:0;
border-top:none;
border-bottom:1px solid #6685b3;
}
div#navs-secondary ul ul ul li.first-nav {
border-top:1px solid #6685b3;
}
div#navs-secondary ul ul ul li.last-nav {
	padding-bottom:0px;
	margin-bottom:0;
	border-bottom:none;
}
div#navs-secondary ul ul li ul li a,
div#navs-secondary ul ul li ul li a:link,
div#navs-secondary ul ul li ul li a:visited {
	display:block;
	font:normal .9em/normal arial, helvetica, sans-serif;
	color:#000;
	background-color:#f8d183;
	text-decoration: none;
	padding:2px 5px 3px 30px;
}
div#navs-secondary ul ul li ul li a:hover {
	color:#000;
	background-color:#fbe0ac;
}
div#navs-secondary ul ul li ul li a.selected-nav {
	color:#000;
	background-color:#f8d183;
}
div#navs-secondary ul ul li ul li a:hover.selected-nav {
	color:#000;
	background-color:#fbe0ac;
}
div#navs-secondary ul ul li ul li a:active {
	color:#000;
	background-color:#fff;
}

/* ---- Turbo Tax ---- */
div#turbo-tax a,
div#turbo-tax a:link,
div#turbo-tax a:visited,
div#turbo-tax a:hover {
background-color:transparent;
}

/* --- Become a Member ---- */
#becomeMember  {
text-align:center;
background-color:#001f4d;
color:#fff;
padding:0;
margin:15px;
width:153px;
background-image: url(/images/global/become-a-member-top.png);
background-position:top center;
background-repeat:no-repeat;
padding-top:12px;
}
div#becomeMember h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
font-weight:bold;
background-color: #00a648;
color:#fff;
padding:0px 5px 8px;
margin:0;
}
div#becomeMember p {
font-family:Arial, Helvetica, sans-serif;
padding:5px 8px;
margin:0;
}
div#becomeMember a,
div#becomeMember a:link,
div#becomeMember a:visited,
div#becomeMember a:hover {
background:transparent;
}
div#becomeMember div#bottom {
width:153px;
height:12px;
background-image: url(/images/global/become-a-member-btm.png);
background-position:bottom center;
background-repeat:no-repeat;
}

/* --- Mortgage Application --- */
div#mortgage-app a,
div#mortgage-app a:link,
div#mortgage-app a:visited,
div#mortgage-app a:hover {
background:transparent;
}



/* PHOTOGRAPHS
***********************************/
div#main-photo {
width:341px;
float:right;
margin:0px -32px 20px 20px;

}
div#main-photo img {
border-style: solid;
border-width:1px 1px 1px 1px;
border-color: #000 #78633a #000 #000;
background-color:#fff; /* Cover the border on the h2 tag. */
color:#000;
}
div#main-photo p.caption {
font-size:.7em;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
padding:0 .5em 0 0;
margin:0;
}

.inset-photo {
border:1px solid #000;
}
.photo-w-border {
border:1px solid #000;
}
.float-left {
float:left;
margin:5px 20px 20px 0;
}
.float-right {
float:right;
margin:5px 0px 20px 20px;
}


/*	CONTENT PODS
***********************************/

/* ---- Bipod (740 px wide) ---- */
div.bipod-740 {
width:740px;
background-image: url(/images/global/pods/740/bipod-740-mid.png);
background-position: center bottom;
background-repeat: repeat-y;
margin:20px 0 30px;
}
div.bipod-740 div.bipod-740-top {
background-image: url(/images/global/pods/740/bipod-740-top.png);
background-position: center top;
background-repeat: no-repeat;
width:740px;
height: 12px;
padding: 0 0 8px 0;
margin:0px auto;
}
div.bipod-740 div.bipod-740-btm {
clear:both;
background-image: url(/images/global/pods/740/bipod-740-btm.png);
background-position: center bottom;
background-repeat: no-repeat;
width:740px;
height: 17px;
}
div.bipod-740 h3 {
font-size:.8em;
font-weight:bold;
padding:0px 20px;
margin:.8em 0;
background-color:transparent;
}
div.bipod-740 h4 {
font-size:.8em;
font-weight:bold;
padding:0px 20px;
margin:1.8em 0 .5em;
background-color:transparent;
}
div.bipod-740 p {
padding:0px 20px;
margin:.8em 0;
}
div.bipod-740 hr {
width:310px;
text-align:center;
margin:0px auto;
padding:0;
border-style:solid;
border-color: #d87103;
border-width:1px 0 0 0;
}
div.bipod-740 div.bipod-740-pod-left {
width: 350px;
float:left;
text-align:left;
}

div.bipod-740 div.bipod-740-pod-right {
width: 350px;
float:right;
text-align:left;
}



/* HIGHLIGHT BOXES
****************************************/
/* **** Highlight Box **** */
/* Used in content pages to call out special text. */
.highlightBox {
clear:both;
	border:1px solid #00642B; 
	margin:20px; 
	background-color:#99DBB6; 
	color:#00642B;
}
.highlightTitleBar {
background-color:#335C99; 

margin:0; 
padding:0;
}
.highlightTitleBar p {
	padding:5px 10px; 
	margin:0; 
	color:#fff; 
	font-weight:bold;
}
.highlightContent {
	margin:10px 20px;
}

/* **** Highlight Box Small**** */
/* Used in content pages to call out special text. */
.highlightBoxSmallRight {
clear:both;
float:right;
	border:1px solid #00642B; 
	margin:0 0 20px 20px;
	background-color:#99DBB6; 
	color:#00642B;
	width:150px;
}
.highlightTitleBarSmall {
background-color:#335C99; 
margin:0; 
padding:0;
}
.highlightTitleBarSmall p {
	padding:5px 10px; 
	margin:0; 
	color:#fff; 
	font-weight:bold;
}
.highlightContentSmall {
	margin:10px 10px;
}

/* BEVELED BUTTONS
****************************/
.button {
color:#fff;
font-weight:bold;
}
.button a {
padding:5px;
border-top:1px solid #F9A335;
border-right:1px solid #7D4701;
border-bottom:1px solid #7D4701;
border-left:1px solid #F9A335;
background-color:#D27A08;
color:#001F4D;
display: block;
text-decoration:none;
height:100%;  /* IE for Win hack: Necessary to make entire block active. */
width: 100%;
voice-family: "\"}\""; 
voice-family:inherit;
width: auto;	
}
.button a:link, .button a:visited {
color:#001F4D;
}
.button a:hover {
/*background-color:#00853A;*/
color:#fff;
background-color:#B76700;
}


/* MISC
*******************************/
.dottedBlueLine {
border-top:none;
border-right:none;
border-bottom:1px dotted #003380;
border-left:none;
padding:0;
margin:8px 0;
}

/* ---- Tool Tip --- */
#tt {
 position:absolute;
 display:block;
 }
#tttop {
 display:block;
 height:5px;
 margin-left:5px;
 overflow:hidden;
 }
#ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#666;
 color:#fff;
 font-family:Arial, Helvetica, sans-serif;
 font-size:.8em;
 line-height:normal;
 border:1px solid #000;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
overflow:hidden;
}

/* FOOTER
***********************************/
div#footer {
width:990px;
border-top:1px solid #ccc;
margin:20px auto 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: .8em;
text-align:center;
position:relative;
padding:0;
}
div#footer div#footer-links {
padding-top:10px;
}
div#footer div#footer-links ul {

}
div#footer div#footer-links ul li {
list-style:none;
display:inline;
}
div#footer div#footer-links ul li a {
margin:0 0em;
padding:0 1em;
border-right:1px solid #000;
}
div#footer div#footer-links ul li.first-link a {
padding-left:0;;
}
div#footer div#footer-links ul li.last-link a {
border-right:none;
}
div#footer div#psuSponsorBadge {
position:absolute;
top:20px;
right:100px;
}
div#footer div#equalHousingOpportunity {
position:absolute;
top:30px;
left:70px;
}
div#footer div#ncuaLogo {
position:absolute;
top:35px;
left:150px;
}
div#footer div#ncuaLogo a,
div#footer div#ncuaLogo a:link,
div#footer div#ncuaLogo a:visited,
div#footer div#ncuaLogo a:hover {
background-color:transparent;
}

/* ---- Legal Info ---- */
div#footer #legal-info {
margin:0 auto;
text-align:center;
line-height:normal;
}