body {
	font-family: 'Open Sans', sans-serif;
	color: #000; 
 }
#mainContent{
	margin-top:20px;
	font-size:16px;
	text-align: left;
}
.thirtyMargin {
	margin:30px;
}
.faq a {
	line-height:30px;
	margin-left:20px;
	border:none;
	padding:10px 0;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	color: #000;
}
.indent {
	padding-left:20px;
}
.form {
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	text-transform: uppercase;
}
.slogan {
	font-size:40px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
.contactForm {
	color:#000;
	font-size:14px;
}
.contactForm td {
	padding:10px 0;
}
.contactField {
	height:30px;
	padding: 2px;
}
.divider {
	height: 1px;
	background: #666;
	margin:20px 0;
}
.pageHeader {
	font-size:24px;
	padding-bottom:10px;
	border-bottom:1px solid #666;
	margin-bottom:15px;
	margin-top:0;
	padding-top:0;
}
.page-subheader {
	font-size:18px;
	/*background: #666;
	background: linear-gradient(#666, #333);*/
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;	display: block;
	padding:5px;
	margin:0;
}
.page-subheader2 {
	font-size:18px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	margin:10px 0;
}
.page-subheader3 {
	font-size:40px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	padding-bottom:20px;
}
.sideBarSubMenu{
	color: #666;
	margin-left:0px;
	line-height: 15px;
	margin-bottom:20px;
}
.sideBarSubMenu a{
	margin-bottom:15px;
}
.sideBarSubMenu a:link {
	color: #000;
	text-decoration:none;
}
.sideBarSubMenu a:visited {
	color: #000;
	text-decoration:none;
}
.sideBarSubMenu a:hover {
	color: #666;
	text-decoration:none;
}
.sideBarSubMenu a:active {
	color: #000;
	text-decoration:none;
}
.pageSections {
	padding-bottom:20px;
	border-bottom:1px solid #666;
	margin-bottom:15px;
}
.pageSections ul {
	margin:20px 0;
	list-style:disc;
	list-style-image:url('../images/bullet.gif');
	padding-left:40px;
}
.pageSections ul li {
	padding:10px 0 10px 10px;
}
.franklinTeam {
	font-size: 14px;
	padding-bottom: 20px;
	border-bottom:1px solid #666;
	margin-bottom:20px;
	background: url(../images/staff-silhouette.jpg) no-repeat right 5px;
}
.franklinTeam h2{
	font-size:20px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	margin-top:20px;
}
.sideBarLinks {
	display: block;
	font-size: 14px;
	width: 220px;
	padding:5px;
	background: #eee;
	margin-bottom:5px;
}
.sideBarLinks a:link {
	display: block;
	color: #000;
	text-decoration:none;
}
.sideBarLinks a:visited {
	display: block;
	color: #000;
	text-decoration:none;
}
.sideBarLinks a:hover {
	display: block;
	width: 220px;
	background-color: #000;
	color: #000;
	text-decoration:none;
}
.sideBarLinks a:active {
	display: block;
	color: #000;
	text-decoration:none;
}

.paymentsFooter {
	bottom:35px;
	position:fixed;
	z-index:150;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop+
			(document.documentElement.clientHeight-this.offsetHeight)));
	background: #333;
	width: 100%;
	background: #666;
}
.footer {
	bottom:0;
	position:fixed;
	z-index:150;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop+
			(document.documentElement.clientHeight-this.offsetHeight)));
	background: #333;
	width: 100%;
	font-size:12px;
	padding:10px 0;
	color: #FFF;
	text-transform: uppercase;
}

.footer .footerLeft {
	float: left;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #FFF;
}  

.footer .footerLeftTwo {
		float: left;
}  

.footer .footerRight {
		float: right;
}  


a:link {
	color: #666;
	text-decoration:none;
}
a:visited {
	color: #666;
	text-decoration:none;
}
a:hover {
	color: #074C99;
	text-decoration:none;
}
a:active {
	color: #666;
	text-decoration:none;
}
.footer a:link {
	color: #999;
	text-decoration:none;
}
.footer a:visited {
	color: #999;
	text-decoration:none;
}
.footer a:hover {
	color: #D5A400;
	text-decoration:none;
}
.footer a:active {
	color: #999;
	text-decoration:none;
}
.sydesign {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 10px;
}
.sydesign a:link {
	color: #999;
	text-decoration:none;
}
.sydesign a:visited {
	color: #999;
	text-decoration:none;
}
.sydesign a:hover {
	color: #F00;
	text-decoration:none;
}
.sydesign a:active {
	color: #999;
	text-decoration:none;
}

#slide {
	position: relative;
	left: -1650px;
	width: 260px;
	background: #FFF;
	-webkit-animation: slide 0.05s forwards;
	-webkit-animation-delay: .02s;
	animation: slide 0.05s forwards;
	animation-delay: .02s;
	color: #333;
	text-align: left;
	padding:5px 20px 20px 0;
}
#slide h1 {
	font-size:24px;
}

@-webkit-keyframes slide {
	100% { left: 0; }
}

@keyframes slide {
	100% { left: 0; }
}
#slide2 {
	position: relative;
	left: -2300px;
	width: 700px;
	float: right;
	background: #FFF;
	text-align: left;
	-webkit-animation: slide 0.01s forwards;
	-webkit-animation-delay: 0.02s;
	animation: slide 0.01s forwards;
	animation-delay: 0.02s;
	margin-bottom:20px;
}

@-webkit-keyframes slide2 {
	100% { left: 0; }
}

@keyframes slide2 {
	100% { left: 0; }
}

.espanolTwo {
	display: none;
}

.espanol {
	display: block;
	max-width:200px;
	font-family: 'Open Sans', sans-serif;
	color: #CCC;
	text-transform: uppercase;
	text-align: center;
	line-height: 24px;
	margin:0;
	padding:0;
}
.espanol .lineOne {
	font-size:22px;
}
.espanol .lineTwo {
	font-size: 28px;
}
.espanol .clickHere {
	display: block;
	width: 120px;
  background: #CDA000;
  background: -webkit-linear-gradient(#CDA000, #FACF37);
  background: -moz-linear-gradient(#CDA000, #FACF37);
  background: -o-linear-gradient(#CDA000, #FACF37);
  background: -ms-linear-gradient(#CDA000, #FACF37);
  background: linear-gradient(#CDA000, #FACF37);
	padding:5px 20px;
	color: #000;
	border-radius: 5px;
	border-width: 0;
	margin: 20px auto 0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-transform: uppercase;
	cursor: pointer;
}

.espanol .clickHere:hover {
  background: #FACF37;
  background: -webkit-linear-gradient(#FACF37, #CDA000);
  background: -moz-linear-gradient(#FACF37, #CDA000);
  background: -o-linear-gradient(#FACF37, #CDA000);
  background: -ms-linear-gradient(#FACF37, #CDA000);
  background: linear-gradient(#FACF37, #CDA000);
}
.footerPadding {
	padding-top:0px;
	width: 100%;
}



.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0,0.0);/* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: black;
  background-image: url("../images/covid-19-back.jpg");
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 3px solid #950d16;
  width: 80%; /* Could be more or less, depending on screen size */
  max-width:600px;
  color:#fff;
  min-height:300px;
  text-align: left;
}

/* Modal Content/Box for NYC borrower advisory */
.modal-content2 {
  background-color: black;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  width: 80%; /* Could be more or less, depending on screen size */
  max-width:600px;
  color:#fff;
  min-height:150px;
}

.modal-content a:link, .modal-content2 a:link {  font-family: 'Roboto', sans-serif;color:#fff;font-weight:bold;text-transform: uppercase;}
.modal-content a:visited, .modal-content2 a:visited { color:#fff;}
.modal-content a:hover, .modal-content2 a:hover { color:#FF0004;}
.modal-content a:active, .modal-content2 a:active { color:#fff;}

.modalHeader {
    font-size:32px;
    font-family: 'Roboto', sans-serif;color:#fff;font-weight:bold;text-transform: uppercase;
}
.modalsubHeader {
    font-size:20px;
    font-family: 'Roboto', sans-serif;color:#fff;font-weight:bold;text-transform: uppercase;
}

/* The Close Button */
.close, button {
  font-size: 32px;
  color: white;
  font-weight: bold;
  border: none;
  float: right;
  text-decoration: none;
  display: inline-block;
  background:none;
}

.close:hover,
.close:focus,
button:hover{
  color: #CDA000;
  text-decoration: none;
  cursor: pointer;
}

.myBtn {
  background-color: none;
  border: 2px solid #fff;
  color: #fff;
  padding: 2px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  margin-left:20px;
  
}
.myBtnGold {
  background: #CDA000;
  background: -webkit-linear-gradient(#CDA000, #FACF37);
  background: -moz-linear-gradient(#CDA000, #FACF37);
  background: -o-linear-gradient(#CDA000, #FACF37);
  background: -ms-linear-gradient(#CDA000, #FACF37);
  background: linear-gradient(#CDA000, #FACF37);
  color: #000;
  border:2px solid #CDA000;
  padding: 4px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  margin-left:20px;
  border-radius: 5px;
  
}

.myBtnGold:hover{
  background: #fff;
  color: #950d16;
}

.myBtn a:link, .myBtn a:visited {
  color:#fff;
}
.myBtn a:hover {
  color:#950d16;
}
.myBtn a:active {
  color:#fff;
}

.myBtn:hover {
  background: #fff;
  color: #950d16;
}


.myBtn2:hover {
  color: #FFF;
  cursor: pointer;
}

.NYC-desktop {
	display: block;
}
.NYC-mobile {
	display: none;
}

.phone {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    color:#fff;
    font-weight:bold;
}

/* ------------------------------- mobile styles below ------------------------------- */


@media screen and (max-width: 980px) { 
	#cssmenu-sidebar {
	margin:auto;
	width:100%;
}
.footerPadding {
	padding-top:0;
}
	.paymentsFooter {
		bottom:45px;
	}

	#slide {
	margin-top:20px;
	width: 100%;
	float: none;
	left: -1000px;
	margin-bottom:40px;
	padding:10px 0;
	-webkit-animation-delay: 0.02s;
	animation: slide 0.05s forwards;
	animation-delay: 0.02s; 
}
#slide h1 {
	font-size:24px;
}

#slide2 {
	margin-top:20px;
	margin-bottom: 40px;
	width: 100%;
	float: none;
	padding:20px 0;
	-webkit-animation-delay: 0.02s;
	animation: slide 0.01s forwards;
	animation-delay: 0.02s; 
}
	
}

@media screen and (max-width: 600px) { 

  .cb-slideshow li div h3 { font-size: 80px }
	
  .espanol { display: none; }
	
  .espanolTwo {
		display: block;
		background:#CDA000;
		padding:5px 0;
		text-align: center;
		color: #000;
		font-size:12px;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.NYC-desktop {
	display: none;
	}
	.NYC-mobile {
		display: block;
		background:#000;
		padding:5px 0;
		text-align: center;
		color: #CDA000;
		font-size:12px;
		text-transform: uppercase;
		font-weight: bold;
		clear: both;
		width:100%;
		float: none;
	}
	
	#content {
		min-height:300px;
	}
	.footer, .paymentsFooter {
	bottom:auto;
	position:relative;
	z-index:150;
	_position:relative;
	width: 100%;
	font-size:12px;
	padding:10px 0;
	clear:both;
}

	.footer {
		text-align: center;
		float: none;
		height: inherit;
	}
	.footer .footerRight, .footer .footerLeft, .footer .footerLeftTwo {
		width: 100%;
		float: none;
	}
.paymentsFooter a:link { color:#333; }

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.lossMit td {
	padding: 10px;
}
.sitemap td {
	padding: 10px;
}
.sitemap td a {
	padding: 10px;
	color: #000;
	text-decoration: underline;
}
.sitemap td a:link {
	padding: 10px;
	color: #000;
	text-decoration: underline;
}
.sitemap td a:visited {
	padding: 10px;
	color: #000;
	text-decoration: underline;
}
.sitemap td a:hover {
	padding: 10px;
	color: #074C99;
	text-decoration: underline;
}
.sitemap td a:active {
	padding: 10px;
	color: #000;
	text-decoration: underline;
}
.sitemap td p {
	margin:10px 0;
}
.sitemap-table-header {
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
}
.table-header {
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
}
.scambullet li {
  background: url("../images/bullet.gif") no-repeat;
  list-style-type: none;
  padding-left: 25px;
	margin:10px;
}
.numbering li {
	list-style-type: decimal;
	margin:0 20px;
	padding:0 10px;
}
.submit {
	background: url("../images/submit_btn.gif") no-repeat;
	height: 40px;
	font-size: 0;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	width: 130px;
}
.submitEs {
	background: url("../images/submit-es-btn.gif") no-repeat;
	height: 40px;
	font-size: 0;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	width: 130px;
}
.ast {
	color: #C20003;
	margin-left:10px;
	
}