/* 	The main page structure*/
 body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #000000;
	margin-top: 20px;
	}
	#wrapper {
	width: 750px;
	margin: 0 auto;
	}
	#contentTable, #footerTable {
	width: 750px;
	}
	
	 
/*  The Top nav bar section*/	
	#topNav {
	text-align: right;
	background-color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	padding: 5px 20px 5px 0;
	letter-spacing: 2px;
	}
	#topNav a:link {
	color: #000000; 
	text-decoration: none;
	}
	#topNav a:visited {
	color: #000000;
	text-decoration: none;
	}
	#topNav a:hover, a:active, a:focus {
	color: #CC0000;
	text-decoration: none;
	font-weight: normal;
	}
	#mainNav {
	background-color: #000000;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	}
	#mainNav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}	
	#mainNav a:hover, a:active, a:focus {
	color: #FFFFFF;
	text-decoration: none;
	}
/*The content Copy section*/
	h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	}	
	#title {
	font-size: 18px;
	color: #ffffff;
	padding: 0 0 0 0;
	}
	#leftBar {
	background-color: #EEEEEE;
	padding: 10px 0px 10px 10px;
	}
	.namedes {
	font-size: 11px;
	color: #333;
	padding: 5px;
	}
	#content1 {
	background-color: #EEEEEE;
	padding: 20px;
	font-size: 0.75em;
	vertical-align: top;
	background-image: url(asset/contentBg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	vertical-align: top;
	}
	#content1 a{
	color: #333333;
	text-decoration: underline;
	}
	#content1 a:hover{
	color: #CC0000;
	}
	#contentData {
	background-color: #EEEEEE;
	font-size: 0.75em;
	vertical-align: top;
	padding-top: 10px;
	}
	#contentDes {
	font-size: 0.75em;
	vertical-align: top;
	background-color: #eeeeee;
	padding: 0px 10px 0px 10px;
	}
	#contentThumb {
	background-color: #EEEEEE;
	font-size: 0.75em;
	vertical-align: top;
	padding: 10px;
	}
	#contentThumb a:hover, a:active, a:focus {

	}	
	#content2 {
	background-color: #e5e3dc;
	font-size: 0.75em;
	vertical-align: top;
	padding: 7px;
	}
	#content2 img{
	border: solid #000000 1px;
	margin: 15px 0 10px 0;
	}
/*The project page, the data sheet*/	
	.project {
	border-bottom: 3px dotted #ccc;
	}
	.thumb100 {
	border : solid #000000 5px;
	float: left;
}
	.projectTitle {
	padding-left : 20px;
	font-weight: bold;
	} 
	.projectDes {
	padding-left: 20px;
	}
	.data {
	font-size: 10px;
	padding-left: 20px;
	}

	.projectName {
	font-weight: bold;
	}
	.projectTitle2 {
	color: 333333;
	font-weight: bold;
	}
	.click {
	font-size : 10px;
	text-align: bottom;
	}
	.goback {
	font-size: 10px;
	text-align: center;
	}
	.goback a:link,a:visited {
	color: #000000;
	text-decoration: none;
	}
	.goback a:hover {
	color: #CC2027;
	}
	/*Footer Table Section*/	
	#footer1 {
	width: 154px;
	background-color: #801418;
	}
	#footer2 {
	background-color: #A61B1F;
	text-align: center;
	padding: 15px 0 15px 0;
	font-size: 10px;
	color: #FFFFFF;
	}
	
	#footer3 {
	width: 154 px;
	background-color: #000000
	}
	
	/*Collapsible Text*/
	#mainExpand {
 	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;	
	font-weight: bold;
	}
	
	.mainExpand a:hover {
	color: #CC0000;
	text-decoration: none
	}
	
	/* CSS Document */