body {
	font-family: 'Droid Sans', 'Inconsolata', serif;
}
table, td {
	border: none;
	background: none;
}
h1.page-title {
	font-weight: normal !important;
}
h2 {
	color: #000;
	line-height: 1.2em;
	padding-bottom: 10px;
}
p {
	margin-bottom: 10px;
}
input {
  margin: 0;
  padding: 0;
}

#logo {
	float: left;
}
#copyright {
	padding: 0; 
}

#wrapper {
	position: relative;
	max-width: none;
	margin: 0 auto;
	box-shadow: none;
	background: #fff;
	overflow: hidden;
}

#header, #banner, #container, #footer, #copyright {
	width: 100%;
	margin: 0;
}
#footer, #copyright {
	background: #D3E4E0;
}
#header-inside, #banner-inside, #container-inside, #footer-inside, #copyright-inside {
	max-width: 1000px;
	margin: 0 auto;
}
#banner-about {
	height: 310px; 
}
#header-inside {
	height: 100px;
}
#container {
	border-bottom: thin solid #D3E4E0;
}
#container-inside {
	background: #eee;
}

#content-bottom-inside {
	max-width: 960px;
	margin: 0 auto;
}

#foot p, #foot .block {
	margin: 0;
}
#copyright, #footer {
	border-top: thin solid #359F88;
}
#copyright-inside {
	clear: both;
	padding: 0 20px;
	box-shadow: none;
	color: #666;
	line-height: 40px;
}

#main-menu {
	color: #2E8D78;
	min-height: 30px;
	box-shadow: none;
	background: #fff;
	margin-top: 70px;
	margin-left: 20px;
	float: left;
}
#main-menu a {
	color: #2E8D78;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 10px;
}

#main-menu a:hover,
#main-menu li > a.active {
	color: #fff;
	background: #2E8D78;
}

#main-menu li {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	line-height: 30px;
}

#search {
	float: right;
	text-align: right;
	max-height: 80px;
}
#search ul {
  list-style-type:disc;
  float: right;
  margin-bottom:2px;
}
#search ul li {
	float: left;
	list-style: none;
	padding: 0 10px;
	border-right: thin solid #2E8D78;
}
#search a {
	color: #2E8D78;
	font-weight: normal;
}
#search ul li.last {
	border: none;
}
#search-block-form input.form-submit, 
#search-form input.form-submit {
	margin: 2px 0;
	padding: 0;
	height: 25px;
	width: 34px;
	cursor: pointer;
	text-indent: -9999px;
	border-color: #e4e4e4 #d2d2d2 #b4b4b4;
	background: url(../images/search-button.png) no-repeat center top;
	overflow: hidden;
}
#block-search-form {
	clear: both;
}

#search-form input #edit-keys, 
#block-search-form .form-item-search-block-form input {
	float: left;
	font-size: 1em;
	height: 1.143em;
	margin-right: 5px;
	width: 15em;
}

#banner {
	min-height: 90px;
	margin-bottom: 0;
	border-bottom: thin solid #D3E4E0;
	background: #fff url('../images/banner-front.png') top center no-repeat;
}
#banner p {
	line-height: 0.6em;
	margin-bottom: 0px;
	font-weight: normal;
}
#banner-top ,
#banner-top {
	clear: both;
}
#banner-bottom-left {
	float: left;
	padding-top: 3px;
	width: 638px;
	border: none;
	overflow: hidden;
}
#banner-top-right {
	float: left;
	width: 362px;
	border: none;
	overflow: hidden;
}
#banner .content a img {
	padding: 0;
	box-shadow: none;
	background: none;
	border: none;
}
#banner .block {
	margin-bottom: 0;
}

.button-expertise {
	float: right;
	margin-right: 7px;
}

#main-menu li li {
}

#main-menu li li a {
  color: #2E8D78;
  background:#D3E4E0;
  border-top:#359F88 1px solid;
}

#main-menu li li:first-child > a {
  border-top:none;
}

#main-menu li li a:hover {
  background: #2E8D78;
  color: #D3E4E0;
}

#main-menu li ul {
  box-shadow:0 0 3px #333;
}

#main-menu li ul ul {
}

#banner-top-left {
	padding: 30px 15px 0 15px;
	color: #fff;
	float: left;
	width: 608px;
	border: none;
	overflow: hidden;
}
#banner-top-left a {
	color: #99CEC3;
}
#banner-top-left a:hover {
	color: yellow;
}
#banner-about-left {
	float: left;
	width: 35%;
}
#banner-about-left h1 {
	font-size: 48px;
	line-height: 1em;
}
#banner-about-left h2 {
	font-size: 16px;
	line-height: 1em;
}
#banner-about-right {
	float: left;
	width: 60%;
}
#banner-about-right p {
	line-height: 1.5em;
}

#banner-bottom-right {
	float: left;
	padding: 15px;
	width: 332px;
	border: none;
	overflow: hidden;
}
#banner-bottom-right h2 {
	font-size: 14px;
	line-height: 1.2em;
}
#banner-bottom-right p {
	line-height: 1em;
	margin-bottom: 6px;
}

#footer-area {
	color: #2E8D78;
	background: none;
	box-shadow: none;
}
#footer-area p {
	margin-bottom: 6px;
}
#footer-area a {
	color: #2E8D78;
}

#footer-area .block > h2 {
	color: #2E8D78;
	font-size: 14px;
	margin-bottom: 6px;
}

.menu-utama {
	margin-bottom: 10px;
}
.menu-utama p {
	font-weight: bold;
	margin-bottom: 6px;
}
.menu-tambahan p {
	margin-bottom: 0;
}

.content-sidebar-wrap #content {
	box-shadow: none;
}

.research-topics-front .view-header,
.research-topics-front .view-content,
.research-topics-front .views-row {
	float: left;
	padding-bottom: 3px;
}
.research-topics-front .view-header {
	width: 190px !important;
	padding-right: 20px !important;
}
.research-topics-front .views-row {
	width: 120px;
	margin-right: 5px;
}
.research-topics-front .views-field-name a {
	font-weight: bold;
	color: #1F918C;
}

.employment-front .view-header,
.employment-front .view-content,
.employment-front .views-row {
	float: left;
	padding-bottom: 3px;
}
.employment-front .view-header {
	width: 190px !important;
	padding-right: 20px !important;
}
.employment-front .views-row {
	width: 100%;
	margin-right: 5px;
}
.employment-front .views-field-name a {
	font-weight: bold;
	color: #1F918C;
}

.research-topics-page .views-field-name {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}
.research-topics-page .views-field-field-image {
	float: left;
	padding-right: 10px;
}

.views-row {
	padding-bottom: 15px;
}
.views-field-created {
	font-size: 0.9em;
	color:#1F918C;
	font-weight: bold;
	padding-bottom: 5px;
}
.views-field-view-node {
}
.views-field-view-node .field-content {
	background: #2E8D78;
	padding: 5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.views-field-view-node .field-content a {
	color: #fff;
}

.research-topics-page img {
	width: 48px;
}

.research-topics-page .views-field-name {
	padding-top: 20px;
	padding-bottom: 0px;
}
.research-topics-page .views-field-name a {
	font-weight: bold;
	font-size: 1.25em;
	padding-top: 30px;
}
.research-topics-page .views-row {
	padding-bottom: 5px;
	clear: both;
}

.latest-news-front .view-header,
.latest-news-front .view-content,
.latest-news-front .views-row {
	clear: none;
	float: left !important;
	padding-bottom: 20px !important;
}
.latest-news-front .view-header {
	width: 190px;
	padding-right: 20px;
}
.latest-news-front .views-row {
	width: 220px;
	padding-right: 20px;
	margin-right: 10px;
}
.latest-news-front .views-field-title {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}

#content {
	margin-top: 0;
}
#content img {
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.content-sidebar-wrap {
	background: #fff;
}

body.sidebar-second .content-sidebar-wrap {
	width: 74%;
}
body.sidebar-second #sidebar-second {
	width: 24%;
}
body.two-sidebars .content-sidebar-wrap {
	width: 71.5%;
}
body.two-sidebars #sidebar-first {
	width: 20%;
}
body.two-sidebars #sidebar-second {
	width: 25%;
}
body.sidebar-first #sidebar-first {
	width: 20%;
}
body.sidebar-first #content {
	width: 78%;
}

#sidebar-first,
#sidebar-second {
	padding: 10px;
}

#footer-area .column {
	float: left;
	margin: 0 10px 0 0;
	min-width: 190px;
	min-height: 260px;
}
.region-footer-first{
	width: 190px;
}
.region-footer-second,
.region-footer-third,
.region-footer-fourth {
	width: 230px;
}

.form-item {
	margin-bottom: 0.5em;
	margin-top: 5px;
}
.form-actions {
	padding-top: 0;
}

#block-views-1dc13a7275014e564c5c1b64732c476a .views-field-name,
#block-views-research-expertise-block .views-field-name {
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 0;
}

.view-research-list .views-field-title {
	font-size: 14px;
	font-weight: bold;
}
.views-field-title {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

.view-display-id-block_research_highlight .views-field-title,
.view-display-id-block_publication_highlight .views-field-title {
	font-size: 13px;
	font-weight: normal;
}

.views-label {
	font-weight: bold;
}

.page-title {
	color: #000;
	font-size: 32px; 
}

.clearfix {
	clear: both;
}

#block-views-frontpage-block-latest-news .views-field-title {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	padding-bottom: 10px;
}

#block-system-main .view-header {
	width: 100%;
	padding-top: 10px;
	padding-right: 20px;
	font-size: 13px;
	color: #666666;
	padding-bottom: 10px;
}

#block-views-frontpage-block-latest-news .view-header {
	width: 190px;
	padding-right: 20px;
	font-size: 11px;
	color: #666666;
}

#block-webform-client-block-61 .form-item,
#block-webform-client-block-61 .form-actions {
  margin-top: 0.25em;
  margin-bottom: 0.5em;
}
.item-list {
	margin-bottom: 20px;
}
.item-list .views-field-title {
	padding: 0;
}
.item-list li {
	padding-bottom: 10px !important;
}

@media screen and (max-width: 740px) {
	#main-menu {
		/* margin-top: 0;  */
	}
}
@media screen and (max-width: 1000px) {

	#banner-top-left {
		margin: 0 auto;
		padding: 30px 0 0 0;
		color: #fff;
		float: left;
		width: 100%;
		border: none;
		overflow: hidden;
	}
	#banner-top-right {
		margin: 0 auto;
	}

}
#block-block-36 .block-title {
   background:#111;
   color:#FFF;
   padding:5px 10px;
   margin:0;
}

#block-block-36 .content {
    background:#fff;
    color:#111;
}