@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
/* Global properties ======================================================== */
html {
	width:100%
}
#article, #aside, #figure, #footer, #footnav, #footer-content, #header, #nav, #footnav, #section, .wrapper, .container, #main-content, #contentarea, #subpage-container, #one-column-container, #welcome-box {
	display: block;
}
.clr {
	clear:both;
}
body {
	font: 62.5% Arial, serif;
	letter-spacing:.02em;
	color:#000;
	background:#D3D4D3;
	background-image: url(../images/base/top-bg.html);
	background-position:top;
	background-repeat: no-repeat;
	letter-spacing: normal;
}
.extra-wrap {
	overflow:hidden
}
h1, h2, h3, h4, h5 {
	font-family:"Century Gothic", Arial;
	color:#186591;
}
p {
	text-align:justify;
}
.font-big {
	font-size:20px;
}
.font-medeum {
	font-size:16px;
}
.font-small {
	font-size:12px;
}
noscript {
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	min-height:1024px;
	background:#FFF;
}
.wdth {
	width:450px;
}
.wdth1 {
	width:400px;
}
.wdth2 {
	width:600px;
}
.wdth3 {
	width:250px;
}
.wdth4 {
	width:300px;
}
.wdth5 {
	width:350px;
}
.wdth6 {
	width:96%;
}
.wdth7 {
	width:205px;
}
.wdth8 {
	width:350px;
}
.wdth9 {
	width:100px;
}
.fleft {
	float:left
}
.fright {
	float:right
}
.taline-left {
	text-align:left
}
.taline-right {
	text-align:right
}
.taline-center {
	text-align:center
}
.caps {
	text-transform:uppercase
}
.color-white {
	color:#fff
}
.color-black {
	color:#000
}
.color-grey {
	color:#666
}
.color-red {
	color:#BA0101
}
.bgcolor-white {
	background-color:#FFF;
}
.bgcolor-black {
	background-color:#000
}
.bgcolor-grey {
	background-color:#666
}
.bgcolor-red {
	background-color:#BA0101
}
.bgcolor-blue {
	background-color:#186591
}
.padding8 {
	padding:8px
}
.padding10 {
	padding:10px
}
.padding12 {
	padding:12px
}
/*.display{display:block;}*/
.hide {
	display:none;
}
.wrapper {
	width:1000px;
	height: auto;
	margin:0 auto;
}
.container {
	width:980px;
	height:auto;
	margin:0 auto;
}
.link {
	color:#186591
}
/* Header properties ======================================================== */
#header {
	width:100%;
	height:110px;
	background:#FFF;
	margin-top:25px;
}
.logo {
	width:460px;
	height:90px;
	margin:10px 0 0 20px;
	float:left;
}
.logo img {
	width:53px;
	height:89px;
	float:left;
}
.logo h1 {
	width:385px;
	height: auto;
	padding:0;
	margin:12px 0 0 10px;
	float:left;
	font-size:28px;
}
.logo h4 {
	width:385px;
	height: auto;
	padding:0;
	margin:6px 0 0 10px;
	float:left;
	font-size:18px;
	color:#000;
}
.topnavigation {
	width:300px;
	height: auto;
	margin:0 0 0 20px;
	float: right;
	background:#186591;
	border-radius:0 0 0 10px;
}
.topnavigation ul {
	/*width:170px;*/
	width:280px;
	height: auto;
	background:url(../images/base/bar_lft.html) left no-repeat;
	float:left;
	padding:7px 0 7px 13px;
	margin:1px 0 0 0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	display:block;
	line-height:18px;
}
.topnavigation ul li {
	padding:0 11px 0 11px;
	border-right:1px solid #FFFFFF;
	display: inline;
}
.topnavigation ul li a {
	color:#FFF;
	text-decoration:none;
}
.topnavigation li:last-child {
	border:none;
}
.topnavigation input[type="text"] {
	width:143px;
	background:url(../images/base/search-bg.html);
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:5px;
	margin:4px 0 0 0;
	color:#FFF;
	float:left;
}
.topnavigation input[type="text"]:hover {
	width:143px;
	background:url(../images/base/search-bg.html);
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}
.topnavigation input[type="submit"] {
	width:20px;
	height:20px;
	background:url(../images/base/search-btn.html);
	float:left;
	border:none;
	margin:4px 0 0 2px;
}

.language {
	width:85px;
	float:right;
	margin:15px 10px 0 200px;
}
.language a {
	text-decoration:none;
	color:#333;
}
.language .english {
	width:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:2px 0 2px 0;
	float:left;
}
.language .bengali {
	width:30px;
	font-family:Rupali, SolaimanLipi;
	font-size:14px;
	color:#333;
	padding:2px 0 2px 0;
	float:right;
}
#header cite {
	width:260px;
	height:auto;
	float:right;
	display:block;
	font-family:"Century Gothic", Arial;
	font-size:18px;
	color:#FFF;
	background: #186591;
	font-weight:bold;
	text-align:center;
	display:block;
	margin:10px 10px 0 0;
	padding:8px;
}
#header span {
	width: 30px;
	height:30px;
	display:block;
	float: right;
	margin: 5px 10px 0 0;
	text-align:right;
}
#header .title {
	width: 230px;
	height:30px;
	display:block;
	float: right;
	margin: 10px 30px 0 0;
}
#header .title label {
	background:none;
	width: 120px;
	height: 30px;
	border:none;
	font-family:"Century Gothic", Arial;
	font-size:14px;
	color:#333;
	font-weight:bold;
	line-height: 30px;
	float: left;
	text-align:right;
}
#header .title input {
	background:none;
	width: 105px;
	height: 30px;
	border:none;
	font-family:"Century Gothic", Arial;
	font-size:14px;
	color:#333;
	font-weight:bold;
	line-height: 30px;
	float: right;
	text-align:left;
}
/* Footer properties ======================================================== */
.footbar {
	width:980px;
	height:11px;
	background:#FFF;
	float:left;
	padding:0 10px 0 10px;
	height:11px;
	background-image: url(../images/base/nvdot-left-bottom.png), url(../images/base/nvdot-right-bottom.png);
	background-position:top left, top right;
	background-repeat: no-repeat, no-repeat;
}
.footer-content {
	width:980px;
	height: 10px;
	padding:0;
	margin-bottom:20px;
	background-color:#FFF;
	background-image:url('../images/base/bottom-bg.html');
	background-position:100px 30px;
	background-attachment:fixed;
	background-repeat: no-repeat;
	float:left;
}
.footer-content a {
	text-decoration:none;
	color:#000;
}
.footer-content .foot-left {
	width:30%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	float:left;
	margin-left:1%;
	line-height:30px;
}
.footer-content .foot-midd {
	width:30%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	float:left;
	margin-left:5%;
	line-height:30px;
}
.footer-content .foot-right {
	width:30%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	float:right;
	line-height:30px;
}
/* Main content properties ======================================================== */
#main-content {
	width:100%;
	height:auto;
	min-height:380px;
	background:#FFF;
	padding:10px 0 0 0;
}
#one-column-container {
	width:920px;
	height:auto;
	overflow:auto;
	margin:0 auto;
	padding:10px 0 0 0;
}
#two-column-container {
	width:100%;
	height:auto;
	overflow:auto;
	margin:0 auto;
	padding:10px 0 0 0;
}
#aside {
	width:360px;
	height:auto;
	float:left;
}

#aside span.examPsc a{color:#E8151B;}
#aside span.examPsc a:hover{
color:#E8151B;
font-weight:bold;
}
#contentarea {
	width:610px;
	height:auto;
	float:right;
}
/* Aside properties ======================================================== */
.aside-exam {
	width:100%;
	height:auto;
	float:left;
	margin:0 0 20px 0;
}
/*.aside-exam h1 {
	width:100%;
	height:37px;
	padding:0;
	margin:0;
	line-height:35px;
	text-indent:28px;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	background:url(../images/base/exam-header.png);
	background-repeat:no-repeat;
}*/
.aside-exam h1 {
	/*width:100%;
	text-indent:28px;*/
	height:37px;
	padding:0;
	margin:0;
	line-height:35px;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	border:1px #dbdbdb solid;
	border-bottom:2px #dbdbdb solid;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
	
	background-image: -moz-linear-gradient(top, #fff, #efefef);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#efefef));
	background-image: -webkit-linear-gradient(top, #fff, #efefef);
	background-image: -o-linear-gradient(top, #fff, #efefef);
	background-image: linear-gradient(to bottom, #fff, #efefef);
	background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#fff', GradientType=0)
}
.aside-exam h1.select {
	background:url(../images/base/exam-select-header.png) no-repeat;
	height:37px;
}
.aside-exam h1 a {
	text-decoration:none;
	color:#186591;
}
.aside-exam ul {
	padding:0;
	margin:0;
	width:100%;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	text-align:left;
	/*text-indent:35px;*/
	line-height:30px;
	list-style:none;
}
/*.aside-exam ul li {
	height:32px;
	background:url(../images/base/exam-link-bg.png);
}*/
.aside-exam ul li {
	background-color:f3f3f3;
	/*background: url("../images/base/announce-bg-body.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);*/
	border-bottom: 1px dashed #ccc;
	height:auto;
	padding:7px;
	line-height: 21px;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom #fff, #e6e6e6);
	background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#fff', GradientType=0)
}
.aside-exam ul li a {
	color:#000;
	text-decoration:none;
}
.aside-recruitment-container {
	width:100%;
	height:auto;
	float:left;
	margin:0 0 10px 0;
}
.aside-exam ul li span#arw-sml {
	background:url(../images/base/exam-link-arrow.png) no-repeat 0px 0px;
	width:18px;
	height:23px;
	padding:0 0 0 25px;
}
/* Content properties ======================================================== */

/* welcome box properties ======================================================== */
.welcome-box {
	width:685px;
	height:auto;
	padding:14px 0 10px 0;
	margin-bottom:20px;
	min-height:50px;
	float:left;
	background-image:url(../images/base/welcomebox-top.html), /*url(../images/contentarea/welcomebox-midd.png),*/ url(../images/base/welcomebox-bottom.html);
	background-position:top center, /*top center,*/ bottom center;
	background-repeat:no-repeat,/* repeat-y,*/ no-repeat;
}
.welcome-content {
	width:645px;
	height:auto;
	min-height:45px;
	float:left;
	padding:1px 20px 5px 20px;
	background:url(../images/base/welcomebox-midd.html) repeat-y;
}
.welcome-content h1 {
	font-size:18px;
	margin:0;
	padding:0 0 10px 0;
}
.welcome-content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	margin:0;
	padding:0;
	line-height:22px;
	text-align:justify;
}
.welcome-content span {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#186591;
	float:right;
}
.welcome-content span a {
	color:#186591;
	text-decoration:none;
}
.welcome-content ul {
	width:600px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#186591;
	list-style:none;
	margin:0;
	padding:0;
}
/*.welcome-content ul li {
	background:url(../images/icons/newsico.png) left center no-repeat;
	text-indent:30px;
	line-height:21px;
	margin:12px 0 12px 0;
}*/
.welcome-content ul li {
	background:url(../images/icons/newsico.html) left center no-repeat;
	text-indent:30px;
	line-height:21px;
	margin:12px 0 12px 0;
}
.welcome-content ul li a {
	color:#186591;
	text-decoration:underline;
}
.welcome-content ul li span {
	float:right;
}
.welcome-content ul li span a {
	color:#186591;
	text-decoration:underline;
	font-size:13px;
	font-weight: bold;
}
/* article box properties ======================================================== */
.article {
	/*width:450px;*/ width:600px;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

/* .announcement{width:450px;  height:auto;
min-height:219px;
float:left; 
background:url(../images/base/announce-bg-foot.png) bottom no-repeat;
margin-bottom:20px;
padding-bottom:20px;
}
*/ .announcement {
 background: url("../images/base/announce-bg-foot.html") no-repeat scroll center bottom rgba(0, 0, 0, 0);
 float: left;
 /*height: 200px;*/
 margin-bottom: 20px;
 min-height: 219px;
 overflow-x: hidden;
 overflow-y: auto;
 padding-bottom: 20px;
/* width: 450px;*/
}
/*.announcement h2 {
	width:450px;
	height:42px;
	float:left;
	font-size:17px;
	text-indent:28px;
	line-height:42px;
	background:url(../images/base/announce-bg-header.png) no-repeat;
}*/
.announcement h2 {
	width:598px;
	height:42px;
	float:left;
	font-size:17px;
	line-height:42px;
	background-color:#e6e6e6;
	border:1px #dbdbdb solid;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
	/*background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to left, #fff, #e6e6e6);
	background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#fff', GradientType=0);*/
	background-image: -moz-linear-gradient(top, #dbdbdb, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dbdbdb), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #dbdbdb, #e6e6e6);
	background-image: -o-linear-gradient(top, #dbdbdb, #e6e6e6);
	background-image: linear-gradient(to left, #dbdbdb, #e6e6e6);
	background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#dbdbdb', GradientType=0)
}
.announcement h2 span, h1 span{
	background:url(../images/base/announce-bg-arrow.png) no-repeat 0px 0px;
	width:18px;
	height:23px;
	padding:0 0 0 25px;
}
.announcement input {
	width:80px;
	height:20px;
	background:url(../images/base/button.html);
	float:right;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:12px 10px 0 0;
	border:none;
	cursor:pointer;
}
/* .announcement ul{width:450px; height:auto; min-height:140px; float:left; background:url(../images/base/announce-bg-body.png) repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#186591; list-style:none; padding:10px 0 0 35px; margin:0; overflow: hidden;} */

.announcement ul {
	background: url("../images/base/announce-bg-body.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
	color: #186591;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 598px;
	height: auto;
	list-style: outside none none;
	margin: 0;
	min-height: 140px;
	overflow: hidden;
	padding: 10px 0 0;
}
/* .announcement ul li{ background:url(../images/icons/newsico.png) left center no-repeat; text-indent:30px; line-height:21px; padding:12px 0 12px 0; margin:0;} */
.announcement ul li {
	/* background: url("../images/icons/newsico.png") no-repeat scroll 0.06em center rgba(0, 0, 0, 0);*/
    border-bottom: 1px dashed #ccc;
	line-height: 21px;
	margin: 0;
	padding: 12px;
	text-align: justify;
	text-indent: 3px;
}
.announcement ul li a {
	color:#186591;
	/*text-decoration:underline;*/
}
.column {
	width:213px;
	height:234px;
	border:1px solid #E4E5E4;
}
.column h2 {
	height:41px;
	background:url(../images/base/column-header.png) no-repeat;
	font-family:"Century Gothic", Arial;
	font-size:17px;
	color:#186591;
	font-weight:normal;
	line-height:40px;
	text-indent:28px;
}
.column ul {
	width:180px;
	height:170px;
	padding:0;
	list-style: url(../images/icons/list-ico.html) inside;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:22px;
	text-align:justify;
	margin:10px 0 0 15px;
	overflow: hidden;
	float:left;
}
.column ul li {
	margin:12px 0 12px 0;
}
.column ul li a {
	color:#000;
	text-decoration:none;
}
/* aside right box properties ======================================================== */
.aside-right {
	width:216px;
	height:auto;
	padding:0;
	margin:2px 13px 10px 0;
	border-top:1px solid #E4E5E4;
}
.aside-right h2 {
	font-size:17px;
	font-weight:normal;
	width:100%;
	height:41px;
	background:url(../images/base/column-header.png) no-repeat;
	line-height:40px;
	text-indent:28px;
	border:1px solid #E4E5E4;
	border-bottom:none;
	border-top:none;
}
.aside-right ul {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:32px;
	text-align:justify;
	text-indent:32px;
	border:1px solid #E4E5E4;
}
.aside-right ul li {
	background:url(../images/base/list-bg.png) no-repeat;
	height:32px;
}
.aside-right ul li a {
	color:#000;
	text-decoration:none;
}
.aside-right .select {
	background:url(../images/base/list-bg-select.png) no-repeat;
}
#banglarmukh {
	width:180px;
	height:47px;
	margin:20px 0 0 20px;
	float:left;
}
/* jquery properties ======================================================== */

.ui-draggable, .ui-droppable {
	background-position: top;
}
/* One column form properties ======================================================== */
#subpage-container {
	width:918px;
	height:auto;
	background:#FFF;
	border:1px solid #CCC;
	margin:0 0 10px 0;
}
#subpage-container h4 {
	line-height:30px;
	font-size:15px;
	margin:5px 0 0 20px;
}
#subpage-container h4 a {
	color:#186591;
}
#subpage-container p {
	padding:5px 20px 15px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	line-height:20px;
	width: auto;
}
#subpage-container table {
	font-size:12px;
	margin:10px 0 10px 22px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
}
#subpage-container .text-link {
	color:#186591;
	text-decoration:underline;
}
.subpage-header {
	width:918px;
	height:40px;
	background:url(../images/form/form-header.html) no-repeat;
	font-family:"Century Gothic", Arial;
	font-size:17px;
	color:#186591;
	text-align:left;
	text-indent:30px;
	line-height:38px;
}
.subpage-body {
	width:918px;
	height:auto;
	min-height:300px;
	background-image:url(../images/form/form-top.html), url(../images/form/form-bottom.html);
	background-position:top, bottom;
	background-repeat:no-repeat, no-repeat;
	overflow:auto;
	padding-bottom:20px;
}
