@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.brd { border: 1px solid #000; }
.clearer { clear: both; }
img { border: none; }
h2 { font-size: 18px; font-weight: normal; }
h3 { font-size: 16px; font-weight: normal; }
h4 { font-size: 12px; font-weight: normal; }

#container { width: 1120px; margin: 0 auto; }
#container .page { width: 100%; float: left; background: #e5e5e5 url(../images/bg.gif) top repeat-x; }

.header { width: 100%; float: left; background: url(../images/header_line.gif) repeat-x; height: 116px; }
.header .leftHeader { background: url(../images/headerLeft.gif) no-repeat; width: 70px; height: 116px; float: left; }
.header .logo { width: 289px; height: 116px; float: left; }
.header .rightHeader { background: url(../images/headerRight.gif) no-repeat; width: 761px; height: 116px; float: left; }

.menu { width: 100%; float: left; background: url(../images/menuline.gif) repeat-x; height: 51px; }
.menu ul { float: left; margin-left: 69px; font-size: 12px; *display: inline; width: 670px; }
.menu ul li { list-style: none; float: left; margin-right: 30px; line-height: 50px; }
.menu ul li a { color: #1a67b2;}

.search { width: 322px; float: left; }
.search label { display: block; float: left; line-height: 50px; padding-right: 10px; }
.search input.srh { background: url(../images/search.gif) no-repeat; width: 225px; height: 27px; border: none; float: left; margin-top: 10px; padding-left: 10px; font-family: tahoma; color: #a09f9f; }
.search input.btn { background: url(../images/searchBtn.gif) no-repeat; width: 25px; height: 27px; border: none; float: left; margin-top: 10px; cursor: pointer; }

.main { width: 982px; margin: 0 auto; }
.main .content { width: 100%; float: left; margin-top: 21px; }

.breadcrumb { width: 100%; float: left; text-transform: uppercase; font-size: 10px; margin-bottom: 13px;}
.breadcrumb span.blue { background: url(../images/breadcrumb1.gif) no-repeat; width: 120px; height: 27px; padding-left: 17px; display: block; line-height: 27px; float: left; }
.breadcrumb span.blue a { color: #FFF; }
.breadcrumb span.blueEnd { background: url(../images/breadcrumb4.gif) no-repeat; width: 120px; height: 27px; padding-left: 17px; display: block; line-height: 27px; float: left; }
.breadcrumb span.blueEnd a { color: #FFF; }

.breadcrumb span.grey_level1 { background: url(../images/breadcrumb2.gif) right no-repeat; height: 27px; padding: 0 28px 0 11px; display: block; line-height: 27px; color: #FFF; float: left; }
.breadcrumb span.grey_level1 a { color: #6c6c6c; }

.breadcrumb span.grey_level0 { background: url(../images/breadcrumb3.gif) right no-repeat; height: 27px; padding: 0 28px 0 11px; display: block; line-height: 27px; color: #FFF; float: left; }
.breadcrumb span.grey_level0 a { color: #6c6c6c; }

.leftCell { width: 110px; float: left; *display: inline; }
.middleCell { width: 581px; float: left; margin-left: 13px; *display: inline; background: url(http://www.bdinstitute.org/images/middleTop.gif) top no-repeat; padding-top: 20px;  }
.rightCell { width: 265px; float: left; margin-left: 13px; *display: inline;}

.leftBox { width: 110px; float: left; margin-bottom: 15px; font-size: 11px; }
.leftBox .heading { width: 110px; float: left; background: url(../images/leftTop.gif) repeat-x; }
.leftBox .bottom { width: 110px; float: left; background: url(../images/leftBottom.gif) repeat-x;}
.leftBox .heading h3 { color: #FFF; font-size: 12px; font-weight: bold; padding: 6px 0 0 8px; margin-bottom: 4px; }
.leftBox .heading h3 a {color: #FFF;}
.leftBox .bottom ul { float: left; margin: 0 0 0 8px; padding-bottom: 10px;}
.leftBox .bottom ul li { list-style: none; margin-top: 10px; }
.leftBox .bottom ul li a { color: #FFF; }

.middleCell .outer { background: #FFF url(../images/middleBottom.gif) bottom no-repeat; padding-bottom: 20px; float: left; width: 100%;  }
.middleCell .outer .inner { width: 540px; float: left; margin-left: 20px; padding-bottom: 50px;  *display: inline; min-height: 400px; }
.middleCell .outer .inner h2 { font-size: 19px; color: #284c93; line-height: 26px; }
.middleCell .outer .inner h3 { line-height: 26px; }
.middleCell .outer .inner .image { width: 100%; float: left; margin: 15px 0; *display: inline;  }
.middleCell .outer .inner h4 {  color: #284c93; padding-top: 20px; *display: inline;  }
.middleCell .outer .inner p {padding-top: 5px; line-height: 18px; }
.middleCell .outer .inner p.big { margin-top: 10px; font-size: 12px; padding-top: 0; line-height: 18px; }
.middleCell .outer .inner ul { padding-left: 15px; }
.middleCell .outer .inner ul li { padding-top: 10px;}

.members { width: 540px; float: left; margin-top: 30px; }
.members .membersName { width: 170px; float: left; margin-top: 13px; }
.members .membersName ul li { list-style: none; float: left; width: 100%; margin-bottom: 10px;  font-size: 12px; }
.members .membersName ul li a { color: #000; }
.members .membersName ul li.active a  {color: #284c93; }
.members .membersName ul a { color: #000; cursor: pointer; }
.members .membersName ul a li.active {color: #284c93; cursor: pointer; }
.members .membersDescription { width: 369px; float: left; border-top: 1px solid #a7a7a7; border-left: 1px solid #a7a7a7; min-height: 500px;  }
.members .membersDescription .text { width: 357px; float: left; margin-left: 12px; *display: inline; }
.members .membersDescription .text .heading { width: 100%; float: left; color: #284c93; margin-top: 10px; }
.members .membersDescription .text .heading span.name { font-size: 16px; font-weight: bold; }
.members .membersDescription .text .heading span.designation { font-size: 14px; }
.members .membersDescription .text .details { width: 100%; float: left; margin-top: 10px; padding-bottom: 10px; }
.members .membersDescription .text .details p { font-size: 12px; }

.descDiv { width: 100%; float: left; height: 260px; }
.methodology { width: 100%; float: left; }
.methodology .diagrams { height: 191px; float: left; }
.methodology .diagrams ul li { list-style: none; float: left; }
#scp a { float: left; display: block; background: url(../images/scp.gif) top left no-repeat; width: 63px; height: 191px; }
#scp a:hover { background: url(../images/scp.gif) bottom right no-repeat; }
#scp a.active { background: url(../images/scp.gif) bottom right no-repeat; }
#taa a { float: left; display: block; background: url(../images/taa.gif) top left no-repeat; width: 65px; height: 191px; }
#taa a:hover { background: url(../images/taa.gif) bottom right no-repeat; }
#taa a.active { background: url(../images/taa.gif) bottom right no-repeat; }
#cis a { float: left; display: block; background: url(../images/cis.gif) top left no-repeat; width: 64px; height: 191px; }
#cis a:hover { background: url(../images/cis.gif) bottom right no-repeat; }
#cis a.active { background: url(../images/cis.gif) bottom right no-repeat; }
#moe a { float: left; display: block; background: url(../images/moe.gif) top left no-repeat; width: 69px; height: 191px; }
#moe a:hover { background: url(../images/moe.gif) bottom right no-repeat; }
#moe a.active { background: url(../images/moe.gif) bottom right no-repeat; }

.methodology .description { width: 100%; float: left; }
.methodology .description p { font-size: 12px; }
.methodology .description ul { float: left; margin: 10px 0 0 40px; font-size: 12px; }

.whitebg { width: 265px; float: left; background: url(../images/rightTop1.gif) no-repeat; padding-top: 12px; margin-bottom: 15px; }
.whitebg .outer { width: 100%; float: left; background: #f3f2f2 url(../images/rightBottom1.gif) bottom no-repeat; padding-bottom: 10px; }
.whitebg .outer .inner { width: 255px; float: left; margin-left: 10px; *display: inline; }
.whitebg .outer .inner h2 { color: #284c93; }
.whitebg .outer .inner .image { float: left; margin-top: 10px; *display: inline; width: 127px; }
.whitebg .outer .inner .desc p { line-height: 16px; }
.whitebg .outer .inner .desc { float: left; margin: 10px 0 0 10px; *display: inline; width: 115px; }
.whitebg .outer .inner .desc span.btn { display: block; margin-top: 10px; }


.bluebg { width: 265px; float: left; background: url(../images/rightTop2.gif) no-repeat; padding-top: 12px; color: #FFF; margin-bottom: 15px; }
.bluebg .outer { width: 100%; float: left; background: #132b5d url(../images/rightBottom2.gif) bottom no-repeat; padding-bottom: 10px; }
.bluebg .outer .inner { width: 255px; float: left; margin-left: 10px; *display: inline; }
.bluebg .outer .inner h2 { color: #FFF; }
.bluebg .outer .inner .image { float: left; margin-top: 10px; *display: inline; width: 127px; }
.bluebg .outer .inner .desc { float: left; margin: 10px 0 0 10px; *display: inline; width: 115px; }
.bluebg .outer .inner .desc p { line-height: 16px; }
.bluebg .outer .inner .desc span.btn { display: block; margin-top: 10px; }

p.more a {color: #284c93; }

.paging { width: 100%; float: left; padding-top: 20px; }
.paging li { float: left; list-style: none; margin-left: 5px; }
.paging li span {width: 12px; height: 12px; text-align: center; line-height: 12px;display: block;}
.paging li span.selected {  background: #838588;  }
.paging li span.selected a { color: #FFF; }

.login { width: 340px; float: left; margin: 30px 0 0 100px; border: 1px solid #c8c8c8; background: #f3f3f3; }
.login .loginForm { width: 240px; float: left; margin: 20px 0 0 50px; }
.login .loginForm .row { width: 100%; float: left; height: 28px; }
.login .loginForm .row label { width: 80px; display: block; float: left; }
.login .loginForm .row input.txt { width: 135px; display: block; float: left; height: 20px; }
.login .loginForm .rowCenter { width: 120px; float: left; height: 28px; padding-left: 80px; padding-bottom: 20px; text-align: left; }

.footer { background: url(../images/footerLeft.png) left no-repeat; height: 25px; padding-left: 9px; margin: 15px 0 40px 0; float: left; }
.footer .inner { background: #b7b7b7; float: left; width: 964px; height: 25px; color: #FFF; line-height: 25px; }
.footer .last { width: 9px; float: left; background: url(../images/footerRight.png) right no-repeat; height: 25px; }