/* CSS Document */

html{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
background-color:#808083;

}

#container{
width:876px;
padding: 0px 4px 0 4px;
height:auto;
background-image:url(images/bg_container.png);
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;

}

#header{
width:100%;
height:71px;
background-image:url(images/bg_header.png);
background-repeat:repeat-x;
margin:0;
padding:9px 0 0 0;
color:#575252;
position:relative;
}
#maintext a{
color:#EF131F;
}
a img{
border:none;
padding:0;
margin:0;
}

/* NAVIGATION */

ul#nav{ 
list-style:none;

width:876px; 
bottom:0px; 
left:0px; 
margin:0; 
padding:0 }


ul#nav li { 
float:left; 
list-style-type:none;
margin:0;
padding:0;
}
ul#nav li a { 
height:67px; 
display:block; 

top:0; 
text-indent:-9999px; 
}

li#navHome a, li#navEquity a, li#navOffer a, li#navKey a, li#navApply a, li#navWho a, li#navMedia a, li#navNews a, li#navBroker a, li#navContact a{ 
background:url(images/menu.png); 
}

/*  

Measurements for the nav image replacement:

	The distance from the top to the...
	
	initial state = 0
	rollover state = 67px
	selected state = 134px


	
*/

li#navHome a 						{ background-position:0 0; width:66px; left:0 }
li#navHome a:hover					{ background-position:0 -67px }
li#navHome a.active			{ background-position:0 -134px }

li#navEquity a 						{ background-position:-66px 0; width:113px; left:66px }
li#navEquity a:hover					{ background-position:-66px -67px }
li#navEquity a.active				{ background-position:-66px -134px }

li#navOffer a 					{ background-position:-179px 0; width:78px; left:179px }
li#navOffer a:hover				{ background-position:-179px -67px }
li#navOffer a.active		{ background-position:-179px -134px }

li#navKey a 						{ background-position:-257px 0; width:94px; left:257px }
li#navKey a:hover					{ background-position:-257px -67px }
li#navKey a.active		{ background-position:-257px -134px }

li#navApply a 						{ background-position:-350px 0; width:85px; left:350px }
li#navApply a:hover					{ background-position:-350px -67px}
li#navApply a.active 			{ background-position:-350px -134px }

li#navWho a 						{ background-position:-435px 0; width:98px; left:435px }
li#navWho a:hover					{ background-position:-435px -67px }
li#navWho a.active		{ background-position:-435px -134px }

li#navMedia a 						{ background-position:-533px 0; width:79px; left:533px }
li#navMedia a:hover					{ background-position:-533px -67px }
li#navMedia a.active		{ background-position:-533px -134px }

li#navNews a 						{ background-position:-612px 0; width:97px; left:612px }
li#navNews a:hover					{ background-position:-612px -67px }
li#navNews a.active		{ background-position:-612px -134px }

li#navContact a 						{ background-position:-709px 0; width:89px; left:709px }
li#navContact a:hover					{ background-position:-709px -67px }
li#navContact a.active 		{ background-position:-709px -134px }

li#navBroker a 						{ background-position:-798px 0; width:76px; left:798px }
li#navBroker a:hover					{ background-position:-798px -67px }
li#navBroker a.active	 		{ background-position:-798px -134px }



/*end nav*/

/* SUB -NAVIGATION  in the media*/

ul#secondary-nav{ 
list-style:none;
width:auto; 
bottom:0px; 
left:0px; 
margin:0; 
padding:0 }


ul#secondary-nav li { 
float:left; 
list-style-type:none;
margin:0;
padding:0;
}
ul#secondary-nav li a { 
height:15px; 
display:block; 

top:0; 
text-indent:-9999px; 
}

li#navTV a, li#navRadio a, li#navNewspapers a{
background-image:url(images/media-menu.png);
}

/*  

Measurements for the nav image replacement:

	The distance from the top to the...
	
	initial state = 0
	rollover state = 15px
	selected state = 30px


	
*/

li#navTV a 						{ background-position:0 0; width:103px; left:0 }
li#navTV a:hover					{ background-position:0 -15px }
li#navTV a.active 			{ background-position:0 -30px }

li#navRadio a 						{ background-position:-103px 0; width:130px; left:103px }
li#navRadio a:hover					{ background-position:-103px -15px }
li#navRadio a.active			{ background-position:-103px -30px }

li#navNewspapers a 					{ background-position:-233px 0; width:157px; left:233px }
li#navNewspapers a:hover				{ background-position:-233px -15px }
li#navNewspapers a.active 	{ background-position:-233px -30px }






/* END SUBNAV*/

/* SUB -NAVIGATION  contact menu*/



li#navContactDetails a, li#navComments a{
background-image:url(images/contact-menu.png);
}

/*  

Measurements for the nav image replacement:

	The distance from the top to the...
	
	initial state = 0
	rollover state = 15px
	selected state = 30px


	
*/

li#navContactDetails a 						{ background-position:0 0; width:100px; left:0 }
li#navContactDetails a:hover					{ background-position:0 -15px }
li#navContactDetails a.active 			{ background-position:0 -30px }

li#navComments a 						{ background-position:-100px 0; width:290px; left:100px }
li#navComments a:hover					{ background-position:-100px -15px }
li#navComments a.active			{ background-position:-100px -30px }





/* END SUBNAV*/


/* SUB -NAVIGATION  how to apply menu*/



li#navAppointment a, li#navProcess a{
background-image:url(images/how-to-apply-menu.png);
}

/*  

Measurements for the nav image replacement:

	The distance from the top to the...
	
	initial state = 0
	rollover state = 15px
	selected state = 30px


	
*/

li#navAppointment a 						{ background-position:0 0; width:138px; left:0 }
li#navAppointment a:hover					{ background-position:0 -15px }
li#navAppointment a.active 			{ background-position:0 -30px }

li#navProcess a 						{ background-position:-138px 0; width:252px; left:138px }
li#navProcess a:hover					{ background-position:-138px -15px }
li#navProcess a.active			{ background-position:-138px -30px }





/* END SUBNAV*/

li#navLoan a, li#navTestimonial a, li#navAdvantages a{
background-image:url(images/what-we-offer-menu.png)
}

/*  

Measurements for the nav image replacement:

	The distance from the top to the...
	
	initial state = 0
	rollover state = 15px
	selected state = 30px


	
*/

li#navLoan a 						{ background-position:0 0; width:92px; left:0 }
li#navLoan a:hover					{ background-position:0 -15px }
li#navLoan a.active 			{ background-position:0 -30px }

li#navAdvantages a					{ background-position:-92px 0; width:92px; left:92px }
li#navAdvantages a:hover			{ background-position:-92px -15px }
li#navAdvantages a.active			{ background-position:-92px -30px }

li#navTestimonial a 						{ background-position:-184px 0; width:205px; left:184px }
li#navTestimonial a:hover					{ background-position:-184px -15px }
li#navTestimonial a.active			{ background-position:-184px -30px }





/* END SUBNAV*/
/* SUB -NAVIGATION  news menu*/


li#navNewslist a, li#navEvents a, li#navNewsletter a, li#navMeetings a {
background-image:url(images/news-menu.png)
}


li#navNewslist a 						{ background-position:0 0; width:84px; left:0 }
li#navNewslist a:hover					{ background-position:0 -15px }
li#navNewslist a.active 			{ background-position:0 -30px }

li#navEvents a 						{ background-position:-84px 0; width:62px; left:84px }
li#navEvents a:hover					{ background-position:-84px -15px }
li#navEvents a.active			{ background-position:-84px -30px }

li#navNewsletter a 						{ background-position:-146px 0; width:84px; left:146px }
li#navNewsletter a:hover					{ background-position:-146px -15px }
li#navNewsletter a.active			{ background-position:-146px -30px }



li#navMeetings a 						{ background-position:-230px 0; width:160px; left:230px }
li#navMeetings a:hover					{ background-position:-230px -15px }
li#navMeetings a.active			{ background-position:-230px -30px }



/* END SUBNAV*/
#fullpage{
background-color:#ffffff;
height:auto;
width:100%;
margin:0;
padding:146px 0 0 0;

background-repeat:no-repeat;
}


/* Curved images at the top of the page */

.home{ background-image:url(images/bg_header_image_curved.png);}
.equity{ background-image:url(images/bg_header_image_media.png);}	
.offer{ background-image:url(images/bg_header_image_what_offer.png);}
.key{ background-image:url(images/bg_header_image_key.png);}
.apply{ background-image:url(images/bg_header_image_how.png);}
.who{ background-image:url(images/bg_header_image_who.png);}
.media{background-image:url(images/bg_header_image_media.png);}
.news{ background-image:url(images/bg_header_image_news.png);}
.contact{background-image:url(images/bg_header_image_contact.png);}
.broker{ background-image:url(images/bg_header_image_loan.png);}


#fullpage-head{
height:100px;
padding: 0 65px 0px 30px;
}
#expanding_greenpanel{
background-image:url(images/bg_green_panel_expand.png);
background-repeat:repeat-y;
height:auto;
width:100%;
}
#fullpage-head h1.hidden, #fullpage-head p.hidden, #fullpage-head h2.hidden{
font-size:0.01em;
}
#fullpage-head h1.hidden span, #fullpage-head p.hidden span, #fullpage-head h2.hidden span{
visibility:hidden;

}

#maintext{
width:500px;
height:auto;
margin:0;
padding: 0 65px 40px 30px;
float:left;

}


#maintext p, ul, table{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.85em;
}

#maintext table{
border:1px solid #EF131F;
}
#maintext table td, th{
padding:10px;
background-color:#FAEEB3;
}

#green-panel-right{
width:269px;
height:444px;
padding:40px 0 0 0;
float:left;
background-image:url(images/bg_top_green_panel.png);
background-repeat:no-repeat;
}

#green-panel-right p{
font-size:0.01em;
}
#green-panel-right p span{
visibility:hidden;
}

#green-panel-right .green-top{
height:129px;
width:200px;
}
#green-panel-right .green-middle{
height:109px;
padding: 35px 0 0 105px;
width:114px;

}
#green-panel-right .green-bottom{
height:104px;
padding: 24px 0 0 0px;
width:160px;

}
#footer{
background-image:url(images/bg_footer.png);
background-repeat:repeat-x;
height:auto;
width:100%;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
}


#footer ul.footermenu{
margin:0 0 0 10px;
padding:0;
height:auto;
list-style:none;
color:#ffffff;
width:580px;
float:left;
}

#footer ul.footermenu li{
float:left;
margin-top:10px;

}

#footer ul.footermenu li a{
color:#ffffff;
text-decoration:none;
padding: 0 10px 0 10px;
}

#footer ul.footermenu li a:hover{
color:#50B848;
text-decoration:none;
}
.clear{
clear:both;
}

#enlarge_text{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:right;
width:269px;

}

#enlarge_text p{
font-size:0.85em;
margin:0;
padding:10px 0 0 0;
}

.disclosure{
clear:both;
padding: 0 0 20px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:left;
width:856px;
}

.disclosure p{
font-size:0.85em;
margin:0;
}
.disclosure a{
color:#ffffff;
}

/* These are standard sIFR styles... do not modify */



.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
h2{
color::#F0B310;
padding:0;
}

h4{
color::#F0B310;
padding:0;
}

h5{
color:#33360A;
padding:0;
}

h6{
color:#ffffff;
padding:0;
}


h6 a{
color:#ffffff;
padding:0;
}

/* ////////////////////// DYNAMIC TEXT REPLACEMENT USING FLASH REPLACEMENT ///////////////////////// */

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;

	margin-bottom:15px;
}


.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 15px;

}

.sIFR-hasFlash h5 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 14px;

	margin:0 0 15px 15px;

}


.sIFR-hasFlash h6 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 13px;
	
		margin:0 0 15px 15px;
}


