@charset "UTF-8";
/* CSS Document */

/* 
Copyright Po Lin Monastery
All rights reserved
Credits: Site created by pill and pillow
*/


/*==========Common Styles==========*/

*,html {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#333333;
} 

body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

form, ul, li, h1, h2, h3, p {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
}
a{
	color:#FF3300; /*orange*/
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

a img{
	border:0;
}

/*==========Text==========*/
p{
	color:#333333;
	font-size:14px;
	line-height:29px;
	padding-bottom:24px;
}

.year{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666F28;
	padding-top:5px;
}

.darkgrey{
	color:#333333;
	font-size:12px;
}
.olivegreen{
	color:#55633D;
}

.beige{
	color:#866449;
}

.orange{
	color:#BC7812;
}

.burgundy{
	color:#603314;
}

.turquoise{
	color:#51605F;
}

.darkbrown{
	color:#603314;
}

.navyblue{
	color:#2B2759;
}

.grass{
	color:#537275;
}

.greengrass{
	color:#567529;
}

.red{
	color:#821D21;
}
/*==========Banner Backgrounds==========*/
#bbg_home{
	width:100%;
	height:303px; /*263 + 40 is the height of the language bar*/
	background-color:#E8E3E1;
	position:absolute;
	z-index:1;
	left:0;
	background-image:url(../assets/bg_pattern_home.png);
	background-repeat:no-repeat;
	background-position:center;
}

#bbg_page{
	width:100%;
	height:242px; /*202 + 40 is the height of the language bar*/
	position:absolute;
	z-index:1;
	left:0;
	background-image:url(../assets/bg_pattern.png);
	background-repeat:no-repeat;
	background-position:center;
}

.bbg_abbot{
	background-color:#5E1111;
}

.bbg_architecture{
	background-color:#BF964E;
}

.bbg_landscape{
	background-color:#5A6424;
}

.bbg_publication{
	background-color:#866449;
}

.bbg_biography{
	background-color:#FEAB31;
}

.bbg_majorevents{
	background-color:#AC915E;
}

.bbg_history{
	background-color:#768A88;
}

.bbg_buddha{
	background-color:#B69443;
}

.bbg_qianlong{
	background-color:#141E74;
}

.bbg_tour{
	background-color:#94B7BB;
}

.bbg_education{
	background-color:#A3B8A2;
}

.bbg_social{
	background-color:#CFCA90;
}

.bbg_talks{
	background-color:#841E21;
}

.bbg_food{
	background-color:#5C7C2C;
}

.bbg_visitors{
	background-color:#DC9B5A;
}

.bbg_timetable{
	background-color:#8B8142;
}

.bbg_rituals{
	background-color:#8C6033;
}

.bbg_architecture{
	background-color:#BF964E;
}

#b_home{
	width:798px;
	height:263px;
	margin-top:40px;
	margin-left:200px;
	position:absolute;
	z-index:3;
	background:url(../assets/b_home.jpg) top left no-repeat;
}

#b_page{
	width:85px; /*762*/
	height:185px; /*202*/
	margin-top:40px;
	margin-left:200px;
	position:absolute;
	z-index:3;
	padding:17px 0 0 677px;
}

.b_abbot{
	background:url(../assets/b_abbot.jpg) top left no-repeat;
}

.b_architecture{
	background:url(../assets/b_architecture.jpg) top left no-repeat;
}

.b_landscape{
	background:url(../assets/b_landscape.jpg) top left no-repeat;
}

.b_publication{
	background:url(../assets/b_publication.jpg) top left no-repeat;
}

.b_biography{
	background:url(../assets/b_biography.jpg) top left no-repeat;
}

.b_majorevents{
	background:url(../assets/b_majorevents.jpg) top left no-repeat;
}

.b_history{
	background:url(../assets/b_history.jpg) top left no-repeat;
}

.b_buddha{
	background:url(../assets/b_buddha.jpg) top left no-repeat;
}

.b_qianlong{
	background:url(../assets/b_qianlong.jpg) top left no-repeat;
}

.b_tour{
	background:url(../assets/b_tour.jpg) top left no-repeat;
}

.b_education{
	background:url(../assets/b_education.jpg) top left no-repeat;
}

.b_social{
	background:url(../assets/b_social.jpg) top left no-repeat;
}

.b_talks{
	background:url(../assets/b_talks.jpg) top left no-repeat;
}

.b_food{
	background:url(../assets/b_food.jpg) top left no-repeat;
}

.b_visitors{
	background:url(../assets/b_visitors.jpg) top left no-repeat;
}

.b_timetable{
	background:url(../assets/b_timetable.jpg) top left no-repeat;
}

.b_rituals{
	background:url(../assets/b_rituals.jpg) top left no-repeat;
}

.b_architecture{
	background:url(../assets/b_architecture.jpg) top left no-repeat;
}
/*==========Backgrounds==========*/
#main_lang{
	width:100%;
	height:40px;
	background-color:#FFFFFF;
	z-index:2;
	position:absolute;
	left:0;
}

#main_menu{
	z-index:20;
	position:absolute;
}

#main{
	width:1000px;
	background-color:#FFFFFF;
	margin:0 auto;
	overflow:auto;
}

#main_home-banner{
	width:798px;
	height:263px;
	background-color:#E8E3E1;
}

#main_home_cnt_wrapper{
	padding:303px 0 0 200px;
	width:800px;
	clear:both;
}

#main_page_cnt_wrapper{
	padding:242px 0 0 200px;
	width:800px;
	clear:both;
	overflow:hidden; /*to remove empty space in firefox*/
}

#main_utility_menu_home{
	width:800px;
	height:76px;
	background-color:#FFFFFF;
	overflow:hidden;
}

#main_utility_menu{
	width:800px;
	height:76px;
	background-color:#FFFFFF;
}

#main_page_cnt{
	padding:0 62px 0 36px;
	width: 500px;
	float:left;
	overflow:hidden;
}

#main_home_cnt{
	padding:0 62px 0 36px;
	width: 700px;
	height:500px; /*fix the height of the wrapper - critial to remove the empty space at the bottom*/
	float:left;
	overflow:hidden;
}

/*==========Home: Features==========*/
#home_couplet{
	width:128px;
	height:339px;
	padding:0 40px 0 0;
	float:left;
	position:relative;
}

#home_feature_1{
	background:url(../assets/home_feature_bg1.png) top left no-repeat;
	width:253px; /*281*/
	height:354px; /*384*/
	/*margin:14px 0 0 510px;*/
	margin:0;
	padding:0;
	position:relative;
	left:330px;
	top:0px;
	padding:30px 0 0 28px;
	float:left;
	
}

#home_feature_2{
	background:url(../assets/home_feature_bg2.png) top left no-repeat;
	width:347px; /*373*/
	height:162px; /*190*/
	/*margin:82px 0 0 165px;*/
	position:relative;
	left:150px;
	top:-320px;
	padding:28px 0 0 26px;
	float:left;
	
}

#home_feature_3{
	background:url(../assets/home_feature_bg3.png) top left no-repeat;
	width:236px; /*257*/
	height:164px; /*176*/
	/*margin:82px 0 0 165px;*/
	position:relative;
	left:-140px;
	top:-130px;
	padding:12px 0 0 21px;
	float:left;
}

/*.feature{
	border:0;
}

img.feature:hover{
	border:1px solid #CEBFC6;
	margin:-1px 0 0 -1px;
}*/

/*==========Columns==========*/

#no_col{
	clear: both;
}

#col_set1_left{
	float: left;
	width: 200px;
	padding-right:30px;
}

#col_set1_right{
	float:left;
	width:270px;
	padding:0;
}

#col_set2_left{
	float:left;
	width:240px;
	padding-right:20px;
	margin-bottom:20px;
}

#col_set2_right{
	float:left;
	width:240px;
	margin-bottom:20px;
}

#col_set3_left{
	float:left;
	width:360px;
	margin-bottom:20px;
}

#col_set3_right{
	float:left;
	width:140px;
	margin-bottom:20px;
}

#col_set4_left{
	float:left;
	width:240px;
	margin-bottom:20px;
	padding-right:35px;
}

#col_set4_right{
	float:left;
	width:225px;
	margin-bottom:20px;
}

#col_set5{
	float:left;
	width:158px;
	padding-right:10px;
}

#col_set6{
	float:left;
	width:100px;
	padding-right:10px;
}

#col_set7{
	float:left;
	width:300px;
	padding-right:10px;
}

#col_set8{
	float:right;
	width:43px;
	padding-right:10px;
}

#col_set9{
	float:left;
	width:50px;
	padding-right:10px;
}


/*==========Images==========*/
#img_thumb_wrapper_olivegreen{
	background:url(../assets/icon_enlarge_green.gif) bottom left no-repeat;
	padding-bottom:24px;
	margin-bottom:10px;
}
#img_thumb_wrapper_beige{
	background:url(../assets/icon_enlarge_beige.gif) bottom left no-repeat;
	padding-bottom:24px;
	margin-bottom:10px;
}
#img_thumb_wrapper_orange{
	background:url(../assets/icon_enlarge_orange.gif) bottom left no-repeat;
	padding-bottom:24px;
	margin-bottom:10px;
}

#img_thumb_wrapper_turquoise{
	background:url(../assets/icon_enlarge_turquoise.gif) bottom left no-repeat;
	padding-bottom:24px;
	margin-bottom:10px;
}

#img_thumb_wrapper_gold{
	background:url(../assets/icon_enlarge_gold.gif) bottom left no-repeat;
	padding-bottom:24px;
	margin-bottom:10px;
}

#img_thumb_wrapper_navyblue{
	background:url(../assets/icon_enlarge_navyblue.gif) bottom left no-repeat;
	padding-bottom:24px;
	margin-bottom:10px;
}

#img_thumb{
	border:1px solid #CCCCCC;
	padding:3px;
}

/*==========Paragraph Quicknav==========*/
.quicknav{
	display:block;
	width:500px;
	padding:52px 0 40px 0;
	clear:both;
	overflow:hidden;
}

.quicknav_majorevents{
	display:block;
	width:500px;
	clear:both;
	overflow:hidden;
	border-top:1px solid #D3C1B3;
	padding:5px 0 0 0;
	margin-top:25px;
}

.quicknav_history{
	display:block;
	width:500px;
	clear:both;
	overflow:hidden;
	border-top:1px solid #C8D0CF;
	padding:5px 0 0 0;
	margin-top:25px;
}

.quicknav_qianlong{
	display:block;
	width:500px;
	clear:both;
	overflow:hidden;
	border-top:1px solid #9593AC;
	padding:5px 0 0 0;
	margin-top:52px;
}

#p_heading{
	font-size:25px;
	line-height:34px;
	padding:0;
	width:461px;
	float:left;
}

#p_heading_sub_buddha{
	font-size:18px;
	line-height:34px;
	padding:0;
	width:500px;
	float:left;
}

#p_heading_sub_qianlong{
	font-size:18px;
	line-height:34px;
	padding:0;
	width:300px;
	float:left;
}

#p_heading_year{
	font-size:18px;
	padding:0;
	float:left;
	width:110px;
	padding-top:35px;
}

#p_tour_note{
	background:url(../assets/icon_note.gif) top left no-repeat;
	padding:0 0 0 32px;
	color:#867539;
}

.p_subheading{
	font-size:18px;
	color:#764B0C;
	padding:6px 0 0 0;
}

#p_content{
	width:380px;
	padding:12px 10px 0 0;
	float:right;
}

#p_quicknav{
	width:39px;
	float:right;
}

#icon_up {
    display: block;
    width: 17px;
    height: 17px;
    background-image:url(../assets/icon_up.jpg);
    background-position: 0 0;
	float:right;
	margin-left:5px;
}

a#icon_up:hover {
    background-position:0px 0px;
}

#icon_down {
    display: block;
    width: 17px;
    height: 17px;
    background-image:url(../assets/icon_down.jpg);
    background-position: 0 0;
	float:right;
}

a#icon_down:hover {
    background-position:0px 0px;
}

/*==========Sidebar==========*/
#main_page_sidebar{
	width:186px;
	float:right;
	padding:0 0 60px 14px;
}

.sb_olivegreen{
	border-left:1px solid #B9C2A7;
}

.sb_beige{
	border-left:1px solid #C4CDB1;
}

.sb_gold{
	border-left:1px solid #E1D1AC;
}

.sb_navyblue{
	border-left:1px solid #CACEF7;
}

.sb_grass{
	border-left:1px solid #A3B8A2;
}

.sb_red{
	border-left:1px solid #E6D2D2;
}

.sb_qianlong{
	display:block;
	width:500px;
	clear:both;
	overflow:hidden;
	border-top:1px solid #9593AC;
	padding:5px 0 0 0;
	margin-top:5px;
}

.sb_talks{
	display:block;
	width:500px;
	clear:both;
	overflow:hidden;
	border-top:1px solid #D3BBB3;
	padding:5px 0 0 0;
	margin-top:5px;
}

.sb_visitors{
	display:block;
	width:250px;
	clear:both;
	float:centre;
	overflow:hidden;
	border-top:1px solid #DEB388;
}

#sb_item{
	width:182px;
	padding:8px 0 14px 0;
	background:url(../assets/sb_div.gif) bottom left no-repeat;
	color:#666666;
	font-size:13px;
	display:block;
	height:12px;
}

a#sb_item:hover{
	color:#E16100;
}

#sb_backtotop_outer {
	position: relative;
	width: 186px;
	float:right;
}

#sb_backtotop{
	width:186px;
	float:right;
	padding:30px 0 10px 14px;
	position:relative;
}

#btn_backtotop{
	display: block;
	width:13px;
	height:72px;
	background-image:url(../assets/btn_backtotop.gif);
	background-position:0 0;
	float:left;
}

a#btn_backtotop:hover{
	background-position:0 0;
}

#btn_moreinformation{
	display: block;
	width:72px;
	height:17px;
	background-image:url(../assets/btn_moreinformation.jpg);
	background-position:0 0;
	float:right;
}

a#btn_moreinformation:hover{
	background-position:0 0;
}

a#icon_downloadpdf_gold{
	display:block;
	background:url(../assets/icon_downloadpdf_gold.jpg) 5px 3px no-repeat;
	border-top:1px solid #D0C5AC;
	width:155px;
	color:#A58F63;
	font-size:13px;
	height:30px;
	padding:5px 0 0 55px;
}

a#icon_downloadpdf_gold:hover{
	color:#615438;
}

a#icon_downloadpdf_green{
	display:block;
	background:url(../assets/icon_downloadpdf_green.jpg) 5px 3px no-repeat;
	border-top:1px solid #D2DBDB;
	width:229px;
	color:#81A2A5;
	font-size:13px;
	height:30px;
	padding:5px 0 0 55px;
}

a#icon_downloadpdf_green:hover{
	color:#537275;
}	

a#icon_url{
	display:block;
	background:url(../assets/icon_url.jpg) 5px 3px no-repeat;
	border-top:1px solid #DEB388;
	width:264px;
	color:#DEB388;
	font-size:13px;
	height:30px;
	padding:5px 0 0 55px;
}

a#icon_url:hover{
	color:#A87139;
}	

#btn_more{
	display:block;
	width:89px;
	height:26px;
	background-image:url(../assets/btn_tour_moreinformation.jpg);
	background-position:0 0;
	overflow:hidden;
}

#icon_downloadpdf_red{
	display: block;
	width:43px;
	height:22px;
	background-image:url(../assets/icon_downloadpdf_red.jpg);
	background-position:0 0;
	float:left;
}

/*==========Tourmap==========*/
#main_tour_cnt{
	padding:0 12px 0 36px;
	width: 750px;
	float:left;
	overflow:hidden;
}

#main_tourDetails_cnt{
	margin:0 12px 0 36px;
	padding:15px 20px 20px 20px;
	width: 710px; /*750*/
	float:left;
	overflow:hidden;
	background-color:#F2EDE3;
}

#tour_image{
	width:106px;
	float:left;
	padding:20px 0 0 0;
}

#tour_description{
	padding:20px 50px 20px 0;
	width:552px;
	float:right;
}

#p_tour_heading{
	font-size:25px;
	line-height:34px;
	padding:0 0 30px 0;
	width:602px;
	float:left;
	color:#675E38;
}

#p_tour_subheading{
	font-size:20px;
	line-height:34px;
	padding:0 0 30px 0;
	width:602px;
	float:left;
	color:#675E38;
}

#img_tour_thumb{
	border:4px solid #C2AE72;
}

#img_thumb_wrapper_tour{
	background:url(../assets/icon_enlarge_tour.gif) bottom left no-repeat;
	padding-bottom:24px;
	margin-bottom:10px;
}

#col_tour_set1_left{
	float:left;
	width:172px;
	padding-right:28px;
	margin-bottom:20px;
}

#col_tour_set2_right{
	float:left;
	width:402px;
	margin-bottom:20px;
}

/*==========Table==========*/

#t_education{
	width:500px;
}

#t_education td#district{
	width:125px;
	height:45px;	
	border-right:1px solid #D2DBDB;
	border-top:1px solid #D2DBDB;
	border-bottom:1px solid #D2DBDB;
	padding:10px;
}

#t_education2{
	width:128px;
	height:43px;	
}

#t_education2 td#district2{
	width:128px;
	height:43px;	
	border:1px solid #D2DBDB;
	padding:10px;

}

#t_education td#space{
	width:125px;
	padding:2px;
}

.first{
	border-left:1px solid #D2DBDB;
}

#district_name{
	width:60px;
	float:left;
}

#district_numbers{
	width:40px;
	float:right;
	text-align:right;
	color:#537275;
}

#district_name2{
	width:50px;
	float:left;
}

#district_numbers2{
	width:50px;
	float:right;
	text-align:right;
	color:#537275;
}

.district_image {
    display: block;
	background-image:url(../assets/education_district.jpg);
	background-position:center;
}