/* Author : Kaiser Mahmud, Contact : 01817019448,
*/



/* CSS Document */
body{padding:0; margin:5px  0 0 0; background:#006699; font:12px Arial, Helvetica, sans-serif; color:#3D3C2C; font-weight:normal;}
div, p, h1, h2, h3, ul, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/* TOP PANEL */
#topPan{width:778px; height:96px; position:relative; margin:0 auto; padding:0;}
#topPan img{display:block; padding:0px 0 0 6px;}


/* Menu Panel */
#topPan ul{width:312px; height:96px; display:block; position:absolute; top:0px; right:9px; margin:0; padding:0;}
#topPan ul li{float:left; width:104px; display:block; text-align:center;}
#topPan ul li a{width:104px; height:35px; display:block; color:#2E4E00; background:#F4F1DD url('../images/menu-bg.gif') repeat-x 0 0; text-decoration:none; margin:0; font-style:normal; font-variant:normal; font-weight:normal; line-height:14px; font-size:14px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding-left:0; padding-right:0; padding-top:61px; padding-bottom:0 }
#topPan ul li a:hover{ width:104px; height:96px; display:block; background:#FCFAE6; color:#2E4E00; text-decoration:none;}
#topPan ul li span{width:104px; height:35px; display:block; background:#FCFAE6 url('../images/menu-devider1.gif') no-repeat 100% 0; color:#2E4E00; text-decoration:none; line-height:14px; padding-left:0; padding-right:0; padding-top:61px; padding-bottom:0}

/* /TOP PANEL */

/* HEADER PANEL */
#headerPan{width:778px; height:236px; position:relative; margin:0 auto; padding:0;}
#headerPan h1{
	width:778px; 
	height:236px; 
	position:absolute; right:0px; 
	color:#fff; 
	font-size:36px; 
	line-height:18px; 
	text-transform:uppercase; 
	text-indent:-2000px;}
	
#headerPanleft{ width:237px; height:214px; position:absolute; top:48px; left:9px;}
#headerPan #ourblog{ float:left; width:237px; height:62px; position:relative; margin:0 auto; background:url('../images/icon1-nor.gif') no-repeat 0 0;}
#headerPan #ourblog h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px  "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;}
#headerPan #ourblog p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; }
#headerPan #ourblog a{text-decoration:none; display:block; width:237px; height:62px;}
#headerPan #ourblog a:hover{text-decoration:none; background:url('../images/icon1-hover.gif') no-repeat 0 0;}

#headerPan #possib{ float:left; width:237px; height:62px; position:relative; background:url('../images/icon2-nor.gif') no-repeat 0 0;; margin-left:0; margin-right:0; margin-top:13px; margin-bottom:0}
#headerPan #possib h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px  "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;}
#headerPan #possib p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; }
#headerPan #possib a{text-decoration:none; display:block; width:237px; height:62px;}
#headerPan #possib a:hover{text-decoration:none; background:url('../images/icon2-hover.gif') no-repeat 0 0;}

#headerPan #solution{ float:left; width:237px; height:62px; position:relative; background:url('../images/icon3-nor.gif') no-repeat 0 0;; margin-left:0; margin-right:0; margin-top:13px; margin-bottom:0}
#headerPan #solution h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 81px; font:16px/14px  "Times New Roman", Times, serif; color:#CC0000; z-index:1; text-transform:uppercase;}
#headerPan #solution p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 81px; z-index:1; }
#headerPan #solution a{text-decoration:none; display:block; width:237px; height:62px;}
#headerPan #solution a:hover{text-decoration:none; background:url('../images/icon3-hover.gif') no-repeat 0 0;}


/* BODY PANEL */
#bodyPan{width:778px; height:1600px; position:relative; margin:0 auto; padding:0;}
#bodyPan_about{width:778px; height:1200px; position:relative; margin:0 auto; padding:0;}
#bodyPan_programes{width:778px; height:1500px; position:relative; margin:0 auto; padding:0;}
#bodyPan_hist{width:778px; height:684px; position:relative; margin:0 auto; padding:0;}
#bodyPan_research{width:778px; height:2700px; position:relative; margin:0 auto; padding:0;}
#bodyPan_pub{width:778px; height:700px; position:relative; margin:0 auto; padding:0;}
#bodyPan_spe{width:778px; height:700px; position:relative; margin:0 auto; padding:0;}
#bodyPan_advo{width:778px; height:2800px; position:relative; margin:0 auto; padding:0;}
#bodyPan_trainig{width:778px; height:1400px; position:relative; margin:0 auto; padding:0;}
#bodyPan_fut{width:778px; height:1000px; position:relative; margin:0 auto; padding:0;}
#bodyPan_legal{width:778px; height:890px; position:relative; margin:0 auto; padding:0;}
#bodyPan_Q{width:778px; height:458px; position:relative; margin:0 auto; padding:0;}
#bodyPan_contact{ 
	width:778px;
	position:relative;
	margin:0 auto;
	padding:0;
	height: 1000px;
}
#bodyPan_donors{width:778px; height:575px; position:relative; margin:0 auto; padding:0;}
#bodyPan_code{width:778px; height:575px; position:relative; margin:0 auto; padding:0;}











/*Left Panel */


#leftmenubodyPan{
	width:216px;
	height:auto; 
	position:absolute; 
	top:10px; 
	left:10px;
	right:10px; 
	background:#006699; 
	color:#3D3C2C;}
#leftmenubodyPan a{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	background:#006699; 
	color:#ccc;
	text-decoration:none;
	padding:5px 10px;
	display:block;
	border-top:1px solid #006699;
	border-bottom:1px solid #003366;
	}
#leftmenubodyPan span{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	background:#003366; 
	color:#ccc;
	text-decoration:none;
	padding:5px 10px;
	display:block;
	border-top:1px solid #003333;
	border-bottom:1px solid #003366;
	}

#leftmenubodyPan a:hover {
	border-top:1px solid #003333;
	border-bottom:1px solid #3366CC;
	background:#003366; 
}
#leftmenubodyPan h3 {height:48px; background:#FCFAE6; display:block; float:right; padding:0 0 0 57px; margin:12px 0 22px 13px; font:28px/48px  "Times New Roman", Times, serif; color:#3D3C2C;}

#left_menu{
	width:237px; 
	height:440px; 
	position:relative; 
	margin:0 auto; 
	padding:0; 
	border:1px solid #000066; 
	background:#003366; color:#000;}

#leftPan{width:239px; height:611px; position:absolute; top:0px; left:8px; margin:0; padding:0px;}
#leftmemberPan{width:237px; 
	height:220px; 
	position:relative; 
	margin:0 auto; 
	padding:0; 
	border:1px solid #003366; 
	background:#003366; 
	color:#000;}
	
#leftmemberPan h2{height:48px; background:#003366; display:block; position:relative; padding:0; margin:12px 0 20px 13px; font:16px/48px  "Times New Roman", Times, serif; color:#5EA000; text-transform:uppercase;
font-weight:bold;}
#leftmemberPan h2 span{background:#003366; color:#ccc;}
#leftPan form{width:220px; height:108px; background:#006699; padding:0; margin:0 0 0 8px; color:#ccc;}
#leftPan form label{width:72px; display:block; float:left; padding:14px 15px 0 16px; }
#leftPan form label.emailpadding{padding:2px 15px 0 16px;}

#leftPan form input{ float:left; 
display:block; 
width:101px; 
height:16px; 
margin:14px 0 9px 0;
border:1px solid #3D3C2C;
background:transparent;}

#leftPan form input.fieldpadding{
	margin:2px 0 9px 0;
	border:1px solid #3D3C2C;}
#leftPan h3{height:48px; background:#FCFAE6; display:block; float:right; padding:0 0 0 57px; margin:12px 0 22px 13px; font:28px/48px  "Times New Roman", Times, serif; color:#3D3C2C;}
#leftPan ul{ display:block; float:right; width:150px; height:327px;
	}
#leftPan ul li{background:url('../images/arrow3.gif') no-repeat 140px 10px; text-align:right; padding-left:0; padding-right:20px; padding-top:0px; padding-bottom:0} 
#leftPan ul li a{text-decoration:underline; color:#3D3C2C; background:#FCFAE6;}
#leftPan ul li a:hover{text-decoration:none;}

#leftPango{width:220px; height:25px; position:absolute; top:160px; left:8px; border-top:1px solid #fff; background:#0099cc; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;}
#leftPango p.textposition a{float:left; padding:0 0 0 20px; margin:0; text-decoration:none; color:#FFFFFA; background:#B0AD93;}
#leftPango p.textposition a:hover{text-decoration:underline; background:none;}
#leftPan form input.gobutton{float:right; background:#63614F url('../images/arrow4.gif') no-repeat 30px 0; border:medium none; width:45px; height:21px; display:block; text-decoration:none; color:#fff; text-transform:uppercase; text-align:left; font-style:normal; font-variant:normal; font-weight:normal; line-height:21px; font-size:14px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:2px; margin-bottom:0; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0}
#leftPango a:hover{background:#333229 url('../images/arrow4.gif') no-repeat 30px 1px; text-decoration:none; color:#fff}

/*/Left Panel */
/*Right Panel */

#rightPan_about{
	width:504px;
	position:absolute;
	top:0px;
	right:8px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height:1200px;
}
#rightPan_programes{
	width:504px;
	position:absolute;
	top:0px;
	right:8px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height: 1500px;
}
#rightPan_hist{
	width:504px;
	position:absolute;
	top:0px;
	right:8px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height: 674px;
}

#rightPan_research{
	width:504px;
	position:absolute;
	top:0px;
	right:8px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height: 2700px;
}
#rightPan_contact{
	width:504px;
	position:absolute;
	top:1px;
	right:8px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height: 1100px;
}
#rightPan_spe{
	width:504px;
	position:absolute;
	top:0px;
	right:8px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height: 700px;
}
#rightPan_advo{
	width:504px;
	position:absolute;
	top:0px;
	right:8px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height: 2800px;
}
#rightPan_training{
	width:504px;
	position:absolute;
	top:0px;
	right:8px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height: 1400px;
}

#rightPan_fut{
	width:504px;
	position:absolute;
	top:0px;
	right:8px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height: 1000px;
}
#rightPan_legal{
	width:504px;
	position:absolute;
	top:0px;
	right:8px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height: 881px;
}
#rightPan_Q{
	width:504px;
	position:absolute;
	top:0px;
	right:8px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height: 448px;
}

#rightPan_donors{
	width:504px;
	position:absolute;
	top:0px;
	right:8px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height: 560px;
}


#rightPan_pub{
	width:504px;
	position:absolute;
	right:6px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height: 700px;
}

	
#rightPan{
	width:504px;
	position:absolute;
	top:0px;
	right:7px;
	border:1px solid #000066;
	background:#003366;
	color:#fff;
	height: 1600px;
}
	
#rightbodyPan{
	
	width:484px;
	height:auto; 
	position:absolute; 
	top:10px; 
	left:10px; 
	background:#006699; 
	color:#ccc;}
	
#rightbodyPan td {margin:0px; padding:3px; }
#rightbodyPan h2{
	width:400px; 
	height:31px; 
	display:block; 
	position: relative; 
	padding:20px; 
	font:28px/28px "Times New Roman", Times, serif; 
	color:#33CCFF; 
	margin: 0px ;
	text-transform:capitalize;}
	
#rightbodyPan p{
	padding:10px; 
	font:13px Verdana, Arial, Helvetica, sans-serif; 
	text-align:justify;}


#rightbodyPan p.redtext{ 
	background:#006699; 
	color: #CCFF66; 
	font-size:15px;	
	line-height:20px; 
	font-weight:bold; 
	padding:12px;}

#rightbodyPan object{padding:5px 0px 5px 5px;
	float:right;
	}
#rightbodyPan p span{background:#FFFFFA; color:#3D3C2C;}
#rightbodymore{width:306px; height:25px; border:1px solid #fff; background:#0099CC; display:block; padding:2px; margin:0 60px 0 80px; font-size:12px; color:#FFFFFA; line-height:25px; font-weight:bold;}
#rightbodymore p.textposition{float:left; padding:0 0 0 20px; margin:0; font:bold 12px/24px Verdana, Arial, Helvetica, sans-serif;}
#rightbodymore a{float:right; background:#63614F url('../images/arrow4.gif') no-repeat 58px 1px; width:66px; display:block; position:relative; height:23px; text-decoration:none; color:#fff; text-transform:uppercase; font-style:normal; font-variant:normal; font-weight:bold; line-height:23px; font-size:14px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:1px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0}
#rightbodymore a:hover{background:#333229 url('../images/arrow4.gif') no-repeat 58px 1px; text-decoration:none; color:#fff}

#rightbodyPan h3{width:268px; height:31px; display:block; position: relative;  padding:24px 0 0 0; font:28px/28px  "Times New Roman", Times, serif; color:#00CCFF; margin:27px 0 20px 80px ;}

#rightbodyPan ul{
width:328px; 
height:92px; 
position:relative; 
top:5px; 
left:80px; 
margin:0 0 30px 0;}

#rightbodyPan ol li{
width:340px; 
list-style-type:decimal;
color:#fff;
font:14px/24px Arial, Helvetica, sans-serif; 
padding:0 0 0 20px;}

#rightbodyPan li{
width:340px; 
background:url('../images/arrow2.gif') no-repeat 0 7px ;
color:#fff;
font-style:normal; font-variant:normal; font-weight:normal; line-height:24px; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0}

#rightbodyPan li a{
width:235px; 
height:60px; 
color:#fff; 
text-decoration:underline; 
line-height:24px;}

#rightbodyPan ul li a:hover{width:235px; height:60px;  text-decoration:none; line-height:24px;}

#rightbodymorenext{width:306px; height:25px; border:1px solid #fff; background:#0099cc; display:block; padding:2px; margin:0 60px 20px 80px; font-size:12px; color:#FFFFFA; line-height:25px; font-weight:bold;}
#rightbodymorenext p.textposition{float:left; padding:0 0 0 20px; margin:0; font:bold 12px/24px Verdana, Arial, Helvetica, sans-serif;}
#rightbodymorenext a{float:right; background:#63614F url('../images/arrow4.gif') no-repeat 58px 1px; width:66px; display:block; position:relative; height:23px; text-decoration:none; color:#fff; text-transform:uppercase; font-style:normal; font-variant:normal; font-weight:bold; line-height:24px; font-size:14px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:1px; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0}
#rightbodymorenext a:hover{background:#333229 url('../images/arrow4.gif') no-repeat 58px 1px; text-decoration:none; color:#fff}

/* /BODY PANEL */

/* FOOTER PANEL */
#footerPan{width:778px; height:100px; position:relative; margin:0 auto; padding:0;}
#footernextPan{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	width:504px; height:100px; 
	position:absolute; top:1px; right:8px; 
	background:#003366; 
	color:#006699; 
	margin:0;
	border:1px solid #000066;}

#footernextPan a {font:10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:10px 5px;
	color:#006699;
	}
	
#footernextPan a:hover {text-decoration:underline;}