body {
	text-align: center; /* for IE */
	background-color: #534741;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div.everything {
	margin-left: auto; /* for better browsers */
	margin-right: auto;
	width: 785px;
	text-align: left; /* so the content itself isn't centeredwithin the div */
}
.roundTop {
	margin-left: auto; /* for better browsers */
	margin-right: auto;
	width: 785px;
	height: 13px;
	background-image: url(../images/graphics/roundTop.gif);
	background-repeat: no-repeat;
}
.container {
	width: 785px;
	float: left;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
	text-align: left;
}
.logoBox {
	float: left;
	width: 165px;
	height: 95px;
	background-image: url(../images/logos/PEFCULogo.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.sloganBox {
	float: left;
	width: 407px;
	height: 95px;
        background-image: url(../images/graphics/PEFCU_RCA_VotedBest_blank.png);
	background-repeat: no-repeat;
	background-position: center left;
}
/* class no longer used
.sloganBoxStudent {
	float: left;
	width: 410px;
	height: 95px;
}*/
.searchBox {
	float: left;
	width: 210px;
	height: 95px;
}
.loginBox {
	float: left;
	width: 183px;
	height: 164px;
	background-image: url(../images/graphics/loginwanttoVisaMAILLINK.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/*loginBoxStudent class no longer used class is saved here in case we do reuse it*/
.loginBoxStudent {
	float: left;
	width: 183px;
	height: 164px;
	background-image: url(../images/graphics/loginwanttoStudentsMAILLINK.gif);
	/*background-image: url(../images/graphics/loginwanttoStudentsMAILLINKdown.gif);*/
	background-repeat: no-repeat;
	background-position: center center;
}
.loginBoxArea {
	position: absolute;
	top: 238px;
	width: 180px;
	height: 47px;
}
.tabsBox {
	float: left;
	width: 587px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center center;
}
.bannerBox {
	float: left;
	width: 587px;
	height: 139px;
	padding-bottom: 5px;
}
.bannerBox img {
	border: none;
}

.linksBox {
	float: left;
	width: 183px;
	height: 430px;
	background-image: url(../images/graphics/quickLinksBox.gif);
	background-repeat: no-repeat;
}
.linksBoxLinks {
	float: left;
	width: 183px;
	height: 318px;
}
.contentBox {
	float:left;
	width: 587px;
	height: auto;
	background-color:#FFFFFF;
}
.leftContent {
	float: left;
	width: 297px;
	height: 240px;
	background-image: url(../images/graphics/leftContentImage.gif);
	background-repeat: no-repeat;
}
.leftContentInner {
	width: 265px;
	height: 220px;
	margin: 10px 0 0 18px;
	overflow: hidden;
}
.rightContent {
	float: left;
	width: 290px;
	height: 240px;
}
.bottomContent {
	float: left;
	width: 587px;
	height: 180px;
	background-image: url(../images/graphics/DrewCardBannerSept10.jpg);
	background-repeat: no-repeat;
}
/* This class is no longer used because the student page has changed
.bottomContentStudents {
	float: left;
	width: 587px;
	height: 180px;
	background-image: url(../images/graphics/bottomContentImageDREWCARD.jpg);
	background-repeat: no-repeat;
}*/

.bottomContentPicture {
	float: left;
	width: 245px;
	height: 150px;
	margin: 19px 0px 0px 5px;
}
.bottomContentText {
	float: left;
	width: 325px;
	height: 150px;
	margin: 19px 0 0 0px;
}
.footerBox {
	float: left;
	width: 785px;
	height: 75px;
	background: url(../images/graphics/footerGraphic.gif);
}
.leftContentNews {
	float: left;
	width: 297px;
	height: 240px;
	background-image: url(../images/graphics/leftContentImageNews.gif);
	background-repeat: no-repeat;
}
.leftContentNewsInner {
	width: 290px;
	height: 230px;
	margin: 0 0 0 5px;
	padding-top: 5px;
}
.rightContentNews {
	float: left;
	width: 290px;
	height: 240px;
	background-image: url(../images/graphics/rightContentImageNews.gif);
	background-repeat: no-repeat;
}
.rightContentNewsInner {
	width: 264px;
	height: 230px;
	margin-left: 15px;
	padding-top: 5px;
}
.bottomContentNews {
	float: left;
	width: 587px;
	height: 180px;
	background-image: url(../images/graphics/bottomContentImageNews.gif);
	background-repeat: no-repeat;
}
.bottomContentNewsInner {
	width: 572px;
	height: 160px;
	margin: 10px 0 0 5px;
	padding-top: 5px;	
}
/*End Imported*/
/*Font used in Google Search Box or Results*/
.fontSizeSearch {
	padding: 0;
	font-size: 14px;
	color: #810081;
}
.fontSizeLinx {
	border: none;
	font-size: 10px;
	margin: 2px 1px 1px 1px;
	float: right;
}
.fontSizeLinx a {
	border: none;
	color: #FFFFFF;
	text-decoration: none;
}
.go_btn {
	margin: 0 2px 0 0px;
	padding: 0;
	width: 24px;
	height: 17px;
	font-size: 11px;
	float: left;
}
/*End font used in Google Search Box*/
/*Drop Menu CSS*/
#PEFCUmenu {
	margin: 0;
	padding: 0;
}
#PEFCUmenu ul {
	margin: 0;
	margin-left: 0; /*menu offset from left edge of window*/
	float: left;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #8b2942; /*optional left round corner*/
}
* html #PEFCUmenu ul { /*IE6 rule. Decrease ul left margin and add 1em bottom margin*/
	margin-bottom: 1em;
	margin-left: 0; /*menu offset from left edge of window in IE*/
}
#PEFCUmenu ul li {display: inline;}
#PEFCUmenu ul li a {
	float: left;
	color: white;
	width: 96px;
	padding: 5px 0 5px 0;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid white;
}
#PEFCUmenu ul li a.left_menu_item {
	float: left;
	color: white;
	padding: 5px 0 5px 0;
	border-right: 1px solid white;
	background: url(../images/graphics/leftround2.gif) bottom left no-repeat; /*optional right round corner*/
	background-position:0% 0;
}
#PEFCUmenu ul li a.left_menu_item:hover {
	float: left;
	color: #feffd5;
	padding: 5px 0 5px 0;
	text-decoration: none;
	border-right: 1px solid white;
	background: #a42747 url(../images/graphics/leftround2.gif) bottom left no-repeat; /*optional right round corner*/
	background-position:0% -25px;
}
#PEFCUmenu ul li a.noborder_right {
	float: left;
	color: white;
	padding: 5px 0 5px 0;
	text-decoration: none;
	border-right: 0 solid white;
	background: url(../images/graphics/rightround2.gif) bottom right no-repeat; /*optional right round corner*/
	background-position:100% 0;
}
#PEFCUmenu ul li a.noborder_right:hover {
	float: left;
	color: #feffd5;
	font-weight: normal;
	text-decoration: none;
	border-right: 0 solid white;
	background: #a42747 url(../images/graphics/rightround2.gif) bottom right no-repeat; /*optional right round corner*/
	background-position:100% -25px;
}
#PEFCUmenu ul li a:visited {color: white;}
#PEFCUmenu ul li a:hover, #PEFCUmenu ul li a#selected { /*hover and selected link*/
	color: #feffd5;
	background-color: #a42747;
}
#PEFCUmenu ul li a#rightcorner {
	padding-right: 0;
	padding-left: 0;
	background: url(../images/graphics/rightround2.gif) bottom right no-repeat; /*optional right round corner*/
}
.dropmenudiv_a {
	position:absolute;
	top: 0;
	border: 0 solid #fff; 
	border-top-width: 0; 
	border-bottom-width: 0;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	z-index: 100;
	background-color: transparent;
	width: 200px;
	visibility: hidden;
}
.dropmenudiv_a ul {
	list-style-type: none;
	background-image: none;
}
.dropmenudiv_a a {
	width: auto;
	display: block;
	text-indent: 10px;
	border-top: 0 solid #8b2942;
	border-bottom: 0 solid #8b2942;
	background-color: #8b2942;
	padding: 2px;
	text-decoration: none;
	color: white;
}
.dropmenudiv_a a.sub_bottom {
	width: auto;
	display: block;
	text-indent: 11px;
	border-top: 0 solid #8b2942;
	border-bottom: 0 solid #8b2942; 
	padding: 1px;
	text-decoration: none;
	color: white;
	background: transparent url(../images/graphics/sub_bottom.gif) bottom left no-repeat;
	background-position:0% 0;
}
.dropmenudiv_a a.subtop {
	width: auto;
	display: block;
	text-indent: 10px;
	border-top: 0 solid #a42747;
	border-bottom: 0 solid #a42747; 
	padding: 0;
	text-decoration: none;
	color: white;
	background: transparent url(../images/graphics/sub_top.gif) top left no-repeat;
}
* html .dropmenudiv_a a {width: 100%;}
.dropmenudiv_a a:hover { 
	background-color: #a42747;
	color: #feffd5;
}
.dropmenudiv_a a:hover.subtop { 
	background-image: url(../images/graphics/sub_top.gif);
	background-repeat: no-repeat;
	background-position: 0% -20px;
	color: #feffd5;
}
.dropmenudiv_a a:hover.sub_bottom { 
	background-image: url(../images/graphics/sub_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0% -20px;
	color: #feffd5;
}
/*End Drop Menu CSS*/
/*Main Fonts used in whole website*/
.fontDef {
	padding: 0;
	margin: 0 15px 10px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.fontDef a {
	text-decoration: none;
	font-weight: bold;
	color: #3d5bb1;	
}
.fontDef a:visited {
	text-decoration: none;
	color: #2d4281;
}
.fontDef a:hover {text-decoration: underline;}
.mntitle {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0 5px 15px;
	color: #8b2942;
	font-weight: bold;
	font-size: 15px;
}
.mntitle a {
	text-decoration: underline;
	font-weight: bold;
	color: #8b2942;	
}
.mntitle a:visited {
	text-decoration: underline;
	color: #8b2942;
}
.mntitle a:hover {text-decoration: underline;}
.headerFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3d5bb1;
	margin: 3px 15px 10px 10px;
}
.footerFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0 0 0 15px; 
}
.footerFont a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
	color: #2d4281;
}
.linksBox p {
	margin-top: 5px;
	margin-left: 0;
	width: 180px;
	text-align: left;
}
.linksBox a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 900;
	text-decoration: none;
	color: #8b2942;
	line-height:28px;
	margin: 0 0 0 20px;
}
.linksBox a:visited {
	text-decoration: none;
	color: #8b2942;
}
.linksBox a:hover {
	font-size: 20px;
	text-decoration: none;
	color: #3d5bb1;
}
.ccBoxes {margin: 0 0 0 130px;}
.promoBox a {margin-left: 0;}
.rightAlign {text-align: right;}
.tableHeadingText {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 18px;
	text-align: left;
	margin: 0 0 0 20px;
	background-color: #860037;
}
.tableHeadingText a {
	text-decoration: none;
	color: #ffffff;	
}
.tableHeadingText a:visited {
	text-decoration: none;
	color: #ffffff;
}
.tableHeadingText a:hover {text-decoration: none;}
.textFontMortgages {
	padding: 0;
	margin: 0 15px 10px 15px;
	font-size: 11px;
	color: #828282;
}
.tableclass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 2px;
	margin: 0;
}
.disclaimer1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin: 5px 0 10px 0;
	padding: 0 0 0 20px;
}
.disclaimer1 a {
	text-decoration: none;
	font-weight: bold;
	color: #3d5bb1;	
}
.disclaimer1 a:visited {
	text-decoration: none;
	color: #3d5bb1;
}
.disclaimer1 a:hover {text-decoration: underline;}
/*End Main Fonts used in whole webiste*/
/*Alignment and Formatting Styles*/
.innerLeft {
	float: left;
	text-align: left;
	width: 40%;
	padding: 0 0 0 30px;
}
.innerRight {
	float: right;
	text-align: left;
	width: 45%;
	margin: 0 40px 0 0;
}
ul {
	list-style-type: none;
	margin: 0;
}
.fontDef li {
	padding: 0 0 10px 0;
	margin: 0;
	list-style-image: url(../images/graphics/bullet.gif);
	color: #000000;
}
.calc li {
	background: url(../images/graphics/bulletcalculator.jpg) no-repeat;
	margin: 0;
	padding: 3px 0 5px 25px;
}
.graphicLeftwrap img {
	float: left;
	padding: 0 12px 0 10px;
	margin-left: 5px;
	margin-right: 3px;
}
.graphicRightwrap img {
	float: right;
	padding: 0 15px 0 12px;
	margin-left: 3px;
	margin-right: 5px;
}

.rightWrap {
	float: right;
	padding: 0 15px 0 12px;
	margin-left: 3px;
	margin-right: 5px;
}

.flashBox {
	height: 264px;
	width: 314px;
	margin: 10px 0px 10px 40px;
	padding: 7px;
}

.fa {
	padding: 3px 0 10px 0;
	border-bottom: #d5d5d6 1px solid;
}
.pefcuLeaders {
	width: 595px;
	height: 200px;
	margin: 3px 0 15px 0;
}
.pefcuLeaders img {
	float: left;
	margin-right: 5px;
	margin-top: 2px
}
.pefcuLeaders p {
	margin: 0 0 7px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/*End Alignment and Formatting Styles*/
/*Styles used in job application*/
.fontDefJSF {
	padding: 0;
	margin: 0 15px 0 15px;
	font-size: 11px
}
.divider {
	border-top: #eeeeee solid 2px;
	width: auto;
}
/*End Styles used in job application*/
/*Login Area Styles*/
.loginareaDefault ul {
	clear: both;
	list-style-type: none;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
.loginareaDefault li {
	background: url(../images/graphics/bulletLogin.gif) no-repeat;
	margin: 0 0 0 22px;
	padding: 0 0 0 10px;
}
.loginLinks {
	padding: 0;
	margin: 0;
	width: 160px;
}
html>body .loginLinks {
	padding: 0;
	margin: 0;
	width: 160px;
}
.loglinx a {
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
}
.loglinx a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.fielder {
	width: 160px;
	margin: 30px 0 0 20px;
}
html>body .fielder {
	padding: 30px 2px 5px 16px;
	margin: 0 0 8px 5px;
}
.mylogin {
	margin: 0 4px 0 0;
	padding: 0;
	width: 100px;
	height: 18px;
	font-size: 11px;
	float: left;
}
.login_btn {
	margin: 0 1px 0 0;
	width: 44px;
	height: 17px;
	font-size: 11px;
	float: left;
}
/*End Login Area Styles*/
/*Styles used in header.jsp or footer.jsp only*/
.searcher {
	float: right;
	margin: 40px 9px 0 0;
	width: 190px;
	height: 20px;
}
.searcher p {
	margin: 2px 2px 10px 0;
	font-size: 11px;
	padding: 0 0 2px 0;
	width: 25px;
	float: left;
}
html>body .searchInput {margin: 0 0 0 16px;}
html>body .searcher p {
	margin: 2px 2px 10px 0;
	padding: 0;
	font-size: 11px;
}
.searchInput {
	width: 120px;
	font-size: 11px;
	float: left;
	margin: 0 0 0 2px;
}

/*css for i want to box to be deleted
html>body .others {
	padding: 0;
	margin: 3px 0 0 1px;
	float: left;
}
.others form {
	padding: 0;
	margin: 3px 0 0 3px;
}
.option {
	margin: 35px 0 0 25px;
	float: left;
	font-size: 11px;
	width: 128px;
	height: 18px;
}
*/

.greystripe {background: #cccccc;}
