/*@font-face { font-family: bangla; src: url('Bangla.ttf'); } 
@font-face { font-family: bangla; src: url('Bangla.eot'); }*/

body {font-family: "bangla", "vrinda", "arial";
      margin: 0;
      padding: 0;
      background: #ECEEF8;
      color: #000000;} /* Needed to center layout in old IE browsers. */

acronym, abbr {cursor: help;
               border-bottom: 1px dotted;}

h1, h2, h3, h4, h5, h6, p {margin: 0 0 25px 0;
                           padding: 0;}

p {line-height: 160%;}

.justify {text-align: justify;}

ul {list-style-type: square;}

img {border: 0;
     margin: 0 0 1px 0;}
       
h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

.bottom-border {border-bottom: 1px solid #D8D8D8;}

a {color: #032140; text-decoration: none;}
a:link {color: #032140;}
a:visited {color: #032140;}
a:hover {color: #4153AD;}

.right {float: right;}

.left {float: left;
       margin: 3px 5px 0 0;}

.clear-fix:after {content: ".";
                  display: block;
                  clear: both;
                  height: 0;
                  visibility: hidden;}

.clear-fix {display: inline-block;}

/* Hide from IE Mac \*/

.clear-fix {display:block;}

/* End hide from IE Mac */
                  
#container {width: 780px;
            margin: 0 auto;
            text-align: left;}

#header {width: 100%;
         height: 120px;
         position: relative;}

#header h1 {margin: 0;}

#logo {background: url(../images/header.png) no-repeat;
       width: 100%;
       height: 163px;
       position: relative;}

#logo img {display: block;}

#logo a {background: transparent;}

#login {background: url(../images/login_box.png) no-repeat;
       margin: 0 0 0 470px;
       height: 163px;
       width: 261px;
       float: right;
       color: #6C6C6C;
       font-family: bangla, arial;
       font-size: 18px;
       font-weight: bold;
       padding: 15px 15px 15px 25px;
       }

#logo1 {background: url(../images/header1.gif) no-repeat;
       width: 100%;
       height: 188px;
       position: relative;}

#logo1 img {display: block;}

#logo1 a {background: transparent;}

#highlight {background: url(../images/highlight_bg.gif) no-repeat;
       width: 100%;
       height: 477px;
       position: relative;}

#highlight img {display: block;}

#highlight a {background: transparent;}

#highlight ul {list-style-type: none;
          margin: 10;
          padding: 10;
          position: absolute;
          height: 198px;
          left: 2px;
          color: #DCE0E4;}

#highlight ul li {display: inline;}

#highlight ul li a {text-decoration: none;
               height: 198px;
               padding: 25px 13px 8px;
               margin: 0;
               line-height: 198px;
               display: block;
               float: left !important;
               background: url(../images/feature_bg.gif) center right no-repeat;
               color: #D8DCE0;
               font-size: 16px;
               font-weight: bold;}

/* Begin Search Form CSS */

#search {position: absolute;
         right: 0;
         top: 70px;}

#search input#s {margin-right: 5px;
                 vertical-align: middle;
                 border: 1px solid #6A7A86;
                 padding: 0.24em;
                 width: 135px;
                 background-color: #E4E4E4;
                 color: #6C7074;}

#search input#s:focus {background-color: #F3F3F3;
                       color: #6C7074;}

#search input#submit
 
{background: #6C7074 url(../images/search_background.png) repeat-x;
 color: #D8DCE0;
 border: 1px solid #515D67;
 vertical-align: middle;
 padding: 0.38em;
 font-size: 0.8em;}

/* End Search Form CSS */

/* Begin main navigation menu. */

#menu {width: 100%;
       height: 88px;
       clear: both;
       background: #ECEEF8;
       position: relative;}

#menu ul {list-style-type: none;
          margin: 0;
          padding: 0;
          position: absolute;
          height: 88px;
          left: 2px;
          background: #ECEEF8;
          color: #DCE0E4;}

#menu ul li {display: inline;}

#menu .marked {text-decoration: none;
               height: 88px;
               padding: 0 8px;
               margin: 0;
               line-height: 44px;
               display: block;
               float: left !important;
               background: url(../images/marked_menu_bg.png) center right no-repeat;
               color: #6C6C6C;
               font-family: bangla, arial;
               font-size: 28px;
               font-weight: bold;}

#menu ul li a {text-decoration: none;
               height: 88px;
               padding: 0 8px;
               margin: 0;
               line-height: 44px;
               display: block;
               float: left !important;
               background: url(../images/menu_bg.png) center right no-repeat;
               color: #6C6C6C;
               font-family: bangla, arial;
               font-size: 28px;
               font-weight: bold;}



/* End main navigation menu. */


#feedback {width: 80%;
  	margin: 10px;
  	background: #ffffff url(../images/feedback_bg.gif) no-repeat;
  	padding: 20px 20px;
  	color: #032140;} 

#reply {width: 80%;
  	margin: 10px;
  	background: #ffffff url(../images/reply_bg.gif) no-repeat;
  	padding: 10px 10px;
  	color: #032140;
	border: 1px solid #032140} 

.wrapper {width: 770px;
          margin-top: 11px;
          background: #ECEEF8 url(../images/wrapper_bg.png) repeat-y;
          padding: 0px 0px;} 
          
.wrapper table{width: 100%;
          border: 0px;}
          
.wrapper-top {
	 width: 770px;
	 padding: 20px 0 0px 10px;
	 margin: -10px 0 0 0;
	 background: #ECEEF8 url(../images/wrapper_top.png) no-repeat;
	 color: #5B6973;}
	 
                   
.title {
	 padding: 20px 0 0px 20px;
	 color: #665537;
	 font-size: 24px;}

.wrapper-bottom {left: 0;
	top: 0;
	width: 770px;
	height: 29px;
	background: #ECEEF8 url(../images/wrapper_bottom.png) no-repeat;
	color: #5B6973;}
	
.frontpage {display: inline-block;}
	
.left-side {
	width: 500px;
                height: auto !important;
                padding: 10px 0 0 20px;
	float: left;}
	
.recent {width: 500px;
          margin-top: -6px;
          background: url(../images/recent_bg.png) repeat-y;
          padding: 0px 0 0 4px;} 
                   
.recent-top {
	 width: 500px;
	 padding: 20px 0 0px 10px;
	 margin: 0px 0 0 0;
	 background: url(../images/recent_top.png) no-repeat;
	 color: #5B6973;}
                   
.recent-bottom {left: 0;
	top: 0;
	width: 500px;
	height: 15px;
	background: url(../images/recent_bottom.png) no-repeat;
	color: #5B6973;}
	
.recent .links {
	clear: both;
	margin: 0px;
	padding: 0px 0 0px 10px;
	background: url(../images/info_title.png) repeat-x;
	font-size: 18px;
	width: 96.3%;
}

.recent .author {
	clear: both;
	margin: 0px;
	padding: 0px 0px 5px 20px;
	font-size: 18px;
	width: 94%;
	border-bottom: 1px dashed #5B6973;
}
	
.recent .title {
	clear: both;
	margin: 0px;
	padding: 0 0 0 10px;
	background: url(../images/desc_bg.png) repeat-x;
	font-size: 26px;
	width: 96.3%;
}

.recent .links a {
	text-decoration: none;
}

.recent .author .date {
	padding-left: 20px;
	background: url(../images/date.png) no-repeat left center;
}

.recent .author .lekhak {
	padding-left: 20px;
	background: url(../images/author.png) no-repeat left center;
}

.recent .author .comments {
	padding-left: 20px;
	background: url(../images/comment.png) no-repeat left center;
}

.recent .author .feeds {
	padding-left: 20px;
	background: url(../images/type.png) no-repeat left center;
}

.recent .links .delete {
	padding-left: 20px;
	background: url(../images/delete.png) no-repeat left center;
}

.recent .links .edit {
	padding-left: 20px;
	background: url(../images/edit.png) no-repeat left center;
}


.recent .links .fav {
	padding-left: 20px;
	background: url(../images/favourite.png) no-repeat left center;
}

.recent .links .addasfriend {
	padding-left: 20px;
	background: url(../images/addfriend.png) no-repeat left center;
}

.recent .links .thumbsup {
	padding-left: 20px;
	background: url(../images/thumbsup.png) no-repeat left center;
}

.recent .links .thumbsdown {
	padding-left: 20px;
	background: url(../images/thumbsdown.png) no-repeat left center;
}

.recent .title a {
	text-decoration: none;
}

.right-side {
	width: 200px;
	padding: 10px 0 0 20px;
	float: right;}
	
.info {width: 200px;
          margin-top: -5px;
          background: url(../images/info_bg.png) repeat-y;
          padding: 0px 0px 0px 6px;} 

.info2 {width: 200px;
          margin-top: -5px;
          background: url(../images/info_bg.png) repeat-y;
          padding: 0px 0px 0px 6px;} 
          
.info1 {width: 200px;
          margin-top: -6px;
          background: url(../images/info_bg.png) repeat-y;
          padding: 0px 0 0 6px;} 

.browserIE8.info1 {width: 200px;
          margin-top: -26px;
          background: url(../images/info_bg.png) repeat-y;
          padding: 0px 0 0 6px;} 
                   
.info-top {
	 width: 200px;
	 padding: 20px 0 0px 0px;
	 margin: 0px 0 0 0;
	 background: url(../images/info_top.png) no-repeat;
	 color: #5B6973;}
                   
.info-bottom {
	margin-top: 0px;
	width: 200px;
	height: 15px;
	background: url(../images/info_bottom.png) no-repeat;
	color: #5B6973;}
	
.info .title {
	clear: both;
	margin: 0px;
	padding: 0px 0 0px 10px;
	background: url(../images/info_title.png) repeat-x;
	font-size: 22px;
	width: 89.5%;
}

.info2 .title {
	clear: both;
	margin: 0px;
	padding: 0px 0 0px 10px;
	background: url(../images/info_title.png) repeat-x;
	font-size: 22px;
	width: 89.5%;
}

.info .title a {
	text-decoration: none;
}

.info1 .title {
	clear: both;
	margin: 0px;
	padding: 0px 0 0px 10px;
	background: url(../images/info_title.png) repeat-x;
	font-size: 22px;
	width: 89.5%;
}

.info1 .title a {
	text-decoration: none;
}

.desc {
	clear: both;
	margin: 0px;
	padding: 10px 0 10px 10px;
	font-size: 20px;
	width: 90%;
}

#sideform {
	height: 50px;
}

#sidemenu ul {
	margin: 0;
	list-style: none;
}

#sidemenu li {
	padding: 5px 5px 5px 25px;
	background: url(../images/menubullet.png) no-repeat left top;
	border-bottom: 1px dotted #949EA4;
        font-size: 18px;
        width: 70%;
}

.space {
	height: 20px;
}

#left-column {margin: 10px;
	      width: 450px;
              float: left;
              padding: 0;}

#left-column1 {width: 520px;
              float: left;
              padding: 5px 5px;
              margin: 0;
              border :1px solid #D8D8D8;}

#right-column {width: 260px;
               padding: 20px 10px;
               float: center;
               margin: 0;}
               
#right-column img {width: 260px;
               background: url(../images/image_bg.gif) no-repeat;
               height: 100%;}
            
#right-column1 {width: 230px;
               padding: 0;
               float: right;
               margin: 0;
               border :0px solid #D8D8D8;}
               
#divider {width: 100%;
          margin-top: 11px;
          background: url(../images/divider_bg.gif) repeat-x;
          padding: 0px 0px;} 

p#intro {font-size: 24px;
         font-style: italic;
         margin: 0;}

#learn-more {width: 100%;}

#learn-more a img {display: block;
                   float: right;}

/* Sub-content section */

#sub-outer {width: 100%;
            clear: both;
            padding: 0;
            margin: 0;}

#sub-wrapper {float: left;
              width: 100%;}

#sub-center {margin: 0 270px;}

#sub-right {float: left;
            width: 240px;
            margin-left: -240px;}

#sub-left {float: left;
           width: 240px;
           margin-left: -780px;}

/* End sub-content section */

#ticker {width: 778px;
         height: 56px;
         margin: 0 auto;
         background: #ECEEF8 url(../images/ticker_bg.gif) repeat-x;
         color: #5B6973;
         clear: both;
         text-align: left;
         padding: 0;
         position: relative;}

#ticker-content {padding: 3px 3px;}

#ticker-right {position: absolute;
               right: 0;
               top: 0;
               width: 25px;
               height: 56px;
               background: #ECEEF8 url(../images/ticker_right.gif) no-repeat;
               color: #5B6973;}
               
#ticker-left {position: absolute;
              left: 0;
              top: 0;
              width: 25px;
              height: 56px;
              background: #ECEEF8 url(../images/ticker_left.gif) no-repeat;
              color: #5B6973;}

/* The footer is outside of the main container and has an extra 10px in width to compensate visually for the background shadows. */ 

#footer {width: 750px;
         height: 56px;
         margin: 0 auto;
         background: #ECEEF8 url(../images/footer_bg.png) repeat-x;
         color: #5B6973;
         clear: both;
         text-align: left;
         padding: 0;
         position: relative;}

#footer-content {padding: 3px 15px;}

#footer-right {position: absolute;
               right: 0;
               top: 0;
               width: 10px;
               height: 40px;
               background: #ECEEF8 url(../images/footer_right.png) no-repeat;
               color: #5B6973;}
               
#footer-left {position: absolute;
              left: 0;
              top: 0;
              width: 10px;
              height: 40px;
              background: #ECEEF8 url(../images/footer_left.png) no-repeat;
              color: #5B6973;}

#footer p {margin: 0;}

#footer a {background: transparent;}

#footer-navigation {float: right;
                    margin: 0;}

/* Featured services */

.featured-wrapper {background: #6A7A86 url(../images/featured_background.png) repeat-y;
                   color: #DCE0E4;
                   width: 100%;
                   margin-bottom: 50px;}

.featured-content {padding: 0;
                   margin: -8px 0 0;
                   font-size: 14px;}

.featured-content img {padding: 4px;
                   margin: -8px 0 0;}

.featured-content ul {margin: 0;
                      padding: 0 0 10px 25px;
                      font-style: italic;
                      list-style-type: none;
                      line-height: 124%;}

.featured-content p {margin: 0;
                     padding: 0 10px 10px;
                     line-height: 125%;}

.featured-content a {background: transparent;}

.featured-content a img {padding: 0;
                         margin: 0;
                         display: block;}

.featured-top {width: 240px;
               height: 18px;
               background: #6A7A86 url(../images/featured_top.png) no-repeat;
               color: #DCE0E4;}

/* End Featured Services CSS */

/* Featured news */

.headline {margin: 0 0 5px;
           padding: 0;
           font-size: 12px;}

.date {color: #F60;
       background-color: #F3F3F3;
       float: right;}

/* A single column division. Good for terms of use, privacy policy, etc. */

#single-column {width: 100%;
                clear: both;
                margin-top: 11px;
                padding: 0;
                border :1px solid #D8D8D8;}
                
                
.pagination li{display: inline;
	  list-style-type: none;
          margin: 0;
          padding: 0;
          position: absolute;}
          
img.left {
	float: left;
	margin: 3px 20px 0 0;
	border: 2px solid #848C8F;
}

img.right {
	float: right;
	margin: 3px 0 0 20px;
	border: 2px solid #848C8F;
}

input.bangla {
	font: Bangla, Vrinda, Arial, sans-serif;
	font-size: 20px;
}

label.bangla{
	font: Bangla, Vrinda, Arial, sans-serif;
	font-size: 20px;
	color: #032140;
}
select.bangla {
	font: Bangla, Vrinda, Arial, sans-serif;
	font-size: 20px;
}
textarea.input {
    font-family: bangla, vrinda, arial;
	font-size: 20px;
   background: #FFFFFF;
}

.handcursor {
	margin: 0 0 0 40px;
}

.left-side label {
	font-family: Bangla, Vrinda, Arial, sans-serif;
	font-size: 20px;
	color: #EEEEEE;
}