body{
	margin: 0px;
	padding: 0px;
	background-image: url('img/background.png');
	background-position: center;
}

p {
	font-size: 14px;
}
	/* a tag rule*/
	a{text-decoration:none;color:#000}
	a:hover {color:#e6982e !important; }
	p a {font-weight: 700; font-style:italic;}
	.cMain_imageBox a{text-decoration:none;color:#fff;}
	.cMain_imageBox a:hover {color:#e6982e;font-weight:300;}
	.cMain_imageBox_project a{text-decoration:none;color:#fff;}
	.cMain_imageBox_project a:hover {color:#e6982e;font-weight:300;}
	.cMain_imageBox_project2 a{text-decoration:none;color:#fff;}
	.cMain_imageBox_project2 a:hover {color:#e6982e;font-weight:300;}

	/* 1. Global CSS - USED FOR EVERY PAGE */
	#Contents{
		position: relative;
		width: 950px;
		margin-top: 14px;
		margin-bottom: 14px;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
		font-family: 'Source Sans Pro', sans serif;
		font-weight: 400;
		-webkit-box-shadow: 0 0px 10px 1px black;
		-moz-box-shadow: 0 0px 10px 1px black;
		box-shadow: 0 0px 10px 1px black;
	}
		
		/*1-1. header CSS*/
		#cHeader{
			position: relative;
			height: 110px;
			padding-left: 25px;
			padding-right: 50px;
			background-color: #fff;
		}
			#cHeader_menuBG{
				position: absolute;
				width: 750px;
				left: 150px;
				top: 0px;
				height:108px;
				border-bottom: 1px dotted #888;
				background-image: url('img/logo_text.png');
				background-repeat: no-repeat;
				padding:0px;
				text-align: right;
			}
				#cHeader_menu{
					position: absolute;
					right: 0px;
					padding-top: 84px;
					font-family:'Carrois Gothic SC', sans-serif;
					color:#000;
					text-decoration: none;
					font-size: 16px;
				}
				#cHeader_navigation{
					position: absolute;
					left:150px;
					top:115px;
					font-size: 12px;
				}

		/*1-2. main area CSS*/
		#cMain{
			margin-top: 30px;
			margin-left: 20px;
			margin-right: 20px;			
			padding-bottom: 30px;
		}
		#cMain em{
			font-weight: 700;
			font-style: normal;
		}
			#cMain_mainImage {
				position: relative;
				margin-left: auto;
				margin-right: auto;			
			}
				.cMain_imageBox, .cMain_imageBox_project, .cMain_imageBox_project2{
					color: #fff;
					background-color:rgba(0, 0, 0, 0.65);
				}
				#cMain_imageBox_main{
					position: absolute;
					padding: 10px;
					padding-top: 5px;
					right: 30px;
					bottom: 20px;
				}
				/*Hoverable black box in main page*/
				.cMain_imageBox_project, .cMain_imageBox_project2{
					position: absolute;
					padding: 3px;
					left: 0px;
					bottom: 15px;
					font-size:18px;
					font-weight: 300;
				}
				/*Hoverable black box in projects page: has smaller area than above one*/
				.cMain_imageBox_project2{
					bottom: 30px; 
					left: 3px; 
					font-size:16px
				}
				
			/*paragraph by default*/
			.cMain_paragraph, .cMain_paragraph_narrow, .cMain_paragraph_middle{
				margin-left: auto;
				margin-right: auto;			
				width: 825px;
				text-align: justify;
				font-size: 14px;
				margin-top: 24px;
				margin-bottom: 30px;
			}
			/*paragraph width for about & contact pages*/
			.cMain_paragraph_narrow{
				width: 650px;
			}
			/*paragraph width for project page*/
			.cMain_paragraph_middle{
				width: 750px;
			}
				.cMain_heading{
					/*background-image: url('img/bullet.png');
					background-repeat: no-repeat;*/
					padding-left: 10px;
					color: #F7941D;
					font-family: 'Source Sans Pro', sans serif;
					font-weight: 300;
					text-align: left;
					font-size: 24px;
					margin-top: 10px;
				}

				.cMain_sub_heading {
					background-image: url('img/bullet.png');
					background-repeat: no-repeat;
					vertical-align: baseline;
					padding-left: 20px;
					font-size: 20px;
					text-align: left;
					font-weight: 300;
					margin-top: 30px;

				}
				.cMain_content{
					margin-left: 10px;
					margin-top: 15px;
				}
				.cMain_content img{
					display: block;
					margin-left: auto;
					margin-right: auto;		
				}
		/*1-3. footer area CSS*/
		#cFooter{
			font-weight: 300;
			font-size: 15px;
			position: relative;
			padding-left: 33px;
			height: 60px;
			clear: left;
		}	
		
		/*2. index.html CSS*/
		.cMain_researchArea{
			width:340px;
		}

		.cMain_researchArea img {
			border-style: solid;
			border-color: #B8B8B8;
		    border-width: 1px;
		}
				
		#cMain_news {
			margin-left: auto;
			margin-right: auto;	
			margin-bottom: 20px;
			overflow: auto;
			width: 750px;
		}

		.newsAll {
			overflow: auto;
			padding-bottom: 5px;
			border-bottom: 1px solid silver;
		}
			.newsDateInfo {
				float: left;
				width: 50px;
				clear: left;
				padding-top: 10px;
			}
				.newsDate {
					font-size: 20px;
					font-weight: 700;
				}
				.newsMonth {
					font-size: 12px
				}

		.newsContent {
			float: left;
			width: 660px;
			padding-left: 20px;
			padding-top: 10px;
		}
		.newsContent_header{
			font-family:'Carrois Gothic SC', sans-serif;
			font-weight: 400;
			font-size: 18px;
		}
		
		/*3. projects.html CSS */ 
		/*CSS for thumbnails in projects page*/
		.projectGroup {
			margin: 0px;
		}
		
		.projectEach{
			margin-top: 5px;
			width: 185px;
			height: 140px;
			margin-bottom: -20px;
			position: relative;
			float: left;
		}

		.projectEach img,.cMain_project_paragraph_thumbnail img {
			border-style: solid;
			border-color: #B8B8B8;
		    border-width: 1px;
		}

		/*4. researchArea1~4.html CSS*/
		/*CSS for individual project paragraph for each research area*/
		.cMain_project_paragraph{
			clear:left;
			padding: 0px;
			margin: 0px;
			margin-top: 10px;
			margin-bottom: 30px;
			border-bottom: 1px solid #C0C0C0;
			overflow: hidden;
		}
			.cMain_project_paragraph_thumbnail{
				float:left;
				width: 180px;
				margin-right:10px;
				margin-top:4px;
			}
			.cMain_project_paragraph_content{
				float:left;
				width: 460px;
			}
				.cMain_project_paragraph_content_heading{
					font-size: 15px;
					font-weight: 700;
					margin-bottom: 5px;
				}
				.cMain_project_paragraph_keyword{
					margin-top:7px;
					font-size: 12px;
					font-weight:700;
					font-style: italic;
				}
			.cMain_project_paragraph_links{
				text-align:right;
				padding-right: 10px;
				font-size: 16px;
				clear: left;
			}

/* Carl added the following.*/

photo {
    border: 2px solid #000;
    padding: 5px;
}



/*Feedback box - remove it after getting feedbacks in soft releasing period*/
.white_content {
    display: none;
    position: absolute;
    top: 150%;
    left: 25%;
    width: 50%;
    height: 300%;
    padding: 16px;
    border: 3px solid #F7941D;
    background-color: white;
    z-index:1002;
    overflow: auto;
}