/*
 * import reset stylesheet
 * to reset all elements's default style
 * just ignore it
 *
 */

@import url('reset.css');

/* done */



/* be careful editing below */

body {
	background: #b3d25d url('../img/background.jpg') center top no-repeat;
	font: 62.5%/1.3em 'Trebuchet MS', arial, sans-serif;
}

div#wrapper {
	margin: 40px 0 0 0;
}

a{
	color: #7ca029;
	}
div#container {
	width: 877px;
	height: 477px;
	background-color: white;
	margin: 0 auto;
	padding: 10px;
}

h1.title {
	font-size: 14px;
	margin: 5px 0 0 0;
	padding: 0;
}

h2.subtitle {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	color: #7ca029;
}

h3.subtitle {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	color: #636363;
}

h4.subtitle {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	color: #7ca029;
}

h5.subtitle {
	font-size: 12px;
	font-weight: bold;
	display:inline;
	padding: 0;
	color: #7ca029;
}


div#menu { 
	display: block;
	font-size: 12px;
}

div.cleaner { clear: both; }

div#leftcol {
	width: 433px;
	height: 435px;
	float: left;
	margin: 0 10px 0 0;
	z-index: 1;
	position: relative;
}

div#rightcol {
	width: 434px;
	height: 435px;
	float: right;
	margin: 10px 0 0 0;
	text-align: left;
}

div#cencol {
	width: 877px;
	height: 435px;
	float: right;
	margin: 10px 0 0 0;
	text-align: left;
}

div.content-s {
	color: #444;
	line-height: 150%;
	font-size: 11px;
	padding: 5px 15px 5px 0;
	height: 135px;
	overflow: auto;
	position: relative;
}

div.content-x {
	color: #444;
	line-height: 150%;
	font-size: 11px;
	padding: 5px 15px 5px 0;
	height: 220px;
	overflow: auto;
	position: relative;
}

div.content-w {
	color: #444;
	line-height: 150%;
	font-size: 11px;
	padding: 5px 15px 5px 0;
	height: 430px;
	overflow: auto;
	position: relative;
}

div.scrollbar {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 13px;
	height: 430px;
	background: white url('../img/scrollbg.png') center center repeat;
}

div#footer {
	width: 870px;
	padding: 0 10px;
	margin: 10px auto 0 auto;
	text-align: center;
	font-size: 11px;
}

ol.list {
	margin: 0 0 0 40px;
	padding: 0;
}

ol.list li {
	padding: 0;
	list-style:decimal;
	margin: 0;
	font-size: 12px;
}

ol.list ol {
	margin: 0;
}

ol.list ol li {
	margin: 0 0 0 20px;
	list-style: circle;
}

ol.list2 {
	margin: 0 0 0 40px;
	padding: 0;
}

ol.list2 li {
	padding: 0;
	/* list-style:decimal; */
	list-style: none;
	margin: 0;
	font-size: 12px;
}


ul.list {
	display: block;
	margin: 0 40px 0 40px;
	padding: 0;
	list-style: circle;
}


/* --------------------------------------------------- end exhibition -------------------------------------------------------*/
/* ---------------------------------------------------  detail ------------------------------------------------------------- */

div.detail {
	margin: 0 0 0 20px;
	padding-bottom: 20px;
	float: left;
	width: 530px;
	background: #D7E1A9;
}
	div.detail p {
		font-family: "Century Gothic";
		font-size: 12px;
		text-transform: capitalize; 
		color: #5f5d4b;
		text-align: justify;
		text-indent: 20px;
		padding: 0px 20px;
	}

h1.detail {
	font-family: "Century Gothic";
	text-transform: uppercase;
	text-align: center; 
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 16px;
	color: #7ca029;
	padding: 10px 0 0 10px;
}

/* ---------------------------------------------------  end detail ---------------------------------------------------------- */


div.fthumb {
	width: 40px;
	height: 40px;
	float: left;
	display: block;
	margin-right: 8px;
	background: #F0F0F0;
	margin-top: 7px;
}

div.fprofile {

	width: 434px;
	margin-top: 7px;
}

div.fleft {
	display: block;
	float: left;
	background: #999;
	width: 150px;
}

div.fright {
	display: block;
	float: left;
	background: #e9f0dd;
	width: 284px;
}

h1.ptitle {
	background-color: #a2d740;
	color: #487100;
	margin: 0;
	padding: 7px 10px;
	display: block;
	font-size: 16px;
}

h1.howto {
	background-color: #a2d740;
	color: #487100;
	margin: 7px 0;
	padding: 7px 10px;
	display: block;
	font-size: 16px;
}

table#tp {
	margin: 5px 10px;
	width: 100%;
	font-size: 11px;
}

table#tp tr td.tl {
	font-weight: bold;
	color: #333;
	padding: 5px 5px 0 0;
	text-align: left;
}

table#tp tr td.tr {
	color: #555;
	padding: 5px 5px 0 0;
	text-align: left;
	line-height: 150%;
}