@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	background:url(../img/bg.gif) repeat-x 0 0 #FEC07E;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}

div,img,a,p,ul,li,br{
	margin:0;
	padding:0;
}
a img {
	border:0px;
}
#container {
	margin:0 auto;_margin:-3px auto 0;
	width:883px;
}
   #logo {
	 width:100%;
	 height:118px;_margin:0;
     background:url(../img/bg_header.gif) no-repeat  224px 0px;
     _background:url(../img/bg_header.gif) no-repeat  224px 5px;
   }
	   #logo img{
		 margin:13px 0px 0px 17px;   
	   }
   #navigation {
	   height:38px;
	   background:url(../img/bg_navigation.gif) no-repeat;
	   padding:0px 0px 0px 14px;
	    
   }
		#navigation a{
		   margin:0px 2px 0px 0px;   
		}
		/* new added 23-10-07  starts*/		
			#navigation a.nav_home_selected{
				background:url(../../hyotan/images/btn_home_selected.gif) no-repeat;
				width:145px;
				height:31px;
				float:left;			
			}
			#navigation a.nav_home{
				background:url(../../hyotan/images/btn_home.gif) no-repeat 0px 0px;
				width:145px;
				height:31px;
				float:left;			
			}
			#navigation a.nav_home:hover{
				background:url(../../hyotan/images/btn_home.gif) no-repeat 0px -31px;					
			}
			#navigation a.nav_about_selected{
				background:url(../../hyotan/images/btn_about_selected.gif) no-repeat;
				width:141px;
				height:31px;
				float:left;			
			}
			#navigation a.nav_about{
				background:url(../../hyotan/images/btn_about.gif) no-repeat 0px 0px;
				width:141px;
				height:31px;
				float:left;			
			}
			#navigation a.nav_about:hover{
				background:url(../../hyotan/images/btn_about.gif) no-repeat 0px -31px;					
			}
			#navigation a.nav_stay_selected{
				background:url(../../hyotan/images/btn_stay_informed_selected.gif) no-repeat;
				width:151px;
				height:31px;
				float:left;			
			}
			#navigation a.nav_stay{
				background:url(../../hyotan/images/btn_stay_informed.gif) no-repeat 0px 0px;
				width:151px;
				height:31px;
				float:left;			
			}
			#navigation a.nav_stay:hover{
				background:url(../../hyotan/images/btn_stay_informed.gif) no-repeat 0px -31px;					
			}
			#navigation a.nav_do_selected{
				background:url(../../hyotan/images/btn_do_something_selected.gif) no-repeat;
				width:151px;
				height:31px;
				float:left;			
			}
			#navigation a.nav_do{
				background:url(../../hyotan/images/btn_do_something.gif) no-repeat 0px 0px;
				width:151px;
				height:31px;
				float:left;			
			}
			#navigation a.nav_do:hover{
				background:url(../../hyotan/images/btn_do_something.gif) no-repeat 0px -31px;					
			}
		/* new added 23-10-07  ends*/
	#maincontent{	
	  background:url(../img/bg_shaded_content.gif) repeat-y;	 
	}
		#maincontent .main_content_bg {	
		   background:url(../img/bg_shaded_top.gif) no-repeat;
		   padding:0px 27px 0px 27px;  
		}
	#content {
	
	}
		/* new added 23-10-07  starts*/	
		#content .imgnav {
		    		 
		}
				
	
		
			#content .imgnav a.link1{
				background:url(../../hyotan/images/btn_human_rights.gif) no-repeat;
				width:204px;
				
			}
			#content .imgnav a.link1:hover{
				background:url(../../hyotan/images/btn_human_rights.gif) no-repeat 0px -57px;
			}
			#content .imgnav a.link2{
				background:url(../../hyotan/images/btn_trade_justice.gif) no-repeat;
				width:203px;
				
			}
			#content .imgnav a.link2:hover{
				background:url(../../hyotan/images/btn_trade_justice.gif) no-repeat 0px -57px;
			}
			#content .imgnav a.link3{
				background:url(../../hyotan/images/btn_peace_conflict.gif) no-repeat;
				width:203px;
				
			}
			#content .imgnav a.link3:hover{
				background:url(../../hyotan/images/btn_peace_conflict.gif) no-repeat 0px -57px;
			}
			#content .imgnav a.link4{
				background:url(../../hyotan/images/btn_homeless.gif) no-repeat;
				width:204px;
			}
			#content .imgnav a.link4:hover{
				background:url(../../hyotan/images/btn_homeless.gif) no-repeat 0px -57px;
			}
			#content .imgnav a.link5{
				background:url(../../hyotan/images/btn_health_equality.gif) no-repeat;
				width:204px;
			}
			#content .imgnav a.link5:hover{
				background:url(../../hyotan/images/btn_health_equality.gif) no-repeat 0px -57px;
			}
			#content .imgnav a.link6{
				background:url(../../hyotan/images/btn_environment.gif) no-repeat;
				width:203px;
			}
			#content .imgnav a.link6:hover{
				background:url(../../hyotan/images/btn_environment.gif) no-repeat 0px -57px;
			}
			#content .imgnav a.link7{
				background:url(../../hyotan/images/btn_women.gif) no-repeat;
				width:203px;
			}
			#content .imgnav a.link7:hover{
				background:url(../../hyotan/images/btn_women.gif) no-repeat 0px -57px;
			}
			#content .imgnav a.link8{
				background:url(../../hyotan/images/btn_media.gif) no-repeat;
				width:204px;				
			}
			#content .imgnav a.link8:hover{
				background:url(../../hyotan/images/btn_media.gif) no-repeat 0px -57px;				
			}
					
			
		/* new added 23-10-07  ends*/	
		#content .clear {
			clear:both;
		}
		#content h1{			
			font-size:14px;
			font-weight:bold;
			color:#FFFFFF;
			background-color:#CF1000;
			padding:3px;
			margin-bottom:10px;	
		}
		#content a {
			color:#CF1000;
			text-decoration:none;
		}
		#content a:hover {
			/* text-decoration:underline;*/
		}
		#content .aboutus_text {
			background:url(../../hyotan/images/bg_about_us_text.gif) no-repeat #C1B093;
			height:260px;
			padding:10px 10px 0px 290px;
			color:#42210E;
			font-weight:bold;
			margin-right:1px;		
		}
		#content .form {
			background:url(../../hyotan/images/bg_form_repeat.jpg) repeat-y #FC8100; 
			padding:0px 0px 0px 0px;
		}
		#content .form_content{
			background:url(../../hyotan/images/bg_form.jpg) no-repeat;						
		}
		#content .form_confirm{
			background:url(../../hyotan/images/bg_form_thank_you.gif) no-repeat;
			height:200px;						
		}
		#content .form_confirm h2{		
			font-size:18px;
			color:#FFFFFF;
			padding:45px 0px 0px 20px;
			margin:0px;
			font-weight:bold
		}
		#content .form_content h2{		
			font-size:18px;
			color:#FFFFFF;
			padding:45px 0px 0px 20px;
			margin:0px;
			font-weight:bold
		}
		#content .form_content .fields{
		padding:60px 0px 0px 202px;		
		}
			
		#content .form_content label {
			text-align: right;
			width: 110px;
			padding-right: 10px;
			float:left;
			color:#FFFFFF;
			font-size:14px;
			font-weight:bold;
			line-height:30px;
		}		
		#content .form_content br {
			clear: both;
		}
		#content .form_content span {
			color:#B51818;
			
		}	
		#content .form_content input{
			margin-bottom:10px;
			border:0px;
			width:291px;
			height:23px;
			padding:7px 0px 0px 4px;			
		}
		#content .form_content .textarea{
			background:url(../../hyotan/images/bg_text_area.gif) no-repeat;
			margin-bottom:10px;
			width:295px;
			height:60px;
			float:left;			
		}
		#content .form_content .textarea1{
			background:url(../../hyotan/images/bg_text_area1.gif) no-repeat;
			margin-bottom:10px;
			width:295px;
			height:60px;
			float:left;			
		}			
		#content .form_content textarea{
			background:none;
			border:0px;
			width:285px;
			height:48px;
			padding:10px 3px 0px 4px;			
		}
		#content .form_content .input1 {
			background:url(../../hyotan/images/input1.gif) no-repeat;					
		}
		#content .form_content .input2 {
			background:url(../../hyotan/images/input2.gif) no-repeat;
		}
		#content .form_content .input3 {
			background:url(../../hyotan/images/input3.gif) no-repeat;
		}		
		
		
		#content .form_bottom{
			background:url(../../hyotan/images/bg_form_bottom.jpg) no-repeat;
			height:39px;			
		}
		
	
    #footer{
		text-align:center;
		color:#7C7879;
		padding:10px 0px 10px 0px;
	}
		#footer a{
			color:#7C7879;
			text-decoration:none;		
		}
		#footer a:hover{
			text-decoration:underline;
		}   
		
/*  edited by Usman Starts */	

#content .options_text {
			background:#c0b291;
			height:40px;
			padding:20px 16px 0px 16px;
			color:#ffffff;
		}

.blackquote {
			background:#000000;
			color:#FFFFFF;
			width:550px;
			padding:5px 10px 5px 10px;
		}
.blackquote span{
			font-weight:bold;
		}
		
.orangequote {
			background-color:#fc8100;
			color:#FFFFFF;
			width:450px;
			font-size:16px;
			font-weight:bold;
			padding:5px 10px 5px 10px;
		}
.orangequote span{
			color:#000000;
			font-size:12px;
			text-decoration:underline;}
		
/*  edited by Usman End */	
/*  Hyoutan only    start */	
table.hyotan{ border:none;margin:10px 0 0 0;padding:0;}
table.hyotan th{ font-size:11px;_font-size:10.0px;font-weight:bold;width:2.8em !important;_width:3.2em;/*white-space:nowrap;*/ vertical-align:top; text-align:right; line-height:1.1;}
table.hyotan td{ font-size:11px;_font-size:10.5px; line-height:1.1;_line-height:1.3;}
table.hyotan td em{
	font-size:11px;font-weight:bold;font-style: normal;}
h2.hXhide{text-indent:-9999px;}
h2.h2hide{
	text-indent:-9999px;
	background-image:url(../img/kaitori.jpg);
	background-repeat: no-repeat;}
h2.h2mid1{ font-size:15px;display:block;height:36px;
			background-color:none;
			padding:0px;
			margin:0px;	
	text-indent:-9999px;
	background-image:url(../img/h2hyoutanloss.jpg);
	background-repeat: no-repeat;}
h2.h2mid2{ font-size:15px;display:block;height:36px;
			background-color:none;
			padding:0px;
			margin:0px;	
	text-indent:-9999px;
	background-image:url(../img/h2hyoutanbuy.jpg);
	background-repeat: no-repeat;}
#hyoutan #content h1.h1title{ display:block;height:360px;width:828px;
			background-color:none;
			padding:0px;
			margin:0px;	
	text-indent:-9999px;
	background-image:url(../img/bigHyotan828.jpg); overflow:hidden;
	background-repeat: no-repeat;}

#hyoutan #content .bg123 {
			background:url(../img/123bg460h.jpg) no-repeat #aca082;
			padding:20px 16px 0px 16px;
			height:460px;}
#hyoutan #content .home_text {
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:22px;
			background-color:#c21925;
			padding:20px 16px 20px 16px;
			color:#ffffff;
			font-weight:bold;
			margin-right:1px;		
			text-align:justify;}
#hyoutan #content ul.firstList{margin:0 0 0 20px;padding:0px; line-height:1.4;}
#hyoutan #content ul.firstList li{margin:0 0 3px 0;padding:0px; line-height:1.4;}
#hyoutan #content ul.secondList{margin:5px 0 0 28px;padding:0px;}
#hyoutan #content ul.second li{margin:0px;padding:0px;}
#hyoutan #content .fue {
			float:left;
			width:230px;
			height:200px;
			padding:0px 16px 0px 16px;}
		
#hyoutan #content .maracas {
			float:left;
			width:230px;
			height:200px;
			padding:0px 16px 0px 16px;}		

#hyoutan #content .asarato {
			float:right;
			width:230px;
			height:200px;
			padding:0px 16px 0px 16px;}
#hyoutan #content p{font-size:12px;}
			
/*  Hyoutan only    End */