body{font-size:15px; font-family: "Arial", "Helvetica", "sans-serif";  margin:0px}

.selected a:link {color:#FFFFFF}
.selected a:visited {color:#FFFFFF}
.selected a:active {color:#FFFFFF}
.selected a:hover {color:#FFFFFF}

a.menuselected:link {color:#A4BE7D}
a.menuselected:visited {color:#A4BE7D}
a.menuselected:active {color:#A4BE7D}
a.menuselected:hover {color:#A4BE7D}

a.ICTmenu:link {color:#000000}
a.ICTmenu:visited {color:#000000}
a.ICTmenu:active {color:#A4BE7D}
a.ICTmenu:hover {color:#A4BE7D}


li a, p a {text-decoration:underline;}


#indexdiv a, a { text-decoration: none;
line-height:1.3; 
}

a.mainmenu:link {font-size:15px;font-family: "Arial", "Helvetica", "sans-serif";color:black;}
a.mainmenu:visited {font-size:15px;font-family: "Arial", "Helvetica", "sans-serif";color:black;}
a.mainmenu:active {font-size:15px;font-family: "Arial", "Helvetica", "sans-serif";color:#99A960;}
a.mainmenu:hover {font-size:15px;font-family: "Arial", "Helvetica", "sans-serif";color:#99A960;}

a:link {color:black}
a:visited {color:black}
a:active {color:white}
a:hover {color:white}

a.photo:link {text-decoration:underline;color:black}
a.photo:visited {text-decoration:underline;color:black}
a.photo:active {text-decoration:underline;color:white}
a.photo:hover {text-decoration:underline;color:white}

a.menu:link {color:black}
a.menu:visited {color:black}
a.menu:active {color:#99A960}
a.menu:hover {color:#99A960}

a.upmenu:link {color:#8ABF3B; font-weight: bold;}
a.upmenu:visited {color:#8ABF3B; font-weight: bold;}
a.upmenu:active {color:#99A960; font-weight: bold;}
a.upmenu:hover {color:#99A960; font-weight: bold;}

a.copyrightmenu:link {text-decoration:underline;color:black}
a.copyrightmenu:visited {text-decoration:underline;color:black}
a.copyrightmenu:active {text-decoration:underline;color:#99A960}
a.copyrightmenu:hover {text-decoration:underline;color:#99A960}

a.interest:link {color:#40620E}
a.interest:visited {color:#40620E}
a.interest:active {color:#99A960}
a.interest:hover {color:#99A960}

a.selected:link {color:#FFFFFF}
a.selected:visited {color:#FFFFFF}
a.selected:active {color:#FFFFFF}
a.selected:hover {color:#FFFFFF}

.jScrollPaneDrag {
	position: absolute;
	background-color: #7FC41C;
	cursor: pointer;
	overflow: hidden;
  margin-top: 3px;
  margin-bottom: -30px;
}
.textMenu{
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;

}   

}
.textMenu2{
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 30px;
	font-weight: normal;
	text-decoration: none;

}   

.smallfont{
  font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
  padding-left: 20px; 
  padding-right: 20px; 
}

.content{
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
}   

.caption{
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	text-align: justify;
	padding-top:7px;
	width:178px;
}   

.copyright{
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	padding-right:6px;
	padding-top:7px;
	
} 
.textcontent{
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	line-height: 25px;
	text-align: justify;
    text-justify:inter-ideograph;

} 

.header
{
    color: #40620E;
    font-size: 16px;
    font-weight: bold;
}


.header2
{
    color: #40620E;
    font-size: 38px;
    font-weight: bold;
}

.actheader
{
    color: #99A960;
    font-size: 16px;
    font-weight: bold;
}


#contentpersonaldiv{
	z-index: 8; 
	left: 15px;
	visibility: visible; 
	overflow: auto; 
    height:335px;
    width:450px;
	padding-right:25px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
    text-align: justify;
    line-height: 16px;

}


#contentpersonaldiv2{
	z-index: 8; 
	left: 15px;
	visibility: visible; 
	overflow: auto; 
    height:900px;
    width:80%;
	padding-right:25px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 32px;
	font-weight: normal;
	text-decoration: none;
    text-align: justify;
    line-height: 36px;

}

#indexdiv{
	z-index: 8; 
	left: 0px; 
	visibility: visible; 
	overflow: auto; 
    height:375px;
    width:150px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
    padding-right:5px;
    padding-left:8px;
    padding-top:5px;
}

#content2div{
	z-index: 8; 
	left: 15px; 
	visibility: visible; 
	overflow: auto; 
      height:375px;
      width:550px;
	padding-right:25px;
    padding-top:5px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
    text-align: justify;
    line-height: 16px;
}
#contentdiv{
	z-index: 8; 
	left: 15px; 
	visibility: visible; 
	overflow: auto;
      height:375px;
      width:375px;
	padding-right:25px;
	padding-left:15px;
    padding-top:5px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
    text-align: justify;
    line-height: 16px;
    text-justify:inter-ideograph;
}

#contentdiv2{
	z-index: 8; 
	left: 15px; 
	visibility: visible; 
	overflow: auto;
      height:375px;
      width:375px;
	padding-right:25px;
	padding-left:15px;
    padding-top:5px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
    text-align: center;
    line-height: 16px;
}
    
#contentblog2div{
	z-index: 8; 
	left: 15px; 
	visibility: visible; 
	overflow: auto; 
    height:375px;
    width:550px;
	padding-right:25px;
    padding-top:5px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
    text-align: justify;
    line-height: 16px;
    letter-spacing:3px;
    text-justify:inter-ideograph;
}

#contentblogdiv{
	z-index: 8; 
	left: 15px; 
	visibility: visible; 
	overflow: auto; 
	position: absolute; 
    height:375px;
    width:375px;
	padding-right:25px;
    padding-top:5px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
    text-align: justify;
    line-height: 16px;
    letter-spacing:3px;
    
}

#blogcommentheader{
	z-index: 8; 
	left: 15px; 
	width:250px;
	visibility: visible;  
	position: absolute; 
	overflow: auto;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
    text-align: justify;
    margin-top:5px;
    height:20px;
}

#blogcommentdiv{
	z-index: 8; 
	left: 15px; 
	visibility: visible; 
	overflow: auto; 
	position: absolute; 
    height:70px;
    width:442px;
	padding-right:25px;
	padding-left:5px;
    padding-top:5px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
    text-align: justify;
    line-height: 16px;
    background-color: #A6DF55;
}

#contenttraveldiv{
	z-index: 8; 
	left: 15px; 
	visibility: visible; 
	overflow: auto; 
    height :320px;
    width :500px;
	padding-right:25px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
    text-align: justify;
    line-height: 20px;
    text-justify:inter-ideograph;

}

#contentact2div{
	z-index: 8; 
	left: 15px; 
	visibility: visible; 
	text-align:justify;
	overflow: auto; 
      height:375px;
      width:550px;
	padding-right:25px;
    padding-top:5px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
    line-height: 16px;
}
#commentmenudiv{
	z-index: 8; 
	padding-right:25px;
    padding-top:10px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
    line-height: 16px;
    text-align: right;
}
#commentlargediv{
	z-index: 8; 
	left: 15px; 
	visibility: visible; 
	overflow: auto; 
	position: absolute; 
    height:300px;
    width:600px;
	padding-right:25px;
    padding-top:20px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
    text-align: justify;
    line-height: 16px;
    text-justify:inter-ideograph;
}
#contentlargediv{
	z-index: 8; 
	left: 15px; 
	visibility: visible; 
	overflow: auto; 
    height:380px;
    width:600px;
	padding-right:25px;
	padding-left:10px;
   	padding-top:0px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
    text-align: justify;
    line-height: 16px;
    text-justify:inter-ideograph;
}

#contentphotodiv{
	z-index: 8; 
	left: 15px; 
	visibility: visible; 
	overflow: auto; 
    height:330px;
    width:580px;
	padding-top:20px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
    text-align: justify;
    line-height: 16px;
    text-justify:inter-ideograph;
}

#kwaitsingdiv{
	z-index: 1; 
	left: 606px; 
	visibility: visible; 
	overflow: auto; 
	position: absolute; 
    width:375px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
    text-align: justify;
    line-height: 16px;
    top: 122px;
    color:#99A960;
    background-color: white;
    display:none;
    padding-top:10px;
}

.selected{
    color: #FFFFFF;
}

.red{
    color: red;
}

ul.singleline li { 
    padding-bottom: 2px;
    margin-left: 0px;
}

.photogallery{ /*CSS for TABLE containing a photo album*/
  font-family: "PMingLiU", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	text-align:justify;
  line-height:1.2;
  text-align:center;
}

.photogallery img{ /*CSS for images within an album*/
border: 1px solid green;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 14px Arial;
  line-height:25px;
}

.photonavlinks a{ /*CSS for each navigational link*/
  margin-right: 2px;
  margin-bottom: 3px;
  padding: 1px 5px;
  border:1px solid gray;
  text-decoration: none;
  background-color: white;

}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: #40620E;
color: white;
}