/*
 * --------------------------------------------------------------------------------
 * Universal Style
 *
 */
*
{
	font-family: Arial Unicode MS, Arial, Verdana, Tahoma;
	color: #555;
}
body
{
	background-image: url(resource/BodyBg.png);
	font-size: 80%;
	margin: 0px;
}
div, img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
a img
{
	border: 0px;
}
blockquote
{
	background-color: #efefef;
	padding: 5px 15px;
	border: 1px dotted #e1e1e1;
}
/*a
{
	color: #a75a35;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}*/
img
{
	vertical-align: middle;
}
hr
{
	margin: 20px 0px;
	border: 1px solid #fff;
	border-top: 1px dotted #ccc;
	clear: both;
}

/*
 * --------------------------------------------------------------------------------
 * Global
 *
 */
.ClearFloat
{
	clear: both;
	height: 0px;
	font-size: 0px;
}

/*
 * --------------------------------------------------------------------------------
 * Main layout
 *
 */
div#BodyWrapper
{
	width: 980px;
	margin: 0px auto;
}
div#NavigatorWrapper
{
	float: left;
	width: 280px;
	margin-right: 20px;
}
div#ContentWrapper
{
	float: right;
	width: 680px;
	overflow: hidden;
}
div#Logo
{
	width: 280px;
	height: 180px;
	padding-top: 20px;
	text-align: center; 
}

/*
 * --------------------------------------------------------------------------------
 * Menu
 *
 */
div#Menu *
{
	text-align: center;
	font-weight: bold;
}
div#Menu
{
	padding: 0px;
}
div#Menu a
{
	text-decoration: none;
}
div#Menu a:hover
{
	text-decoration: underline;
}
div#Menu ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div#Menu li
{
	margin: 0px;
	padding: 0px;
}
div#Menu span
{
	cursor: pointer;
	display: block;
	margin: 0px;
	padding: 0px;
	color: #fff;
}
div#Menu span.Selected 
{
	text-decoration: underline;
}
div#Menu ul span, div#Menu ul span a
{
	font-family: Georgia;
}
div#Menu ul span
{
	font-weight: bold;
	font-size: 120%;
	padding: 10px 0px;
}
div#Menu ul span, div#Menu ul span a
{
	color: #fff;
}
div#Menu ul ul span
{
	font-family: Verdana;
	font-size: 105%;
	padding: 8px 0px;
}
div#Menu ul ul ul span, div#Menu ul ul ul span a
{
	font-size: 95%;
	font-style: italic;
	padding: 8px 0px;
	font-weight: bold;
	color: #ccc;
}
div#Menu ul ul span, div#Menu ul ul span a
{
	font-family: Verdana;
	color: #fddbca;
}
/*div#Menu ul
{
	background-color: orange;
}
div#Menu ul ul
{
	background-color: green;
}
div#Menu ul ul ul
{
	background-color: blue;
}*/
/*div#Menu ul li
{
	padding: 15px 0px;
}
div#Menu ul li span
{
	cursor: pointer;
	font-family: Georgia;
	font-size: 130%;
	color: #fff;
}
div#Menu ul ul li
{
	padding: 10px 0px;
}
div#Menu ul ul li span
{
	font-size: 110%;
	color: #ccc;
}
div#Menu ul ul ul li
{
	padding: 5px 0px;
}
div#Menu ul ul ul li span
{
	font-family: Verdana, Tahoma;
	font-size: 100%;
	color: #ccc;
}*/

/*
 * --------------------------------------------------------------------------------
 * WebTitle
 *
 */
div#WebTitle
{
	margin: 10px 0px 20px;
}
div#WebTitle h1
{
	font-size: 170%;
	text-align: right;
	color: #fff;
}
div#WebTitle h2
{
	font-size: 100%;
	text-align: right;
	color: #ccc;
	font-style: italic;
	font-weight: bold;
}

/*
 * --------------------------------------------------------------------------------
 * PageWrapper
 *
 */
div#PageWrapper
{
	background-color: #fff;
}

/*
 * --------------------------------------------------------------------------------
 * Banner
 *
 */
div#Banner
{
	height: 270px;
}
div#BannerBorder
{
	height: 60px;
	background-image: url(resource/BannerBorder.png);
	/*background-image: url(resource/BannerBorder_Brown.png);*/
	padding-top: 210px;
}
div#Banner h1, div#Banner h1 a
{
	color: #fff;
}
div#Banner h1
{
	font-size: 130%;
	margin: 0px 25px;
	font-family: Arial Unicode MS, Arial, Verdana, "Times New Roman", Georgia, Tahoma;
}

/*
 * --------------------------------------------------------------------------------
 * PageInner
 *
 */
div#PageInner
{
	padding: 0px 35px 25px;
	line-height: 2em;
}
div#PageInner h1, div#PageInner h2, div#PageInner h3
{
	margin: 30px 0px 20px;
}
div#PageInner h4, div#PageInner h5, div#PageInner h6, div#PageInner p
{
	margin: 15px 0px;
}
div#PageInner h1, div#PageInner h1 a, div#PageInner h2, div#PageInner h2 a
{
	font-family: "Times New Roman", Georgia, Verdana, Arial Unicode MS, Arial, Tahoma;
}
div#PageInner h1, div#PageInner h1 a
{
	color: #a75a35;
	text-decoration: none;
}
div#PageInner h1 a:hover
{
	text-decoration: underline;
}
div#PageInner h1
{
	font-size: 150%;
	padding-bottom: 5px;
	border-bottom: 1px solid #aaa;
}
div#PageInner h2
{
	font-size: 140%;
	color: #555;
}
div#PageInner h3
{
	font-family: Arial Unicode MS, Arial, Verdana, Tahoma;
	font-size: 100%;
}
div#PageInner h4, div#PageInner h5, div#PageInner h6 
{
	font-size: 100%;
}
div#PageInner p
{
	text-align: justify;
}
div#PageInner p img, div#PageInner h1 img, div#PageInner h2 img, div#PageInner h3 img, div#PageInner h4 img, div#PageInner h5 img, div#PageInner h6 img
{
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
	margin: 5px 10px;	
}
div#PageInner h2.Group
{
	margin: 40px 0px 25px;
	padding: 0px;
	border-bottom: 1px dotted #ccc;
}
div#PageInner p.NoItemFound
{
	padding: 50px;
	text-align: center;
	border: 1px dotted #999;
	background-color: #f9f9f9;
}
div#PageInner img.Gallery
{
	/*margin: 10px 8px;*/	
}
div#PageInner img.Border
{
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
}
div#PageInner p img.Right
{
	float:right;
	margin-left: 20px;
}
div#PageInner p img.Left
{
	float: left;
	margin-right: 20px;
}
div#PageInner div.ContentFooter div.Back, div#PageInner div.ContentFooter div.PageNavigator 
{
	float: left;
}
div#PageInner div.ContentFooter div.BackToTop
{
	float: right;
}
div#PageInner div.ContentFooter p
{
	margin: 0px;
}
div#PageInner div.ContentFooter p span.SelectedPage, div#PageInner div.ContentFooter p span.UnselectPage, div#PageInner div.ContentFooter p span.SkipPage
{
	margin: 0px 2px;
	padding: 0px 5px;
}
div#PageInner div.ContentFooter p span.SelectedPage, div#PageInner div.ContentFooter p span.UnselectPage
{
	border: 1px solid #ccc;
}
div#PageInner div.ContentFooter p span.UnselectPage
{
}
div#PageInner div.ContentFooter p span.UnselectPage a
{
	text-decoration: none;
}
div#PageInner div.ContentFooter p span.UnselectPage a:hover
{
	text-decoration: underline;
}
div#PageInner div.ContentFooter p span.SelectedPage
{
	background-color: #eee;
}
/*div#PageInner table
{
	border: 1px solid #c9c9c9;
}
div#PageInner table td
{
	padding: 5px;
	vertical-align: top;
	border: 1px solid #d1d1d1;
	background-color: #efefef;
}*/
div#PageInner table
{
	font-size: 100%;
}
div#PageInner table td
{
	vertical-align: top;
	font-size: 100%;
}
div#PageInner table td p
{
	margin: 0px;
}
div.Hr
{
	margin-top: 20px;
	border-top: 1px dotted #ccc;
	clear: both;
}
div.MessageBox *
{
	font-family: Verdana, Arial Unicode MS, Arial, Tahoma;
}
div#PageInner div.MessageBox p
{
	text-align: left;
}
div.MessageBox
{
	padding: 2px;
	margin: 50px auto;
	width: 400px;
	border: 1px solid #999;
}
div.MessageBox div.Icon
{
	padding: 30px 15px 30px 30px;
	width: 80px;
	float: left;
}
div.MessageBox div.Message
{
	float: left;
	width: 260px;
	padding: 20px 15px 30px 0px;
}
div#PageInner div.MessageBox h2
{
	margin: 0px 0px 10px;
	line-height: 1em;
	padding: 10px;
	background: url(resource/ThBg.png);
	color: #fff;
	font-family: Verdana, Tahoma;
	font-size: 100%;
}
div#PageInner div.MessageBox div.Message p
{
	text-align: left;
}

p#Footer
{
	text-align: center;
	font-size: 85%;
	color: #ccc;
}
p#Footer a
{
	font-style: italic;
	font-weight: bold;
	color: #eee;
}
p#Footer, p#Footer a
{
	font-family: Arial Unicode MS, Arial, Tahoma;
}
p#Footer img
{
	vertical-align: middle;
	margin-right: 10px;
}
div.Toolbar
{
	float: right;
	padding: 3px;
	margin: 10px 0px;
	border: 1px solid #ccc;
	line-height: 1em;
	background-color: #fff;
}
span.Toolbar
{
	padding: 3px;
	margin: 10px 0px;
	border: 1px solid #ccc;
	line-height: 1em;
	background-color: #fff;
}
div.Toolbar img, span.Toolbar img
{
	vertical-align: bottom;
}
div.Toolbar a
{
	margin: 1px;
}
/*
 * Calender & News
 */
table.calendar
{
	margin: 20px auto 80px;
	border: 1px solid #888;
}
table.calendar th
{
	/*background-color: #a76240;*/
	background: url(resource/Calendar_ThBg.png);
	border: 1px solid #888;
	color: #fff;
}
div#PageInner table.calendar th, div#PageInner table.calendar td
{
	padding: 15px;
	font-size: 150%;
	width: 40px;
	text-align: center;
}
div#PageInner table.calendar td
{
	background: url(resource/Calendar_TdBg.png);
	border: 1px solid #ccc;
	color: #999;
}
table.calendar caption.calendar-month
{
	font-size: 150%;
	font-weight: bold;
	padding: 20px;
}
span.calendar-next a, span.calendar-prev a
{
	text-decoration: none;
}
span.calendar-next a:hover, span.calendar-prev a:hover
{
	text-decoration: underline;
}
span.calendar-next a
{
	margin-left: 50px;
}
span.calendar-prev a
{
	margin-right: 50px;
}
/*
 * Table data
 */
table.Data *
{
	font-family: Verdana, Arial Unicode MS, Arial, Tahoma;
}	
table.Data
{
	margin: 10px auto;
	border: 1px solid #888;
}
table.Data th, table.Data td
{
	padding: 7px 10px;
	line-height: 1.5em;
}
table.Data th
{
	background: url(resource/ThBg.png);
	border: 1px solid #888;
	color: #fff;
}
table.Data tr.Row0 td
{
	background-image: url(resource/TdBg_Row0.png);
	border: 1px solid #ccc;
}
table.Data tr.Row1 td
{
	background-image: url(resource/TdBg_Row1.png);
	background-color: #efefef;
	border: 1px solid #ccc;
}
table.Data td.Toolbar
{
	vertical-align: middle;
	text-align: center;
}
table.Data td.Toolbar img
{
	vertical-align: middle;
}
table.Data td.Toolbar a
{
	margin: 0px 1px;
}
table.Data em, table.Data a em, table.Data em a
{
	color: #888;
}
div.MediaBox
{
	width: 500px;
	height: 130px;
	margin: 30px auto;
	background: url(resource/MediaBox.png) no-repeat;
}
div.MediaBox div.MediaIcon
{
	float: left;
	width: 80px;
	padding: 30px 0px; 
	text-align: center;
}
div.MediaBox div.MediaDetail
{
	float: right;
	width: 410px;
	height: 100px;
	padding: 15px 10px 15px 0px;
}
div#PageInner div.MediaBox div.MediaDetail h3
{
	line-height: 1.5em;
	font-size: 100%;
	margin: 5px 0px 10px;
}
div.ContentStat
{
	margin-top: 30px;
	font-family: Verdana, Arial Unicode MS, Arial, Tahoma;
	text-align: right;
	font-style: italic;
	font-size: 85%;
	color: #888;
	line-height: 1.8em;
}
div.Comment
{
	margin: 15px 50px;
	border: 1px dotted #ccc;
	background-color: #efefef;
	padding: 10px 30px 10px;
}
div.Comment div.Toolbar
{
	float: left;
	margin: 0px;
}
div.CommentStat
{
	text-align: right;
	font-style: italic;
	font-size: 85%;
	color: #888;
	line-height: 1.8em;
}
img.ThumbnailLarge
{
	width: 360px;
}
div.Thumbnail
{
	float: left;
	margin: 4px;
	width: 184px;
	height: 135px;
	text-align: center;
}
div.BalloonTip
{
	position: absolute; 
	visibility: hidden; 
	border: 1px solid #666; 
	background-color: white;
	width: 400px; 
	padding: 10px 20px;
	font-size: 60%;
	text-align: left;
}
div#PageInner div.BalloonTip h2, div#PageInner div.BalloonTip p
{
	margin: 10px 0px;
	text-align: left;
}
div#PageInner p.EventDate
{
	color: #888;
	font-style: italic;
	margin: 0px 0px;
}