html, body
{
    margin: 0;
    padding: 0;
    background: #fff;
    color: #5f5f5f;
    font: normal 12px/1.5em Arial, Helvetica, sans-serif;
}
.main
{
}

a
{
    /*color: #000131;*/
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
/* header */
.header
{
    border-bottom: 2px solid #000131;
}
.header_resize
{
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 900px;
}
.header .logo
{
    width: auto;
    float: left;
    margin: 0;
    padding: 24px 0;
    color: #000131;
    text-decoration: none;
    font: 20pt Eras Demi ITC;
}
.header .menu
{
}
.header .menu a
{
    float: left;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 13px 6px;
    color: #5f5f5f;
    text-decoration: none;
}
.header .menu a:hover, .header .menu a.active
{
    color: #000131; /*background:#000131;*/
}
.tm
{
    position: absolute;
    right: 0;
    top: 5px;
}
.tm a
{
    color: #5f5f5f;
}
.tm a:hover
{
    color: #000131;
}
.tm span
{
    padding: 0 5px;
    color: #999;
    display: inline-block;
}
.banner
{
    width: 900px;
    height: 300px;
    margin: 0 auto 50px;
    position: relative;
    background: url(../images/fb_bg.png) no-repeat 35px center;
}
.baninn
{
    width: 900px;
    height: 150px;
    margin: 20px auto 30px;
    background: url(../images/corporate.jpg) no-repeat center top;
}
.nohplogo
{
    width: 180px;
    height: 106px;
    position: absolute;
    bottom: 5px;
    left: -10px;
    background: url(../images/NOHP_LOGO.jpg);
}
.hdr, h3
{
    /*font-weight: bold;*/
    font-size: 18px;
    padding: 0 0 8px 0;
    color: #000131;
    margin: 0;
}
.subhdr
{
    font-weight: bold;
    font-size: 12px;
    padding: 8px 0;
    text-align: center;
}
.clr
{
    clear: both;
    font-size: 0px;
    line-height: 0px;
}
p
{
    padding: 0;
    margin: 0;
}
.content
{
    margin: 0 auto 50px;
    width: 900px;
}
.content .lftbar
{
    padding: 0;
    float: left;
    width: 180px;
    min-height: 100px;
}
.content .lft1
{
    margin: 0 20px 0 0;
	padding: 0;
	float: left;
	width: 720px;
}
.content .mainbar
{
    margin: 0 20px;
    padding: 0;
    float: left;
    width: 520px;
}
.content .rgtbar
{
    margin: 0;
    padding: 0;
    float: left;
    width: 160px;
    min-height: 100px;
}
/*.content .rgtbar a
{
    padding: 8px 12px;
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    margin-bottom: 8px;
    border: 1px solid transparent;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 0 1px 3px 2px #efefef, 0 0 0 1px #ffffff inset;
    -webkit-box-shadow: 0 1px 3px 2px #efefef, 0 0 0 1px #ffffff inset;
    -moz-box-shadow: 0 1px 3px 2px #efefef, 0 0 0 1px #ffffff inset;
    background: #000131;
}
.content .rgtbar a:hover
{
    text-decoration: none;
    color: #ccc;
    -webkit-box-shadow: inset 0 0 3px #EE90BB;
    -moz-box-shadow: inset 0 0 3px #EE90BB;
    box-shadow: inset 0 0 3px #EE90BB;
}*/
.content .mainbar .article_vert
{
    padding: 0 10px 10px 10px;
    float: left;
    width: 120px;
    border: 1px solid #eee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.sb_menu
{
    margin: 0;
    padding: 0;
}
.sb_menu ul
{
    margin: 0;
    padding: 0 0 0 10px;
}
.sb_menu li
{
    margin: 0;
    padding: 0;
    list-style-type: circle;
    color: #000131;
}
.sb_menu a
{
    color: #5f5f5f;
    text-decoration: none;
    display: block;
    background: url(../images/li.gif) no-repeat 0 12px;
    padding: 4px 0 4px 0px;
}
.sb_menu a:hover
{
    color: #000131;
    font-weight: bold;
    text-decoration: underline;
}
.bm
{
    margin-top: 15px;
    position: relative;
}
.bm1
{
    background: url(../SchoolProgramme/images/bmbg.jpg) repeat-x bottom;
    border-bottom: 1px solid #cccccc;
}
.bm1 span
{
    padding: 10px 0 10px 40px;
    display: block;
    background: url(../SchoolProgramme/images/fmy_icon.png) no-repeat 5px center;
}
.dukimg
{
    position: absolute;
    top: -47px;
    left: -82px;
    width: 100px;
}
.fm2
{
    background: #000131;
    width: 100%;
    height: 124px;
    border-top: 1px solid #fff;
}
#tblDentist td:first-child + td .dts-dv{margin-left: 15px; margin-right: 15px;}
#tblDentist td{ vertical-align:top;}
.dts-dv
{
    width:208px; min-height:150px;
    padding:10px; margin-bottom:15px;
    border:1px solid #dbdbdb;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.dts-dv:hover{
    box-shadow: 0 1px 2px #666;
    -webkit-box-shadow: 0 1px 2px #666;
    -moz-box-shadow: 0 1px 2px #666;
}
.expand 
{
    width:30px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    transition: all .3s ease-in-out;
}
.expand:hover  
{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    transform: scale(3.1); 
}

.footer_resize
{
    margin: 0 auto;
    padding: 15px 0;
    width: 900px;
}
.footer_resize p.lf
{
    float: right;
    width: auto;
}
.fmenu
{
    float: left;
    width: auto;
}
.fmenu a
{
    color: #5f5f5f;
    padding: 0 8px;
    text-decoration: none;
}
.fmenu a:hover
{
    color: #000131;
}
.fmenu a:hover
{
    text-decoration: underline;
}

/********** footer ****************/

.ftr
{
    width: 100%;
    background-color: #f5f5f5;
    padding: 90px 0 20px;
    border-top: 1px solid #fff;
}
.footer
{
    line-height: 1.2em;
    margin: 0 auto;
    width: 900px;
    position: relative;
}
.btban
{
    background: #efefef;
    margin: 0 auto;
    padding: 15px 0;
    width: 900px;
}
.btmadd
{
    width: 500px;
    height: 80px;
    position: absolute;
    left: 195px;
    top: -115px;
    outline: 1px solid #000131;
    border: 4px solid #fff;
}
.btmadd img
{
}

.copy
{
    padding: 10px 0;
    text-align: center;
}

.sepdv
{
    float: left; /*height: 200px;*/
}
/*.sepdv a
{
    color: #333;
    display: block;
    padding: 5px 0;
}
.sepdv a:before
{
    content: url(../images/right_arrow.png);
    margin-right: 5px;
}
.sepdv a:hover
{
    color: #000131;
    text-decoration: underline;
}*/

.sepdv_1{border-right: 1px solid #fff; padding-right: 27px;}
.sepdv_2{border-right: 1px solid #fff; padding: 0 27px;}
.sepdv_3{border-right: 1px solid #fff; padding: 0 27px;}
.sepdv_4{line-height: 1.8em; border-right: 0; padding-left: 27px;}

/********** footer End ****************/



/********** Slide Show ****************/

#slideshow
{
    position: relative;
    height: 300px;
}

#slideshow div
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
}

#slideshow div.active
{
    z-index: 10;
    opacity: 1.0;
}

#slideshow div.last-active
{
    z-index: 9;
}

#slideshow div img
{
    width: 900px;
    height: 300px;
    display: block;
    border: 0px;
}

/********** Slide Show end ****************/

/************social media icons**************/

.navdv
{
    text-align: right;
    padding: 8px 0 0 0;
    margin-left: 15px;
}
.ask-experts
{
    width: 10%;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9999;
}
.social
{
    width: 25px;
    position: fixed;
    top: 200px;
    right: 0;
    z-index: 99;
}
.social a
{
    display: block;
    margin-bottom: 3px;
}
.social a img
{
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.img-responsive
{
    display: block;
    max-width: 100%;
    height: auto;
}

.bdr {
    border: 1px solid #efefef;
    padding: 0 10px 10px 10px;
    border-radius: 10px;
}

.logo-link a{ display:block; text-align:center;
              padding-top: 13px; padding-bottom: 13px; 
              border-bottom: 1px dashed #ccc;
            }
.logo-link a:last-child{ border-bottom: 0;}
.logo-link a img{ display:inline; max-width:100%; margin:0 auto;}


/*********** Tab ********************/

.tab-box { 
  padding:0 10px;
  width:263px; margin:0 auto;
  background:#000131;
  text-align:left;
}
.tab-box a 
{
  font-weight:bold;
  color:#fff;
  display:inline-block;
  float:left;
  padding: 6px 15px;
  text-decoration:none!important;
}
.tab-box a.activeLink { 
  background-color: #fff; 
  color:#000131;
  border-bottom: 0; 
  text-decoration:none!important;
}
.tabcontent {  padding:30px 0 20px;}
.hide { display: none;}

@media (min-width: 992px) 
{
    .menupatch1{height:676px;}    
    .rgtbar{height:376px;}
    
    .menupatch2{height:620px;}
    .rgtbar1{height:620px!important;}
    
    #brphoto a{ height: 100px; padding:10px;}
}

#brphoto a{ margin-bottom:0px; display:inline-block; float:left;}
#brphoto a img, #divData a img{ margin:0; max-width:100%; max-height:100%;}
#divData a
{
    color: #0c50a0;
    width: 96%;
    padding: 2%;
    margin-bottom:20px;
    display: inline-block;
    border: 1px solid #c6bdbd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#divData a:hover, #divData a.selected
{
    background-color: #fbdceb;
}
.thumb-img{ float:left; width:25%;}
.title-dv{float:left; width:73%; margin-left:2%}
.clearfix:before, .clearfix:after{
    clear: both;
    content: " ";
    display: table;
}
/*********** Tab End ********************/

/**********************social media footer*******************/
.overlay {
    padding: 10px 0;
    background-color: #285e8e;
}
.socila {clear: both; overflow: hidden; width: 100%; display: flex; justify-content: center; margin: 0 0 6%;}
.fb1 { float:left;}
.fb1 img {padding: 0 20px;}
