/* 
Work Center Template 
http://www.templatemo.com/preview/templatemo_355_work_center 
also some parts use css from https://jkweb.berkeley.edu/css/kuriyan.css */


body {
	margin: 0;
	padding: 0;
	color: #3d3d3a;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 1.4em; 
	background-color: #FFFFFF;
}

a, a:link, a:visited { 
	color: #5b5b08; 
	font-weight: normal; 
	text-decoration: none; 
}

a:hover { 
	text-decoration: underline; 
}

a.more { 
	display:inline-block; 
	font-size: 10px; 
	color: #fff; 
	font-weight: 700; 
	width: 60px; 
	height: 23px; 
	line-height: 21px; 
	text-align: center; 
	padding-right: 25px; 
	background: url(../images/templatemo_button.png) left center no-repeat; 
}

p { 
	margin: 0 0 10px 0; 
	padding: 0; 
}

img { 
	border: none; 
}

em { 
	color: #000; 
}

blockquote { 
	font-style: italic; 
	margin: 0 0 0 10px;
}

cite { 
	font-weight: bold; 
	color: #0088AA; 
}

cite a, cite a:link, cite a:visited  { 
	font-size: 12px; 
	text-decoration: none; 
	font-style: normal; 
}

cite span { 
	font-weight: 400; 
	color: #0088AA; 
}

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; color: #787269; font-weight: normal; }
h1 { font-size: 34px; margin: 0 0 0px; padding: 5px 0 }
h2 { font-size: 28px; margin: 0 0 0px; padding: 5px 0 }
h3 { font-size: 22px; margin: 0 0 0px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 0px; padding: 0; }
h4c { font-size: 18px; margin: 0 0 0px; padding: 0; background-color:#f2f2f2; display:block; }
h5 { font-size: 16px; margin: 0 0 0px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 0px; padding: 0; }
h7 { font-size: 12px; margin: 0 0 0px; padding: 0; }



.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h30b { height: 30px; background:#FFFFFF  }
.h40 { height: 40px }
.h50 { height: 50px }
.h70 { height: 70px }
.h200 { height: 200px }

.divider { 
	margin-bottom: 40px; 
	padding-bottom: 20px; 
	background: url(../images/templatemo_divider.png) repeat-x bottom; 
}


.templatemo_list { 
	margin: 10px 0 10px 0; 
	padding: 0; 
	list-style: none; 
}

.templatemo_list li { 
	color:#5f5f59; 
	margin: 0 0 10px 0; 
	padding: 0 5px 0 15px; 
	background: url(../images/templatemo_list.png) no-repeat scroll 0 5px;  
}

.templatemo_list li a { 
	color: #5f5f59; 
	font-weight: normal; 
}

.templatemo_list li a:hover { 
	color: #5f5f59; 
}

#templatemo_header_wrapper {
	width: 100%;
	height: 63px;
	background: #12295d; /*url(../images/templatemo_header_bg.jpg) repeat-x top*/ 
}


#templatemo_header {
	width: 960px;
	margin: 0 auto;
	padding: 10px;
}

#templatemo_header2 {
	width: 100%;
	margin: 63px 63px 10px 10px;
	padding: 80px;
	background: #12295d;
}

#templatemo_middle_wrapper {
	width: 100%;
	height: 440px;
	background: #F7F5F5 /*url(../images/templatemo_middle.jpg) no-repeat*/
}

#templatemo_middle {
	width: 960px;
	margin: 0 auto;
	padding: 0px 0px;
}

#templatemo_main {
	width: 960px;
	margin: 0 auto;
	padding: 60px 10px;
}
#piecemaker {
    margin: auto;
}

.today {
    padding-top: 3%;
}

small {
    bottom: 0;
}

#content { 
	width: 630px; 
}

#wrapper {
	min-height:100%;
	position:relative;
}

#templatemo_footer_wrapper {
	width: 100%;
	height:70px;
    background: #123c81;
	border-top: 5px solid #e8e8e7;
}

#templatemo_footer {
	width: 560px;
    height: 100%;
	margin: auto;
	/*padding: 10px 10px;*/
    padding: 0;
}

table {
    margin: auto;
    height: 100%;
}

#outer-footer-wrapping {
    width: 100%;
    position: fixed;
    bottom: 0;
}

#site_title { 
	float: left; 
}

#site_title a { 
	display: block; 
	color: #fff; 
	font-size: 38px; 
	font-weight: 700; 
	line-height: 40px; 
}

#site_title a span { 
	color: #d6d6ce; 
}

#site_title a:hover { 
	text-decoration: none; 
}

#templatemo_menu { 
	float: right; 
}

#templatemo_main img { 
	border: 5px solid #e4e4e0; 
}

.fp_box5 { 
	float: left; 
	width: 160px; 
	margin-right: 15px; 
	padding: 9px; 
	text-align: center; 
	background: #c8c8bd; 
	border: 1px solid #e8e8e3; 
}

.fp_box5:hover { 
	background: #696960; 
}

.fp_box5 h2 a { 
	color: #000; 
	font-size: 14px; 
	font-weight: 700; 
}

.fp_box5 img { 
	margin-bottom: 10px; 
}

.fp_box5 h2 { 
	margin-bottom: 5px; 
}

.fp_box5 p { 
	text-align: left; 
}

.fp_box5:hover.fp_box5 h2 a { 
	color: #fff; 
	font-size: 14px; 
	font-weight: 700; 
}

.fp_box5:hover p { 
	color: #d6d6ce;
}

#templatemo_footer a { 
	color: #fff; 
}

/*#templatemo_footer h5 {
	color: #fff; 
	font-size: 12px; 
	font-weight: 700; 
	margin-bottom: 15px; 
}*/



.footer_list { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.footer_list li { 
	margin: 0 0 5px; 
	padding: 0 0 5px; 
}

.footer_list li a { 
	color: #fff; 
}


.testimonial { 
	margin-bottom: 30px; 
	padding: 10px; 
	background: #c8c8bd; 
	border: 1px solid #e8e8e3; 
}

.gallery_box { 
	float: left; 
	width: 900px; 
	border-top: 1px solid #CCC;
	padding-top: 12px;
	margin: 0 30px 30px 0; 
	clear: both;
	text-align: center; 
}

.photobox {
	width: 200px;
	float: left;
	margin-bottom: 10px;
	margin-right: 20px;
}

.gallery_box img { 
	margin-bottom: 10px; 
	width: 200px;
	float: left;
}

.gallery_box a { 
	font-size: 12px; 
	font-weight: 700; 
	margin-bottom:0; 
}

.gallery_box p { 
	font-size: 14px; 
}

.post {
	clear: both;
	margin-bottom: 60px;
}

.post img { 
	float: left; 
	margin-right: 15px; 
}

.post h2 { 
	margin-bottom: 0; 
	font-size: 18px; 
	margin-bottom: 10px; 
}

.post .meta { 
	clear: both; 
	font-size: 10px; 
	margin-top: 20px; 
	padding: 5px 10px;  
	background: #c8c8bd; 
	border: 1px solid #e8e8e3; 
	border-left: none; 
	border-right: none;
}

.post .meta span { 
	float: left; 
	display: block; 
	margin-right: 20px; 
}

.post .meta span.more_but { 
	float: right; 
}

.post .meta span.more_but a { 
	color: #7f0d0d; 
} 

.post .meta a, .post .meta strong { 
	color: #7b7b7b; 
	font-weight: 700; 
}

#comment_section {
	clear: both;
	margin-bottom: 60px;
	width: 538px;

}

.first_level {
	margin: 0; padding: 0;
}

.comments {
	list-style: none; 
}

.comments li { 
	margin-bottom: 10px; 
	list-style:none;  
}

.comments li .commentbox1 { 
	background: #e3e3dd; 
	border: 1px solid #c9c9c0;  
}

.comments li .commentbox2 { 
	background: #f2f2f0; 
	border: 1px solid #c9c9c0;  
}

.comments li .comment_box { 
	clear: both; 
	width:100%; 
	padding: 10px 30px 20px 30px; 
	margin-bottom: 40px;  
}

.comment_box .gravatar { 
	float: left; 
	width: 75px; 
	margin-right: 30px; 
}

#templatemo_main .comment_box .gravatar img {  
	width: 58px; 
	height: 58px; 
	border: 5px solid #fff; 
}

.comment_box .comment_text {  }

.comment_box .comment_text p { 
	margin: 0; 
}

.comment_text .comment_author { 
	font-size: 12px; 
	font-weight: 700; 
	color: #7f0d0d; 
	margin-bottom: 10px; 
}

.comment_text .date { 
	font-size: 11px; 
	font-weight: normal; 
	font-style: italic; 
	color: #7b7b7b; 
	padding-left: 10px; 
}

.comment_text .time { 
	font-size: 11px; 
	font-weight: normal; 
	color: #7b7b7b; 
	padding-left: 10px; 
}
 
.comment_text .reply a { 
	display: block; 
	clear: both; 
	float: right; 
	color: #fff; 
	font-weight: 700; 
} 

#comment_form {
	clear: both;
}

#comment_form form {
}

#comment_form textarea {
	color: #222;
	height:150px;
	width: 360px;
	padding: 5px; 
	background: #fff; 
	border: 1px solid #c8c8bd; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#comment_form .form_row {
	width: 100%;
	margin-bottom: 15px;
}

#comment_form form input {
	color: #222;
	width: 250px;
	padding: 5px; 
	background: #fff; 
	border: 1px solid #c8c8bd; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#comment_form form .submit_btn { 
	width: 80px;
	height: 30px;
	color: #000;
	background: #fff; 
	border: 1px solid #c8c8bd;
}	

.rp_pp { 
	margin-bottom: 5px; 
	padding-bottom: 5px; 
	border-bottom: 1px dotted #c5c5b9; 
}

.rp_pp a { 
	color: #666; 
}

.rp_pp p { 
	font-size: 10px; 
	font-style: italic; 
}

#sidebar h5 { 
	margin-bottom: 15px; 
}

#contact_form { 
	padding: 0; 
	width: 410px; 
	margin-bottom: 40px; 
}

#contact_form form { 
	margin: 0px; 
	padding: 0px; 
}

#contact_form form .input_field { 
	width: 270px; 
	padding: 5px; 
	background: #e7e7e0; 
	border: 1px solid #c8c8bd; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form label { 
	display: block; 
	width: 100px; 
	margin-right: 12px; 
	font-size: 13px; 
}

#contact_form form textarea { 
	width: 398px; 
	height: 200px; 
	padding: 5px; 
	color: #333; 
	background: #e7e7e0; 
	border: 1px solid #c8c8bd; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}

#contact_form form .submit_btn { 
	padding: 5px 14px; 
	color: #333; 
	background: #e7e7e0; 
	border: 1px solid #c8c8bd;
	font-size:14px; 
	margin: 10px 0px;
}	


.no_margin_right { margin-right: 0 }

.pagging { 
	margin: 0 0 20px; 
	padding: 0; 
}

.pagging ul { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.pagging ul li { 
	margin: 0; 
	padding: 0; 
	display: inline; 
}

.pagging ul li a { 
	float: left; 
	display: block; 
	text-decoration: none; 
	margin-right: 5px; 
	padding: 5px 10px; 
	background: #c8c8bd; 
	border: 1px solid #e8e8e3; 
}

.pagging ul li a:hover { 
	background: #5b5b08; 
	color: #fff;  
}


.page-heading-container{
    padding-top:20px;
	background:#f9f9f9;
    /*border-bottom:1px solid #cdcdcd;*/
    font-weight:normal;
    color:#1f1f1f;
    margin: 0px auto;
    max-width: 960px;
    padding: 0;
    position: relative;
}
.page-heading h1 {
    text-shadow:0 1px 1px #fff;
    font-weight:lighter;
	margin: 20px 0 3px 10px;
}

.page-heading-container p{
	margin: 0px 0px 3px 10px;
}


#summary_research {
	background-color: #ffffff;
	margin-top: 30px;
}


#summary_research h1{
	background-color: #ffffff;
	padding-top: 10px;
	padding-left: 20px;
	margin-top: 30px;
	font-size: 18px;
	font-weight: normal;
}

#summary_research .overview {
	padding: 10px 20px 20px 20px;
	font-size: 14px;
	text-align: justify;
	

}

#summary_research .overview a{
	text-decoration:none;
	font-weight: bold;
	color:#FFE0A2;
}



#researchtopic {
	background-color: #ffffff;
	margin-top: 20px;
	font-size: 15px;
	text-align: justify;
}


#researchtopic h1{
	padding-top: 15px;
	margin-left: 15px;
	font-size: 18px;	
}

#researchtopic .res_label {
	background-color: #ffffff;
	width: 940px;
	height: 30px;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	padding-left: 15px;
	padding-top: 15px;
	color: #787269;
}

#researchtopic .res_label_small {
	background-color: #ffffff;
	width: 940px;
	height: 30px;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	padding-left: 15px;
	padding-top: 15px;
	color: #787269;
}



/*use col2 if one row has 2 columns*/

#researchtopic .res_col2 {
	padding-top: 17px;
	background-color: #EFEBEB;
	float: left;
	width: 480px;
	height: 280px;
	text-align: center;
}

/*use col3 if one row has 3 columns*/

#researchtopic .res_col3 {
	padding-top: 17px;
	background-color:  #EFEBEB; /*#f2f2f2;*/
	float: left;
	width: 320px;
	height: 280px;
	text-align: center;
}

/*use col4 if one row has 4 columns*/
#researchtopic .res_col4 {
	padding-top: 17px;
	background-color: #EFEBEB;
	float: left;
	width: 240px;
	height: 280px;
	text-align: center;
}


#researchtopic a{
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	font-weight: normal;
	color: #787269;
}

#researchtopic img{
	-moz-box-shadow: 0 0 8px #585858;
	-webkit-box-shadow: 0 0 8px #585858;
	margin: 10px 10px 0px 10px;
	border: 1px solid #CCC;
}


.peoplerow {
	width: 900px;
	border-top: 1px solid #CCC;
	clear: both;
	padding-top: 12px;
	padding-bottom: 20px;
	padding-bottom: 12px;
	float: left;
}

.peoplebox {
	width: 440px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

.peoplebox_jk {
	width: 600px;
	height: 150px;
	float: left;
	margin-bottom: 10px;
}

.peopleinfo {
	font-size: 12px;
	margin-left:  15px;
	margin-right: 15px;
	margin-top: 10px;
	text-align: left;
	line-height: 150%;
}

.peopleinfo img {
	margin-top: 15px;
	margin-left:  5px;
	margin-right: 5px;
}
	

.peoplephoto {
	width: 140px;
	height: 140px;
	padding: 5px;
	border: 1px solid #CCC;
	float: left;
	-moz-box-shadow: 0 0 8px #ccc;
	-webkit-box-shadow: 0 0 8px #ccc;
	margin: 0px 20px 0px 20px;
  	left: 50%;
}

.peoplephoto_detail {
	width: 130px;
	height: 130px;
	padding: 5px;
	border: 1px solid #CCC;
	float: left;
	-moz-box-shadow: 0 0 8px #ccc;
	-webkit-box-shadow: 0 0 8px #ccc;
	margin: 10px 20px 40px 20px;
  	left: 50%;
}

.jkphoto {
	width: 120px;
	height: 120px;
	padding: 5px;
	border: 1px solid #CCC;
	float: left;
	-moz-box-shadow: 0 0 8px #ccc;
	-webkit-box-shadow: 0 0 8px #ccc;
	margin: 10px 20px 10px 20px;
  	left: 50%;
}

.peoplephoto img {
	width: 130px;
	height: 130px;
}

.peoplebox_oc {
	width: 880px;
	float: left;
	margin-bottom: 10px;
}

.peoplephoto_oc {
	width: 190px;
	height: 190px;
	padding: 5px;
	border: 1px solid #CCC;
	float: left;
	-moz-box-shadow: 0 0 8px #ccc;
	-webkit-box-shadow: 0 0 8px #ccc;
	margin: 0px 20px 0px 20px;
  	left: 50%;
}

.peoplephoto_oc img {
	width: 180px;
	height: 180px;
}


.peopleinfo_oc {
	font-size: 13px;
	margin-left:  15px;
	margin-right: 15px;
	margin-top: 10px;
	text-align: left;
	line-height: 150%;
}



#welcome {
	font-size: 15px;
	width: 630px;
	text-align:justify;
    float: left;
}

#sidebar {
    float: right;
	width: 300px; 
	height: 400px;
	background-color:#FAFAFA;
    text-align: center;
}
#news {
    text-align: center;
    padding-top: 2%;
}


/*.float_r {
	float: right; 
}*/