body.home

    {

    background:url(../images/layout/main_bg.jpg) repeat-x;

    background-color:#FFFFFF;

    color:#6f6f6f;

    font:12px Arial, Helvetica, sans-serif; 

    }



body.subpages

    {

    background:url(../images/layout/main_bg2.jpg) repeat-x;

    background-color:#FFFFFF;

    color:#6f6f6f;

    font:12px Arial, Helvetica, sans-serif; 

    }   





/*---------------------------------------header part css----------------------------*/  

div.header_wrapper

    {

    height:486px;

    width:100%;

    }

    

div.header_container

    {

    margin:auto;

    width:950px;    

    }

    

div.logo_menu_wrapper

    {

    height:165px;

    position:relative;

    }



div.logo_wrapper

    {   

    float:left;

    height:101px;

    top:32px;

    position:absolute;

    width:101px;

    }   

    

div.microfinance_txt

    {

    background:url(../images/layout/collage_images1.jpg) no-repeat;

    float:left;

    height:55px;

    position:absolute;

    left:112px;

    top:55px;

    width:569px;    

    }   

    

div.header_menu_wrapper

    {

    float:right;

    left:840px;

    width:120px;    

    padding-top:15px;

    }



div.header_menu_wrapper .main_menu

    {

    list-style-type:none;

    padding:0;

    margin:0;

    }

    

div.header_menu_wrapper .main_menu li

    {

    list-style:url(../images/layout/arrow_icon.jpg) inherit;

    padding-bottom:7px;

    }   

    

a.main_menu_list

    {

    color: #cacaca;

    font:10px Arial, Helvetica, sans-serif;

    text-decoration:none;

    text-transform:uppercase;

    }



a:hover.main_menu_list

    {

    color:#98c718;

    font:10px Arial, Helvetica, sans-serif;

    text-decoration:none;

    padding-left:8px;

    background:url(../images/layout/arrow_icon.jpg) no-repeat left;

    }



a.main_menu_list.current,

a.main_menu_list.section

    {

    color:#98c718;

    font:10px Arial, Helvetica, sans-serif;

    text-decoration:none;

    }       

    

    

div.video_main_image_wrapper

    {

    height:321px;

    position:relative;

    }

    

div.video_wrapper

    {

    background:url(../images/layout/collage_images1.jpg) no-repeat -3px -70px;

    float:left;

    height:321px;

    left:0;

    position:absolute;

    top:0;

    width:269px;

    }

    

.video_wrapper p 

    {

    background:url(../images/layout/youtube_player.jpg) 2px no-repeat;

    cursor:pointer;

    height:210px;

    margin-left:20px;

    margin-top:90px;

    width:230px;

    }    

    

div.main_image_wrapper

    {

    background:url(../images/layout/collage_images1.jpg) no-repeat -283px -70px;

    height:293px;

    position:absolute;

    right:0;

    width:670px;

    }

    

div.main_image_container

    {

    height:271px;

    left:11px;

    position:absolute;

    top:11px;

    width:649px;    

    }               

    

    

/*---------------------------------------body content part css----------------------------*/                

div.body_content_wrapper

    {

    width:100%;

    }

    

div.body_content_container

    {

    margin:auto;

    padding:26px 0 26px 0;

    position:relative;

    width:950px;    

    }

    

div.first_column,

div.second_column

    {

    float:left;

    width:315px;    

    }



div.second_column

    {

    margin-left:20px;

    }   

    

div.third_column

    {

    float:right;

    width:268px;    

    }

    

div.third_column div.mfi-calendar

    {

    width:250px;

    margin:0 auto;

    }



div#featured-member-box

    {

    clear:left;

    float:left;

    margin-top:20px;

    border:none;

    height:auto;

    width:630px;

    }



div#featured-member-box div.column_container

    {

    width:auto;

    }

    

div.column_container

    {

    width:265px;

    padding-left:30px;

    }   

    

.body_content_header li

    {

    list-style-type:none;

    }

.body_content_header li a 

    {

    background:url(../images/layout/collage_images2.jpg) no-repeat;

    display:block;

    cursor:pointer;

    }

.body_content_header li a.success_stories {background-position:0px -16px; width:229px; height:49px;}

.body_content_header li a:hover.success_stories {background-position:0px -66px; width:229px; height:49px;}



.body_content_header li a.mmc_news {background-position:-237px -16px; width:200px; height:49px;}

.body_content_header li a:hover.mmc_news {background-position:-237px -67px; width:200px; height:49px;}



.body_content_header li a.member_news {background-position:-237px -127px; width:229px; height:49px;}

.body_content_header li a:hover.member_news {background-position:-237px -177px; width:229px; height:49px;}



.body_content_header li a.calendar {background-position:0px -134px; width:229px; height:49px;}

.body_content_header li a:hover.calendar {background-position:0px -184px; width:229px; height:49px;}



.body_content_header li a.featured_member {background-position:-470px -16px; width:229px; height:49px;}

.body_content_header li a:hover.featured_member {background-position:-470px -66px; width:229px; height:49px;}               

            



div.member_news

    {

    margin-top:26px;

    }

    

div.outreach_counter_wrapper

    {

    background:url(../images/layout/collage_images2.jpg) no-repeat -485px -17px;

    float:right;

    height:115px;

    margin-bottom:21px;

    position:relative;

    width:268px;

    }

div.outreach_counter_wrapper2

    {

    background:url(../images/layout/counter2.jpg) no-repeat;

    float:right;

    height:211px;

    margin-bottom:21px;

    position:relative;

    width:268px;

    }   

div.news_divider

    {

    background:url(../images/layout/news_divider.gif) repeat-x;

    height:10px;

    margin-top:20px;

    font-size:0px;

    }   

    



/*---------------------------------------our partners part css----------------------------*/        

div.partners_wrapper

    {

    background-color:#ececec;

    height:139px;

    width:100%;

    }



div.partners_container

    {

    margin:auto;

    padding-top:10px;   

    position:relative;

    width:889px;

    }

    

div.partners_logo

    {

    top:45px;

    position:absolute;

    }

    

div.partners_heading

    {

    position:absolute;

    }       

    

.partners_list li

    {

    list-style-type:none;

    margin:0;

    padding:0;

    float:left;

    }

.partners_list li a 

    {

    background:url(../images/layout/collage_images3.jpg) no-repeat;

    display:block;

    cursor:pointer;

    }

.partners_list li a.heading {background-position:-32px -18px; width:113px; height:20px;}





.partners_list li a.logo_pacific {background-position:-36px -53px; width:79px; height:79px; padding-right:34px;}

.partners_list li a:hover.logo_pacific {background-position:-36px -134px; width:79px; height:79px; padding-right:34px;}



.partners_list li a.logo_microfinance {background-position:-154px -62px; width:189px; height:71px; margin-top:10px;  padding-right:34px;}

.partners_list li a:hover.logo_microfinance {background-position:-154px -136px; width:189px; height:71px; margin-top:10px;  padding-right:34px;}



.partners_list li a.logo_bayan {background-position:-378px -62px; width:93px; height:68px; margin-top:10px;  padding-right:28px;}

.partners_list li a:hover.logo_bayan {background-position:-378px -137px; width:93px; height:68px; margin-top:10px;  padding-right:28px;}



.partners_list li a.logo_icco {background-position:-500px -65px; width:157px; height:64px; margin-top:10px;  padding-right:34px;}

.partners_list li a:hover.logo_icco {background-position:-500px -136px; width:157px; height:64px;  margin-top:10px; padding-right:34px;}



.partners_list li a.logo_pinoy_me {background-position:-693px -64px; width:71px; height:65px; margin-top:8px;  padding-right:34px;}

.partners_list li a:hover.logo_pinoy_me {background-position:-693px -135px; width:71px; height:65px;  margin-top:8px; padding-right:34px;}



.partners_list li a.logo_punla {background-position:-807px -63px; width:102px; height:64px; margin-top:8px;  padding-right:34px;}

.partners_list li a:hover.logo_punla {background-position:-807px -136px; width:102px; height:64px;  margin-top:8px; padding-right:34px;}





div.body_logo

    {

    margin:auto;

    padding-top:26px;

    position:relative;

    width:950px;

    }



div.paragraph_content_left

    {

    width: 925px;

    padding-left: 25px;

    font-weight:bold;

    font-size:15px;

    }

div.paragraph_content_left p

    {

    text-align:left;

    }           

    





/*---------------------------------------footer part css----------------------------*/      

div.footer_wrapper

    {

    background-color:#011225;

    height:117px;

    width:100%;

    }



div.footer_container

    {

    font:10px Arial, Helvetica, sans-serif;

    color:#cacaca;  

    margin:auto;

    padding-top:35px;

    position:relative;

    width:950px;

    }



div.copyright_wrapper

    {

    position:absolute;

    }   



div.footer_menu_wrapper

    {

    right:6px;

    position:absolute;

    top:40px;   

    }   

    

div.footer_menu_wrapper #footer_menu

    {

    list-style-type:none;   

    margin:0;   

    text-align:right;

    }

    

div.footer_menu_wrapper #footer_menu li

    {   

    display:inline;

    padding-left:10px;

    text-transform:uppercase;

    }

div.footer_menu_wrapper p{

    padding:0;

}   

a.footer_menu_list

    {

    color: #cacaca;

    font:10px Arial, Helvetica, sans-serif;

    text-decoration:none;



    }

a.footer_menu_list.current,

a.footer_menu_list.section

    {

    color:#98c718;

    }



a:hover.footer_menu_list

    {

    color:#98c718;

    font:10px Arial, Helvetica, sans-serif;

    text-decoration:none;

    }



a.siteby

    {

    color:#98c718;

    font:10px Arial, Helvetica, sans-serif;

    text-decoration:none;

        

    }

a:hover.siteby

    {

    color:#98c718;

    font:10px Arial, Helvetica, sans-serif;

    text-decoration:underline;

    }   



            

            

/*---------------------------------------subpages css----------------------------*/                     

            

div.header_wrapper_subpages

    {

    height:178px;

    width:100%;

    }

    

div.logo_menu_wrapper_subpage

    {

    height:178px;

    position:relative;

    }

    

div.body_content_container_subpage

    {

    margin:auto;

    padding:0 0 26px 0;

    position:relative;

    width:950px;    

    }

    

div.submenu_wrapper

    {

    float:left;

    width:251px;

    }



div.subpages_body_wrapper

    {

    float:right;

    width:673px;

    }



div.subpage_title_wrapper

    {

    height:45px;

    margin-bottom:46px;

    }

    

div.body_ol_wrapper 

    {

    position:relative;

    }

        

div.body_ol_wrapper .body_content_ol

    {

    list-style-type:none;

    margin:0;

    padding:0;

    }

div.body_ol_wrapper .body_content_ol li

    {

    list-style-type:none;

    padding-left:40px;

    }

    

span.officer_image

    {

    display:block;

    float:left;

    padding-right:12px;

    }   



div.breadcrumbs 

    {

    margin-bottom:10px;

    font-size:11px;

    font-family:tahoma,verdana;

    }               

    

div.item-preview-wrapper

    {

    margin-bottom:30px;

    }

div.item-preview-wrapper p.info,

div.item-preview-wrapper p.info

    {

    line-height:17px;

    font-size:11px;

    }

div.item-preview-wrapper p.info a

    {

    font-size:12px;

    font-weight:bold;

    }

div.item-preview-wrapper p.body

    {

    margin-top:10px;

    }    



/*---------------------------------------calendar widget css----------------------------*/  

    

div.mfi-calendar

    {

    margin-bottom:10px;

    background-color:#e8e8e8;

    padding-bottom:12px;

    font-family:verdana,tahoma;

    }

    

div.mfi-calendar h3

    {    

    text-align:center;

    background-color: #96c924;

    color:#fff;

    font-size:20px;

    padding: 10px 0; 

    margin-bottom:6px;

    }

div.mfi-calendar p.CalNavWidget,

div.mfi-calendar p.CalDateWidget

    {

    margin:0 10px !important;

    width:auto;

    }

div.mfi-calendar p.CalDateWidget

    {

    font-size:11px;

    margin-bottom:10px !important;

    }

div.mfi-calendar p.CalNavWidget a

    {

    text-decoration:none;

    font-size:10px;

    font-weight:bold;

    color:#678e00;

    }

div.mfi-calendar p.CalNavWidget a.prev

    {

    float:left;

    }

div.mfi-calendar p.CalNavWidget a.next

    {

    float:right;

    }

div.mfi-calendar p.CalDateWidget

    {

    clear:left;

    font-weight:bold;

    }

div.mfi-calendar table.CalendarWidget

    {

    margin: auto !important;

    width:230px;

    }

div.mfi-calendar table.CalendarWidget tr.calhead td

    {

    background-color:#959595;

    text-align:center;

    }

div.mfi-calendar table.CalendarWidget td

    {

    width: 20px !important;

    }

div.mfi-calendar table.CalendarWidget td.active

    {

    background-color:#96c924;

    }   





/*---------------------------------------calendar eventview css----------------------------*/   

div.mfi-calendar-event-view h3

    {

    font-size:18px;

    color:#777;

    }

div.mfi-calendar-event-view p.Title

    {

    font-size:11px !important;

    color:#666;

    }

div.mfi-calendar-event-view p.event-body

    {

    margin-bottom:20px;

    }

div.mfi-calendar-event-view p.ActionLink

    {    

    }



/*---------------------------------------calendar css----------------------------*/ 

div.mfi-content-calnav

    {

    }

div.mfi-content-calnav a

    {

    display:inline-block;

    font-weight:bold;

    font-size:11px;

    text-transform:uppercase;

    margin-right: 10px;

    }

ul#Calendar

    {

    padding: 6px 0;

    border-top:double #aaa;

    border-bottom:double #666666;

    }

ul#Calendar li 

    {

    width:auto;

    }

ul#Calendar li.even{

    background-color:#f9f9f9;

}    

ul#Calendar li div.Day

    {

    padding:2px;

    font-size:25px;

    color:#000089;

    }

ul#Calendar li div.Day .more

    {

    font-size:11px;

    color:#666;

    }

ul#Calendar li div.Event

    {

    float:left;

    margin-bottom:4px;

    }

ul#Calendar li div.Event p 

    {

    color:#666;

    width:500px;

    text-align:left;

    }

ul#Calendar li div.Event p.Title 

    {

    font-size:13px;

    }

ul#Calendar li div.Event p.Duration

    {

    padding-top:6px;

    padding-left:20px;

    padding-bottom:6px;

    border-bottom:1px dotted #c1c1c1;

    line-height:15px;

    }



/*---------------------------------------sidebar common box css----------------------------*/

div.sidebar-common-box 

    {

    margin:10px 0;

    background-color:#e8e8e8;

    padding-bottom:12px;

    font-family:verdana,tahoma;

    }

div.sidebar-common-box h3 

    {

    text-align:center;

    background-color: #96c924;

    color:#fff;

    font-size:20px;

    font-weight:normal;

    padding: 10px 0; 

    margin-bottom:6px;

    }

div.sidebar-common-box ul 

    {

    }

div.sidebar-common-box ul li 

    {

    list-style:none;

    

    }

div.sidebar-common-box ul li a

    {

    display:inline-block;

    padding: 2px 10px;

    font-weight:bold;

    font-size:11px;

    color:#888;

    text-transform: capitalize;

    }

div.sidebar-common-box a.current{

    color:#4ea3d7;

}    



/*---------------------------------------calendar popup/facebox css----------------------------*/    

div#facebox td.body div.content h3 

    {

    font-size: 15px;

    font-weight:bold;

    text-transform:capitalize;

    margin-bottom:4px;

    }

    

/*---------------------------------------homepage slideshow css----------------------------*/    

#slideshow {

    height:271px;

    left:11px;

    position:absolute;

    top:11px;

    width:649px;

}



#slideshow IMG {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

    opacity:0.0;

}



#slideshow IMG.active {

    z-index:10;

    opacity:1.0;

}



#slideshow IMG.last-active {

    z-index:9;

}    





/*---------------------------------------logged-in user panel----------------------------*/

div#loggedin-user-panel 

    {

    background-color:#f6f6f6;

    border-bottom:1px solid #d1d1d1;

    font-size:11px;

    padding:6px 6px 4px;

    position:relative;

    top:-24px;

    z-index:20;

    }

div#loggedin-user-panel p 

    {

    line-height:13px;

    margin:0;

    padding:0;

    }

div#loggedin-user-panel p span

    {

    margin-right:4px;

    }

div#loggedin-user-panel p a

    {

    margin-left:4px;

    }