body {
	font:12px Arial, Helvetica, sans-serif;
	background:#d3ea94 url(../img/bgmain.jpg) 0 0 repeat-x;
}
#wrap {
	width:982px;
	padding:15px 0;
	margin:0 auto;
}
.left {
	float:left;
}
.right {
	float:right;
}
h1, h2, h3 {
	font-family:"Times New Roman", Times, serif;
}
h1 {
	font-size:24px;
	color:#006068;
}
h2 {
	font-size:30px;
	color:#574716;
	padding:10px 0;
	background:transparent url('../img/bgthead.gif') left bottom repeat-x;
}
h3 {
	font-size:14px;
}
hr.dotterd {
	font-size:1px;
	height:0px;
	line-height:0.1;
	margin:15px auto;
	border-top:1px dotted #ccc;
}
/*
.clear {
	height:1px;
	font-size:1px;
	line-height:0.1;
	clear:both;
}*/
.clear {
	font-size:1px;
	line-height:0%;
	clear:both;
	display:block;
	float:none;
	height:0%;
	overflow:hidden;
}
/*************************************************************************************
header style
*************************************************************************************/

#header {
	height:87px;
	color:#1b4e1a;
	background:transparent url('../img/bgheader.gif') 0 0 no-repeat;
	padding:0 36px 0 18px;
}
#header ul {
	position:relative;
	right:-17px;
	float:right;
	clear:both;
}
#header li {
	padding:0 15px;
	border-right:1px solid #1b4e1a;
	float:left;
	display:inlilne;
}
#header li.noborder {
	border:0;
}
#login {
	padding:0 5px 0 0;
	position:relative;
	right:0;
	top:45px;
	width:400px;
	clear:both;
	float:right;
}
#login li {
	padding:0 5px;
	border:0;
}
#login input.text {
	width:100px;
	height:14px;
}
#logo{
	width:400px;
	height:107px;
	background:transparent url(../img/logo.png) 0 0 no-repeat !important;
    background:transparent url(../img/logo.gif) 0 0 no-repeat;
	margin:0 auto;
	position:absolute;
	top:10px !important;
	top:9px;
	z-index:0;
	cursor:pointer !important;
	text-decoration:none;
}
.toplink li a { color:#1B4E1A; text-decoration:none; }
.toplink li a:visited { color:#1B4E1A; text-decoration:none; }
.toplink li a:hover { color:#1B4E1A; text-decoration:udnerline; }

#main {
	width:952px;
	background:white;
/*	padding:40px 15px;*/
	padding:25px 15px;
}
li.active {
	color:#e95d0f;
}
/*************************************************************************************
leftnav style
*************************************************************************************/

#leftnav {
	width:147px;
	min-height:700px!important;
	background:#c8dadb url('../img/bgleftnav.jpg') bottom left no-repeat;
	padding:20px 15px;
}
* html {
	height:700px;
}
#leftnav ul.top {
	font:14px "Times New Roman", Times, serif;
	font-weight:bold;
}
#leftnav ul.bottom {
	font-size:12px;
	color:#555;
	margin:60px 0 0 0;
	float:left;
}
#leftnav ul.bottom li {
	border:0;
}
#leftnav .submenu li {
	list-style-image:url('../img/dot_leftnav.gif');
	margin-left:-8px;
}
#leftnav p {
	height:50px;
	border-top:3px solid white;
	border-bottom:3px solid white;
}
#leftnav li {
	border-bottom:1px dotted white;
}
#leftnav li.noborder {
	border:0;
}
#leftnav li a {
	color:#1b4e1a;
	padding:8px 5px;
	display:block;
	text-decoration:none;
}
#leftnav li a:hover {
	background-color:#e3eded;
}
#leftnav ul.top ul {
	margin:0 0 10px 30px;
	border:0;
}
#leftnav ul.top ul li a {
	font:11px Arial, Helvetica, sans-serif;
	padding:3px 10px;
	height:15px;
	border:0;
}
#leftnav ul.top ul li {
	border:0;
}
/*************************************************************************************
content style
*************************************************************************************/
#content {
	width:757px;
/*	margin:-15px 0 0 0;*/
	margin:0px 0 0 0;
}
#content #left {
	width:572px;
	padding:10px 0 0 0;
}
#content #right {
	width:185px;
}
#content #right img {
	float:right;
	padding:10px 0 0 0;
}
#index_title {font:18px "Times New Roman", Times, serif;}
#col-1, #col-2 {
	width:235px;
	padding:10px 25px 25px 25px;
}
#col-1 a, #col-2 a, #col-1 a:visited, #col-2 a:visited {
	color:#1B4E1A;	
	text-decoration:none;
}
#col-1 a:hover, #col-2 a:hover {
	color:#0061a5;
	text-decoration:underline;
}

#col-3 td a { color:#1B4E1A; }
#col-3 td a:hover { text-decoration:none; }

#col-1 {
	background:transparent url(../img/bgcol1.jpg) right bottom no-repeat;
}
#col-2 {
	background:transparent url(../img/bgcol2.jpg) left bottom no-repeat;
	border-left:1px dotted #333;
}
/*	#col-3 style frame for all middle text  */
#col-3 {
	width:80%;
	padding:0 5%;
}
#col-3 p {
	margin:0;
	padding:0 0 0 5px;
}
#col-3 table {
	width:100%;
	margin:10px 0 0 0;
}
#col-3 thead {
	font:16px "Times New Roman", Times, serif;
	font-weight:bold;
	color:#1b4e1a;
}
#col-3 td.header {
	padding:0;
	background:transparent url('../img/bgthead.gif') left top repeat-x;
}
#col-3 td {
	padding:8px;
}
#col-3 td.title {
	width:75%;
}
#col-3 td.title2 {
	width:60%;
}
#col-3 td.category {
	width:25%;
}
#col-3 td.date {
	width:15%;
}
#col-3 td.photo_title { width:62%; vertical-align:top; }
#col-3 td a { color:#1B4E1A; text-decoration:udnerline; }
#col-3 td a:visited { color:#1B4E1A; text-decoration:udnerline; }
#col-3 td a:hover { color:#1B4E1A; text-decoration:none; }
#col-3 td div.thumb_border { width:120px; height:120px; border:1px solid #E3EDED; padding:5px;  }
#col-3 td span.list_thumb { display:block; width:120px; height:120px;  }
#col-3 td span.list_thumb a { display:block; }
#col-3 td span.list_thumb img { visibility:hidden;  width:120px; height:120px;  }
#col-3 td.society {
	width:50%;
}
#col-3 td.single {
	background:#dad8c8;
}
#col-3 a { color:#1B4E1A; text-decoration:udnerline; }
#col-3 a:visited { color:#1B4E1A; text-decoration:udnerline; }
#col-3 a:hover { color:#1B4E1A; text-decoration:none; }
#col-3 .subtitle {font-weight:bold; margin:20px 10px 10px 5px;}
#col-3 .subtitle2 {font-weight:bold; margin:10px 10px 10px 0; font-size:16px; color:#669933;}
#col-3 .center{text-align:center;}
#col-3 .tright{text-align:right;}
#col-3 .right{float:right; width:200px;}
#col-3 .left{float:left; width:390px; padding:0 10px 0 0; vertical-align:top;}
#col-3 .border{border:1px solid #dcdcdc; padding:5px;}
#col-3 .imgline{border:1px solid #dcdcdc; padding:5px;}
#col-3 .imgcaption{font:12px Arial; color:#606060; padding-top:11px; padding-bottom:10px;}
#col-3 .imgline img{width:185px;}
#col-3 .imgline_center{border:1px solid #dcdcdc; padding:5px; text-align:center; margin:10px 0 10px 0;}
#col-3 .imgline_center img{margin-right:15px;}
#col-3 #sublink {
	float:left;
	margin:10px 0 10px 0;
	font-size:12px;
	width:100%;
}
#col-3 #sublink a, #sublink a:visited{
	margin-left:10px;
	text-decoration:underline;
	color:#333333;
}
#col-3 #sublink a:hover{
	text-decoration:underline;
	color:#648c63;
}
#col-3 #sublink_right {
	margin:10px 0 10px 0;
	font-size:12px;
	text-align:right;
}
#col-3 #sublink_right a, #sublink_right a:visited{
	margin-left:10px;
	text-decoration:underline;
	color:#333333;
}
#col-3 #sublink_right a:hover{
	text-decoration:underline;
	color:#648c63;
}
#content #col-3 p:first-line {
	font-weight:normal;
}
#content p:first-line {
	font-weight:bold;
}
#content p {
	padding:8px 0 8px 0;
}
#content p.bold {
	font-weight:bold;
}
#content h3 {
	margin-top:15px;
	margin-bottom:10px;
}
#content ul.photo_list{
	padding:20px 0;
	}
#content ul.photo_list li{
	float:left;
	margin:0 10px 20px 0;
	padding:0;
	}
#content ul.photo_list li.thumb_border { width:120px; border:1px solid #E3EDED; padding:5px;}
#content ul.photo_list li.thumb_border .photo_caption{padding-top:10px;}
#content ul.photo_list li span.list_thumb { display:block; width:120px; height:120px;}
#content ul.photo_list li span.list_thumb a { display:block; }
#content ul.photo_list li span.list_thumb img { visibility:hidden;  width:120px; height:120px;}	
div#gallery_info { clear: both; background:#DAD8C8; padding:10px; margin:15px 0;  }
p#photo_detail{ margin: 15px 0; border:1px solid #DAD8C8;  padding:10px; }
#photo_detail_control {width:600px; margin-bottom:15px; padding-bottom:15px;}
#photo_detail_control .pnl { width:50px; float:left; margin-right:10px;}
#photo_detail_control .pnr { width:50px; float:right; margin-left:10px; text-align:right;}
#photo_detail_control .photo_detail_info { width:480px; float:left; text-align:center;}

label.arrow{
	padding:0 0 0 20px;
	background:transparent url(../img/arrow.gif) 0 1px no-repeat;
	}
.arrow{
	float:left;
	width:600px;
	margin-top:10px;
	padding:0 0 0 20px;
	background:transparent url(../img/arrow.gif) 0 1px no-repeat;
	}
div.paging { margin-bottom:25px; border-top:3px solid #DAD8C8; padding-top:5px; }
div.paging a { padding: 2px 5px; color:#1B4E1A;border:1px solid #E3EDED; }
div.paging a:hover { border:1px solid #1B4E1A; }
div.paging a.active { padding: 2px 5px; color:#fff; background:#AAAAAA; }
div.paging a.pn { border:none; }
div.paging a.pn:hover { border:none; text-decoration:none; }
/*************************************************************************************
footer style
*************************************************************************************/
#footer p {
	color:#666;
	padding:15px 0;
	text-align:right;
}
/*************************************************************************************
inner page banner
*************************************************************************************/
.banner_inner{
	width:757px;
	height:145px;
}
.tableframe{
	width:500px;
	padding-bottom:25px;
	margin-top:10px;
}
.tableframe td{width:250px; vertical-align:top;}
.tableframe .title{
	font-weight:bold; margin:10px 10px 10px 0; font-size:16px; color:#669933; border-bottom:1px solid #ccc;
}
.history_year{
	font-size:16px;
	font-weight:bold;
	color:#efefef;
	background-color:#9ab689;
}
/*************************************************************************************
Event style
*************************************************************************************/
#event_category{
	margin-top:15px;
}
#category_id{
	width:200px;
}
.category_title{
	float:left;
	font-weight:bold;
	line-height:20px;
	margin-right:10px;
}
#event_details {margin-left:10px;}
#event_details .topic{font-size:14px; font-weight:bold; color:#669933; margin:15px 0 15px 0;}
#event_details .eventdate{font-size:12px; color:#606060;}
#event_details .left{float:left; width:380px; padding:0 10px 0 0; vertical-align:top;}
#event_details .imgline_center{border:1px solid #dcdcdc; padding:5px; text-align:center; margin:10px 0 10px 0;}

#calendar .subtitle{font-family:"Times New Roman", Times, serif; font-size:14px; margin:10px; 0 10px 0;}
/*************************************************************************************
Achievement style
*************************************************************************************/
.award_title {
	font-size:14px;
	font-weight:bold;
}
/*************************************************************************************
Sitemap style
*************************************************************************************/
.sitemap {width:630px;}
.sitemap ul{float:left; width:200px; margin:10px 10px 0 0; padding:10px; border:1px solid #dcdcdc;}
.sitemap li{padding:0 10px 10px 10px; margin-left:20px; list-style-image:url(../img/dot_leftnav.gif);}
/*************************************************************************************
Admission style
*************************************************************************************/
.line{border-bottom:1px solid #dcdcdc; padding:10px 0 15px 0;}
.admission_table{width:500px; background-color:#dcdcdc;}
.admission_table td{padding:5px; border:1px solid #fff;}

.align_top{vertical-align:top;}