/* CSS Document */

body {
	background:url(images/bg-whole.jpg) #e7e3ca repeat-x top;
	text-align:center;
	margin:0px;
	color:#1d260a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}


#container {
	width:978px;
	margin:auto;
	background:url(images/bg-cont.jpg) repeat-y top;
	
}

img {
	border:none;
}

#header {
	position:relative;
	width:978px;
	height:240px;
	background:url(images/header.jpg) no-repeat top;
}

#flashhh {
	position:absolute;
	width:601px;
	height:240px;
	right:29px;
}

#links {
	width:978px;
	height:50px;
	background:url(images/links.jpg) no-repeat top;
}

#body {
	width:978px;
	min-height:500px;
	background:url(images/bg-body.jpg) no-repeat top;
	padding-top:20px;
}

#whole-content {
	width:855px;
	min-height:200px;
	margin-left:70px;
	text-align:left;
}


#left-content {
	width:580px;
	min-height:200px;
	margin-left:70px;
	text-align:left;
}

#right-content {
	float:right;
	width:260px;
	min-height:300px;
	margin-right:50px;
	margin-top:-31px;
	text-align:right;
	background:url(images/shadow.png) no-repeat top left;
	padding-top:40px;
}

#right-div {
	width:90%;
	float:right;
	text-align:left;
	color:#1d260a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
}

#footer {
	width:978px;
	height:77px;
	background:url(images/footer.jpg) no-repeat top;
	margin:auto;
	margin-bottom:0px;
	text-align:left;
}

#footer-in {
	float:right;
	width:500px;
	border-right:1px solid white;
	height:40px;
	z-index:500;
	margin-right:200px;
	margin-top:25px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	padding-right:8px;
}


/* =========== title ========== */


h2 {
	color:#1d260a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	
}

h3 {
	color:#1d260a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-bottom:-5px;
	
}

.small {
	color:#CC3300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:justify;
}

.border {
	border:1px solid #CCCCCC;
}

ul {
	color:#1d260a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;

	text-align:justify;
}

li {
	margin-bottom:12px;
}

p {
	color:#1d260a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
}

#title-cont {
	width:100%;
	height:69px;
	background:url(images/title-cont.jpg) repeat-x;
}

#title1 {
	width:493px;
	height:69px;
	background:url(images/title1.jpg) no-repeat left top;
	text-align:left;
	
}

#title2 {
	float:right;
	width:80px;
	height:69px;
	background:url(images/title2.jpg) no-repeat top;
	margin
}

#title {
	color:#1d260a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	padding-top:40px;
	padding-left:60px;
}

h1 {
	color:#1d260a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
}

#proj {
	float:left; 
	width:250px; 
	border:1px solid #CCCCCC; 
	margin-right:10px;
	text-align:center;
	padding:5px;
	color:#1d260a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
}

#proj2 {
	width:250px; 
	border:1px solid #CCCCCC; 
	margin:auto;
	text-align:center;
	padding:5px;
	color:#1d260a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
}


.boxxx a {
	width:80px;
	padding:5px;
	background-color:#ff9000;
	text-align:center;
	color:#fff;
	text-decoration:none;
	
}

.boxxx a:hover {
	background-color:#00caff;
	width:80px;
	padding:5px;
	text-align:center;
	color:#fff;
	text-decoration:none;
}