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

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

/*==========Navigation==========*/
a .alt { display: none; }

#nav1 {
    display: block;
    width: 178px;
    height: 58px;
    background-image:url(../assets/nav1.png);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav1.on {
    background-position:356px 0px;
}

#nav2 {
    display: block;
    width: 178px;
    height: 58px;
    background-image:url(../assets/nav2.png);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav2.on {
    background-position:356px 0px;
}

#nav3 {
    display: block;
    width: 178px;
    height: 58px;
    background-image:url(../assets/nav3.png);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav3.on {
    background-position:356px 0px;
}

#nav4 {
    display: block;
    width: 178px;
    height: 58px;
    background-image:url(../assets/nav4.png);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav4.on {
    background-position:356px 0px;
}

#nav5 {
    display: block;
    width: 178px;
    height: 58px;
    background-image:url(../assets/nav5.png);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav5.on {
    background-position:356px 0px;
}

#nav6 {
    display: block;
    width: 178px;
    height: 58px;
    background-image:url(../assets/nav6.png);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav6.on {
    background-position:356px 0px;
}

#nav7 {
    display: block;
    width: 178px;
    height: 58px;
    background-image:url(../assets/nav7.png);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav7.on {
    background-position:356px 0px;
}

#nav8 {
    display: block;
    width: 178px;
    height: 58px;
    background-image:url(../assets/nav8.png);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav8.on {
    background-position:356px 0px;
}

#nav9 {
    display: block;
    width: 178px;
    height: 58px;
    background-image:url(../assets/nav9.png);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav9.on {
    background-position:356px 0px;
}

#nav10 {
    display: block;
    width: 178px;
    height: 58px;
    background-image:url(../assets/nav10.png);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav10.on {
    background-position:356px 0px;
}


/*==========Sub-navigation==========*/
#nav3_subnav1 {
    display: inline-block;
    width: 178px;
    height: 40px;
    background-image:url(../assets/nav3_subnav1.jpg);
    background-position: 0 0;
	overflow:hidden;
	
}

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

a#nav3_subnav1.on {
    background-position:356px 0px;
}

#nav3_subnav2 {
    display: inline-block;
    width: 178px;
    height: 40px;
    background-image:url(../assets/nav3_subnav2.jpg);
    background-position: 0 0;
	overflow:hidden;
	
}

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

a#nav3_subnav2.on {
    background-position:356px 0px;
}

#nav3_subnav3 {
    display: inline-block;
    width: 178px;
    height: 40px;
    background-image:url(../assets/nav3_subnav3.jpg);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav3_subnav3.on {
    background-position:356px 0px;
}

#nav4_subnav1 {
    display: inline-block;
    width: 178px;
    height: 40px;
    background-image:url(../assets/nav4_subnav1.jpg);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav4_subnav1.on {
    background-position:356px 0px;
}

#nav5_subnav1 {
    display: inline-block;
    width: 178px;
    height: 40px;
    background-image:url(../assets/nav5_subnav1.jpg);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav5_subnav1.on {
    background-position:356px 0px;
}

#nav5_subnav2 {
    display: inline-block;
    width: 178px;
    height: 40px;
    background-image:url(../assets/nav5_subnav2.jpg);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav5_subnav2.on {
    background-position:356px 0px;
}

#nav6_subnav1 {
    display: inline-block;
    width: 178px;
    height: 40px;
    background-image:url(../assets/nav6_subnav1.jpg);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav6_subnav1.on {
    background-position:356px 0px;
}

#nav6_subnav2 {
    display: inline-block;
    width: 178px;
    height: 40px;
    background-image:url(../assets/nav6_subnav2.jpg);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav6_subnav2.on {
    background-position:356px 0px;
}

#nav7_subnav1 {
    display: inline-block;
    width: 178px;
    height: 40px;
    background-image:url(../assets/nav7_subnav1.jpg);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav7_subnav1.on {
    background-position:356px 0px;
}

#nav7_subnav2 {
    display: inline-block;
    width: 178px;
    height: 40px;
    background-image:url(../assets/nav7_subnav2.jpg);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav7_subnav2.on {
    background-position:356px 0px;
}

#nav7_subnav3 {
    display: inline-block;
    width: 178px;
    height: 40px;
    background-image:url(../assets/nav7_subnav3.jpg);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav7_subnav3.on {
    background-position:356px 0px;
}

#nav8_subnav1 {
    display: inline-block;
    width: 178px;
    height: 40px;
    background-image:url(../assets/nav8_subnav1.jpg);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav8_subnav1.on {
    background-position:356px 0px;
}

#nav9_subnav1 {
    display: inline-block;
    width: 178px;
    height: 40px;
    background-image:url(../assets/nav9_subnav1.jpg);
    background-position: 0 0;
	overflow:hidden;
}

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

a#nav9_subnav1.on {
    background-position:356px 0px;
}

/*==========Utility Menu==========*/

#utilitymenu0 {
    display: inline-block;
    width: 119px;
    height: 46px;
    background-image:url(../assets/utilitymenu0.gif);
    background-position: 0 0;
	float:left;
}

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

a#utilitymenu0.on {
    background-position:0px 0px;
}

#utilitymenu1 {
    display: inline-block;
    width: 107px;
    height: 46px;
    background-image:url(../assets/utilitymenu1.gif);
    background-position: 0 0;
	float:left;
}

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

a#utilitymenu1.on {
    background-position:0px 0px;
}

#utilitymenu2 {
    display: inline-block;
    width: 119px;
    height: 46px;
    background-image:url(../assets/utilitymenu2.gif);
    background-position: 0 0;
	float:left;
}

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

a#utilitymenu2.on {
    background-position:0px 0px;
}

#utilitymenu3 {
    display: inline-block;
    width: 134px;
    height: 46px;
    background-image:url(../assets/utilitymenu3.gif);
    background-position: 0 0;
	float:left;
}

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

a#utilitymenu3.on {
    background-position:0px 0px;
}


#utilitymenu4 {
    display: inline-block;
    width: 80px;
    height: 46px;
    background-image:url(../assets/utilitymenu4.gif);
    background-position: 0 0;
	float:left;
}

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

a#utilitymenu4.on {
    background-position:0px 0px;
}


/*==========Utility Menu 3 - submenu ==========*/

#utilitymenu3_sub1 {
    display: inline-block;
    width: 160px;
    height: 38px;
    background-image:url(../assets/utilitymenu3_sub1.png);
    background-position: 0 0;
}

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

a#utilitymenu3_sub1.on {
    background-position:0px 0px;
}

#utilitymenu3_sub2 {
    display: inline-block;
    width: 160px;
    height: 38px;
    background-image:url(../assets/utilitymenu3_sub2.png);
    background-position: 0 0;
}

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

a#utilitymenu3_sub2.on {
    background-position:0px 0px;
}

#utilitymenu3_sub3 {
    display: inline-block;
    width: 160px;
    height: 38px;
    background-image:url(../assets/utilitymenu3_sub3.png);
    background-position: 0 0;
}

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

a#utilitymenu3_sub3.on {
    background-position:0px 0px;
}


/*==========Language Bar ==========*/

#lang_tch {
    display: block;
    width: 24px;
    height: 13px;
    background-image:url(../assets/lang_tch.gif);
    background-position: 0 0;
	float:right;
	margin-right:22px;	
	overflow:hidden;
}

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

a#lang_tch.on {
    background-position:24px 0px;
}


#lang_sch {
    display: block;
    width: 24px;
    height: 13px;
    background-image:url(../assets/lang_sch.gif);
    background-position: 0 0;
	float:right;
	margin-right:3%;
	overflow:hidden;
}

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

a#lang_sch.on {
    background-position:24px 0px;
}


#lang_eng {
    display: block;
    width: 35px;
    height: 13px;
    background-image:url(../assets/lang_eng.gif);
    background-position: 0 0;
	float:right;
	margin-right:22px;
	overflow:hidden;
}

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

a#lang_eng.on {
    background-position:35px 0px;
}

/*========== Tourmap - Route ==========*/

#route1 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route1.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route1.on {
    background-position:146px 0px;
}

#route2 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route2.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route2.on {
    background-position:146px 0px;
}

#route3 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route3.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route3.on {
    background-position:146px 0px;
}

#route4 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route4.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route4.on {
    background-position:146px 0px;
}

#route5 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route5.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route5.on {
    background-position:146px 0px;
}

#route6 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route6.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route6.on {
    background-position:146px 0px;
}

#route7 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route7.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route7.on {
    background-position:146px 0px;
}

#route8 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route8.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route8.on {
    background-position:146px 0px;
}

#route9 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route9.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route9.on {
    background-position:146px 0px;
}

#route10 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route10.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route10.on {
    background-position:146px 0px;
}

#route11 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route11.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route11.on {
    background-position:146px 0px;
}

#route12 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route12.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route12.on {
    background-position:146px 0px;
}

#route13 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route13.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route13.on {
    background-position:146px 0px;
}

#route14 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route14.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route14.on {
    background-position:146px 0px;
}

#route15 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route15.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route15.on {
    background-position:146px 0px;
}

#route16 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route16.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route16.on {
    background-position:146px 0px;
}

#route17 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route17.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route17.on {
    background-position:146px 0px;
}

#route18 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route18.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route18.on {
    background-position:146px 0px;
}

#route19 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route19.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route19.on {
    background-position:146px 0px;
}

#route20 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route20.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route20.on {
    background-position:146px 0px;
}

#route21 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route21.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route21.on {
    background-position:146px 0px;
}

#route22 {
    display: block;
    width: 146px;
    height: 26px;
    background-image:url(../assets/route22.gif);
    background-position: 0 0;
	float:left;
	margin-bottom:5px;
}

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

a#route22.on {
    background-position:146px 0px;
}

/*========== Gallery - Photo Album ==========*/

#subnav_album1 {
    display: block;
    width: 81px;
    height: 28px;
    background-image:url(../assets/subnav_album1.gif);
    background-position: 0 0;
	float:left;
	margin:0 8px 5px 0;
}

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

a#subnav_album1.on {
    background-position:81px 0px;
}

#subnav_album2 {
    display: block;
    width: 71px;
    height: 28px;
    background-image:url(../assets/subnav_album2.gif);
    background-position: 0 0;
	float:left;
	margin:0 8px 5px 0;
}

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

a#subnav_album2.on {
    background-position:71px 0px;
}

#subnav_album3 {
    display: block;
    width: 71px;
    height: 28px;
    background-image:url(../assets/subnav_album3.gif);
    background-position: 0 0;
	float:left;
	margin:0 8px 5px 0;
}

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

a#subnav_album3.on {
    background-position:71px 0px;
}

#subnav_album4 {
    display: block;
    width: 111px;
    height: 28px;
    background-image:url(../assets/subnav_album4.gif);
    background-position: 0 0;
	float:left;
	margin:0 8px 5px 0;
}

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

a#subnav_album4.on {
    background-position:111px 0px;
}

#subnav_album5 {
    display: block;
    width: 71px;
    height: 28px;
    background-image:url(../assets/subnav_album5.gif);
    background-position: 0 0;
	float:left;
	margin:0 8px 5px 0;
}

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

a#subnav_album5.on {
    background-position:71px 0px;
}

/*========== Gallery - prev/next buttons ==========*/

#prev_btn {
    display: block;
    width: 56px;
    height: 16px;
    background-image:url(../assets/prev_btn.gif);
    background-position: 0 0;
	float:left;
	margin:0 15px 20px 0;
}

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

#next_btn {
    display: block;
    width: 56px;
    height: 16px;
    background-image:url(../assets/next_btn.gif);
    background-position: 0 0;
	float:left;
	margin:0 300px 20px 0;
}

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