/*
	IDP Consult Screen Style

	Table of Contents:
		layout
		typography
		forms
*/

                                                                     /* Layout ------------- */

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

select, input, textarea {
    font: 1.1em Verdana, Arial, Helvetica, sans-serif;
    }

ol,ul {
    list-style:none;
    }
	
p.copy {

    text-align: right;
	color: #999999;
	padding-right: 25px;
    }
	
p.innerfooter {
    color: #999999;
    }

caption {
    text-align:left;
    }

* {
    margin: 0;
    padding: 0;
    }

*.x {
    display: none;
    }

a {
    text-decoration: underline;
    }

a:hover {
    text-decoration: none;
    }

.hide {
    visibility: hidden; 
    display: none;
    }

.clearboth {
    clear: both;
    }

/* <br class="clearboth" /> */

img {
    border: none;
    }

#print {
    display: none;
    }

div.hr {
    background: url('http://idp.com.ph//images/line.gif') repeat-x scroll center;
    clear: both;
    height: 20px;
    }

div.hr hr {
    display: none;
    }

.img01 {
    float: left;
    margin-right: 5px;
    
    }

.img02 {
    float: right;
    margin-left: 10px;
    border: 1px solid #000;
    }

body.verone {
    
	background-color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0 auto;
    padding: 0;
    font-size: 62.5%;
    }

body.vertwo {
    background: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;
    padding: 0;
    font-size: 62.5%;
    }

#wrapper {
    background: #fff;
    width: 773px;
    margin: 0 auto;
	padding: 0;
    }

.container {
    width: 780px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    }

                                                                     /* Header ------------- */

#header {
    width: 773px;
    margin: 0 auto;
	display: block;
	height: 150px;
	padding: 0;
	position: relative;
    }

    #header .header-in {
        padding: 10px 5px 10px 5px;
        }

#header h1#logo {
    width: 201px;
    height: 39px;
    background: url('images/poyri_logo.gif') no-repeat top left;
    }

#header h1#logo a {
    display: block;
    width: 119px;
    height: 50px;
    }
	
#header #sub_nav {
    padding-top: 10px;
    }
	
#header p.sitemenu {
    position: absolute;
	top: 40px;
	right: 0px;
	font-size: 1.1em;
    font-weight: bold;
    }
	
#header p.sitemenu a {
    color: #939598;
	text-decoration: none;
    }

#header p.sitemenu a:hover {
    color: #f48120;
	text-decoration: none;
    }
	
#header #sub_nav p {
    border-top: 1px solid #f48120;
	border-bottom: 1px solid #f48120;
	padding-top: 8px;
	padding-bottom: 8px;
    clear: both;
    font-size: 1.1em;
   
	color: #f48120;
	
    }
	
#header #sub_nav p a {
    color: #939598;
	text-decoration: none;
	font-weight: bold;
    }
	
#header #sub_nav p a:hover {
    color: #f48120;
	text-decoration: none;
    }

    ul#main_nav {
        width:758px;
	    display: block;
	    margin: 0 auto;
	    height: 15px;
        background: url('images/nav.gif') no-repeat left top ;
        }

    ul#main_nav li {
	    display: block; 
	    float: left;
		height: 15px;
        }

    ul#main_nav li a {
	    width: auto;
	    display: block; 
	    height: 15px;  
        }
		
	ul#main_nav li#group a { display: block; width: 118px; }
    ul#main_nav li#group a:hover { background: url('images/nav.gif') no-repeat 0px -15px; }
	
	ul#main_nav li#energy a { display: block; width: 125px; }
    ul#main_nav li#energy a:hover { background: url('images/nav.gif') no-repeat -118px -15px; }
	
	ul#main_nav li#forest a { display: block; width: 216px; }
    ul#main_nav li#forest a:hover{ background: url('images/nav.gif') no-repeat -243px -15px; }
	
	ul#main_nav li#infra a { display: block; width: 299px; }
    ul#main_nav li#infra a:hover { background: url('images/nav.gif') no-repeat -459px -15px; }


                                                                     /* Content ------------- */

#content {
    width: 773px;
    margin: 0 auto;
    }

    #content .content-in {
        padding: 0 25px;
        }

    #content .middle {
        margin: 0 24px 0 24px;
        }

    #content .section {
        float: left;
        width: 225px;
        background-color: #d5d8ea;
        }

    #content .section div {
        padding: 25px 15px 0 15px;
        height: 100px;
        }

    #content .section ul {
        font-size: 1.1em;
        }

    #content .section ul li {
        list-style-type: square;
		color: #f48120;
		margin-left: 10px;
        padding-left: 0px;
        padding-bottom: 5px;
        line-height: 1.6em;
        }

    #content .section ul li a {
        color: #03428e;
        text-decoration: none;
        font-weight: bold;
        }

    #content .section ul li a:hover {
        color: #03428e;
        text-decoration: underline;
        }

                                                                     /* Footer ------------- */

#footer { 
    clear: both;
    margin-top: 20px;
    margin-bottom: 30px;
    }

    #footer .footer-in { 
        padding: 0 25px;
        }
		
	#adb { 
	    padding-top: 5px;
	    padding-bottom: 5px;
		padding-left: 20px;
        float: left;
		display: block;
		height: 60px;
		width: 60px;
        }
		
	#adb a { 
		display: block;
		height: 60px;
		width: 60px;
		background: url('images/adb_logo.gif') no-repeat left top ;
        }
		
	#adb a:hover { 
		background: url('images/adb_logo.gif') no-repeat 0px -60px;
        }
		
	#globe { 
	    padding-left: 30px;
	    padding-top: 5px;
	    padding-bottom: 5px;
        float: left;
		display: block;
		height: 60px;
		width: 58px;
        }
		
	#globe a { 
		display: block;
		height: 60px;
		width: 58px;
		background: url('images/globe_logo.gif') no-repeat left top ;
        }
		
	#globe a:hover { 
		background: url('images/globe_logo.gif') no-repeat 0px -60px;
        }
		
	#usaid { 
	    padding-left: 30px;
	    padding-top: 5px;
	    padding-bottom: 5px;
        float: left;
		display: block;
		height: 60px;
		width: 60px;
        }
		
	#usaid a { 
		display: block;
		height: 60px;
		width: 60px;
		background: url('images/usaid_logo.gif') no-repeat left top ;
        }
		
	#usaid a:hover { 
		background: url('images/usaid_logo.gif') no-repeat 0px -60px;
        }
		
	#gtz { 
	    padding-left: 30px;
	    padding-top: 5px;
	    padding-bottom: 5px;
        float: left;
		display: block;
		height: 48px;
		width: 69px;
        }
		
	#gtz a { 
		display: block;
		height: 48px;
		width: 69px;
		background: url('images/gtz_logo.gif') no-repeat left top ;
        }
		
	#gtz a:hover { 
		background: url('images/gtz_logo.gif') no-repeat 0px -48px;
        }
		
	#jica {
	    padding-left: 30px; 
	    padding-top: 5px;
	    padding-bottom: 5px;
        float: left;
		display: block;
		height: 56px;
		width: 72px;
        }
		
	#jica a { 
		display: block;
		height: 56px;
		width: 72px;
		background: url('images/jica_logo.gif') no-repeat left top ;
        }
		
	#jica a:hover { 
		background: url('images/jica_logo.gif') no-repeat 0px -56px;
        }
		
	#jbic { 
	    padding-left: 30px;
	    padding-top: 5px;
	    padding-bottom: 5px;
        float: left;
		display: block;
		height: 50px;
		width: 39px;
        }
		
	#jbic a { 
		display: block;
		height: 50px;
		width: 39px;
		background: url('images/jbic_logo.gif') no-repeat left top ;
        }
		
	#jbic a:hover { 
		background: url('images/jbic_logo.gif') no-repeat 0px -50px;
        }
		
	#flame { 
	    padding-left: 30px;
	    padding-top: 5px;
	    padding-bottom: 5px;
        float: left;
		display: block;
		height: 56px;
		width: 57px;
        }
		
	#flame a { 
		display: block;
		height: 56px;
		width: 57px;
		background: url('images/flame_logo.gif') no-repeat left top ;
        }
		
	#flame a:hover { 
		background: url('images/flame_logo.gif') no-repeat 0px -56px;
        }
		
	#ss { 
	    padding-left: 30px;
	    padding-top: 5px;
	    padding-bottom: 5px;
        float: left;
		display: block;
		height: 60px;
		width: 60px;
        }
		
	#ss a { 
		display: block;
		height: 60px;
		width: 60px;
		background: url('images/ss_logo.gif') no-repeat left top ;
        }
		
	#ss a:hover { 
		background: url('images/ss_logo.gif') no-repeat 0px -60px;
        }
		
		


    div.hr {
        background: url('images/divider.gif') repeat-x scroll center;
        clear: both;
        height: 10px;
        }

    div.hr hr {
        display: none;
        }

	


#banner {
    width: 773px; 
    margin: 0 auto;
    }
	
#banner p.banner_title {
    float: left;
	font-size: 1.4em;
	font-weight: bold;
	color: #03428e;
	margin-left: 5px;
    }

#banner p.banner_title a {
	text-decoration: none;
	color: #03428e;
}

#banner p.banner_title a:hover {
	text-decoration: underline;
}
	
#banner p.print_icon {
    float: right;
	margin-right: 5px;
	font-weight: bold;
	color: #999999;
    }
	
#banner p.print_icon a {
    text-decoration: none;
	color: #999999;
    }
	
#banner p.print_icon a:hover {
    text-decoration: none;
	color: #f48120;
    }

#innerleft {
    xwidth: 222px;
	width: 183px;
    float: left;
    }

#innerleft h2 {
    font-size: 1.6em;
    margin-left: 22px;
    width: 200px;
    
    color: #3A7836;
    border-bottom: 1px solid #71B01B;
    }

#innerleft h3 {
    font-size: 1.6em;
    padding: 5px 0 0 0;
    margin: 0 0 5px 5px;
    width: 190px;
    
    color: #666;
    border-bottom: 1px solid #666;
    }

#innerleft p {
    font-size: 1.2em;
    margin: 0 0 0 5px;
	
    }

#innerleft p a {
    font-weight: bold;
    color: #939598;
    padding: 4px 0 4px 0;
    display: block;
    text-decoration: none;
    margin: 0 0 2px 0;
    }



#innerleft p a:hover {
    display: block;
	color: #f48120;
    }

#inner_content {
    xwidth: 551px;
	width: 590px;
    float: left;
    }

#inner_content h2 {
    font-size: 1.6em;
    padding: 0 25px 0 15px;
    color: #0467B4;
    }

#inner_center {
    xwidth: 365px;
	width: 400px;
    float: left;
    }

#inner_center h2 {
    font-size: 1.6em;
    padding: 0 25px 5px 15px;
    color: #03428e;
    }

#inner_center p {
    font-size: 1.1em;
    padding: 0 15px 10px 15px;
    line-height: 1.5em;
}






#inner_right {
width: 590px;
float: left;
}

#inner_right p {
font-size: 1.1em;
line-height: 1.5em;
padding: 0 15px 10px 15px;
}

#inner_right h2 {
font-size: 1.6em;
padding: 0 25px 0 15px;

color: #03428e;
}

#inner_right h3 {
font-size: 1.2em;
padding: 0 25px 0 15px;

color: #0467B4;
}


#inner_right ul {
margin: 0 0 10px 15px;
font-size: 1.1em;
width: 510px;
list-style-type: square;
line-height: 1.5em;

}

#inner_right ul li {
padding: 0 0 0 0;
margin: 0 0 5px 40px;
}

/*Contact Form */
div#contact_form {
	margin: 15px
}

#inner_right02 {
xwidth: 225px;
width: 190px;
float: left;
}

#inner_right02 p {
font-size: 1.1em;
line-height: 1.5em;
padding: 0 25px 10px 15px;
}

#inner_right02 h2 {
font-size: 1.6em;
padding: 0 25px 0 15px;

color: #03428e;
}

#inner_right02 h3 {
font-size: 1.2em;
padding: 0 25px 0 15px;

color: #0467B4;
}


#inner_right02 ul {
margin: 0 0 10px 15px;
font-size: 1.1em;
width: 510px;
list-style-type: square;
line-height: 1.5em;

}

#inner_right02 ul li {
padding: 0 0 0 0;
margin: 0 0 5px 40px;
}