body {
	#font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans","Malayalam",Optima,Geneva,Arial,sans-serif;
	font-size: 13px;
	background-color: #c0c0c0;	
	color: rgb(64, 64, 64);
}
img#bath_logo {
   padding: 3px 0px 0px 5px;
}

_ol, _ul {
    list-style: none outside none;
}
#mmk {
     font-size: 26px;
     float: right;
     margin: 0px 10px 0px 0px;
     font-weight: bolder;
}
#header {
    #height: 70px;
    #padding: 16px 5px 0px 10px;
    width: 768px;
    #margin: 0px auto;
    
    border: 0px none;
    outline: 0px none;
    font-size: 100%;
    vertical-align: bottom; #baseline;
    background: none repeat scroll 0% 0% transparent;
    float: left;
}


#header ul {
    clear: both;
    float: right;
    margin: 0px 10px 0px 0px;
    #padding: 10px 10px
    vertical-align: bottom;
    list-style: none outside none;
}
#header ul li {
    float: left;
}
#header ul li a {
    height: 30px;
    padding: 0px 8px;
    border-right: 1px solid rgb(218, 219, 221);
    border-bottom: 4px solid rgb(255, 255, 255);
    display: block;
    color: rgb(79, 85, 96);
    line-height: 30px;
    text-align: right;
    transition: border-bottom 0.1s ease-out 0s;
    font-family: "Myriad Pro","Myriad Web","Apple Myriad","Adobe Myriad","Trebuchet MS",Trebuchet,sans-serif;
    font-weight: normal;
    font-size: 18px;
    vertical-align: baseline;
}
#header ul li a.menu-home:hover {
    border-bottom: 4px solid rgb(19, 132, 4);
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
}
    
#header ul li a.menu-profile:hover {
    border-bottom: 4px solid rgb(185, 67, 51);
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
}

#header ul li a.menu-research:hover {
    border-bottom: 4px solid rgb(225, 160,67);
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
} 

#header ul li a.menu-publications:hover {
    border-bottom: 4px solid rgb(113, 103, 206);
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
}

#header ul li a.menu-outreach:hover {
    border-bottom: 4px solid rgb(173, 67, 183);
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
}   

#header ul li a.menu-contact:hover {
    border-bottom: 4px solid rgb(59, 149, 191);
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
}

    
:link, :visited {
    text-decoration: none;
}
h1 {
    font-size: 28px;
    line-height: 40px;
    color: rgb(255, 255, 255);    
    margin: 12px 4px;
    padding-left: 30px;
    height: 42px;
}
#footer {
    margin: 18px 4px;
    padding-left: 30px;
    height: 12px;
}

.home {
    background: rgb(19, 132, 4);
}

.profile {
	  background: rgb(185, 67, 51);
}
.research {
    background: rgb(225, 160,67)
    }
.publications {
    background: rgb(113, 103, 206)
    }
.outreach {
    background: rgb(173, 67, 183)
    }
.contact {
    background: rgb(59, 149, 191)
    }

h2 {
  margin: 0px 20px;
  }

p {
    #padding: 13px 5px;
    line-height: 21px;
    margin: 14px 24px;
    text-align: justify;
}