a:link {color: #A63C87;text-decoration:none;}
a:visited {color: #A63C87;text-decoration:none;}
a:hover {color: #A63C87;text-decoration:none;}
a:active {color: #A63C87;text-decoration:none;}


.grey_line_p {background-image:url("../images/grey_line.jpg"); background-repeat:repeat-x; background-position:bottom;}

.content{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 10px;
	color: #A53C84;
	/*line-height: 22px;*/

}
.content2{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #838383;

}
.content3{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #2D9620;

}
.content4{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #666666;
}

.content4:link {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #C99C0D;
	text-decoration:underline;
}

.content4:visited {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #C99C0D;
	text-decoration:underline;
}


.content4:hover {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #C99C0D;
}

.content4:active {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #C99C0D;
}
.content5{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #ffffff;

}

.content_black{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #000000;
	/*line-height: 20px;*/
}

.content_green{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 15px;
	color: #246f18;
	line-height: 30px;
}
.content_p{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 15px;
	color: #a63c87;
	line-height: 30px;

}

.seachbox{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #a63c87;
	width: 100px;
	border: 1px solid #a63c87;

}
.seachlist{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #838383;
	width: 85px;
	list-style-type: none;
	filter: Gray;
	border: 1px solid #838383;

}

.input{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #838383;
	width: 50px;
	border: 1px solid #D2D2D2;

}

.inputbox{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #f40000;
	line-height: 20px;
	width: 380px;
	border: 1px solid #D2D2D2;

}
.inputbox2{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #f40000;
	width: 380px;
	border: 1px solid #D2D2D2;
	height: 105px;

}

.title {
	font-family: "Arial";
	font-size: 16px;
	color: #cc000f;

}
.title2 {
	font-family: "Arial";
	font-size: 15px;
	color: #000000;

}

.heading1 {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 15px;
	color: #333333;
	line-height: 22px;
	font-weight: bold;

}
.heading2 {
	font-family: Verdana,Times New Roman, Times, serif;
	font-size: 18px;
	color: #333333;
	line-height: 22px;
	font-weight: bold;
	text-decoration: underline;

}


.leftmenuitem {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
}



.leftmenuitem:link {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
}

.leftmenuitem:visited {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
}


.leftmenuitem:hover {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #21AEAD;
	font-weight:bold;
	text-decoration: none;
}

.leftmenuitem:active {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
}

.fooder{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 22px;

}

.fooder:link {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

.fooder:visited {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}


.fooder:hover {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

.fooder:active {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 00px;
	margin-bottom: 0px;
	background-color: #C6C7B5;
}
#Layer1 {
	position:absolute;
	top:0px;
	width:32px;
	height:50px;
	z-index:1;
	visibility: visible;
}
#Layer3 {
	position:absolute;
	z-index:2;
	width: 222px;
	visibility: visible;
}



/*
Common
*/



.align_left{text-align:left}
.align_right{text-align:right}
.align_center{text-align:center}
.align_top{vertical-align:top}
.align_bottom{vertical-align:bottom}
.align_middle{vertical-align:middle}
.black_border{border:1px solid black}
.float_left{float:left}
.float_right{float:right}
.float_none{float:none}
.clear_both{clear:both}
.noborder{border:none}
.bold{font-weight:bold}
.no_margin{margin:0}
.more{margin:5px}

/*
layout
*/

.MainWrapper{text-align:center;}
.container{margin:0 auto;width:878px; text-align:left; position:relative;}


.BtnStyle1{width:42px; height:20px;text-align:center;color:#fff;vertical-align:middle;padding:1px  8px 2px 8px;}
a.BtnStyle1{background:url(../images/btn_bg_off.jpg) no-repeat;}
a:hover.BtnStyle1{background:url(../images/btn_bg_on.jpg) no-repeat;color:#fff;}



/* Banner */
.BannerWrapper{margin:8px 0 0 0}



/* ListTable */
.ListTable{}
.ListTable .row_header{background:#A63C87;color:#fff;font-weight:bold; font-size:13px;}
.ListTable .row_content_1{background:#fff;}
.ListTable .row_content_2{background:#efefef}





/* Paging */
.PagingWrapper{}
.PagingWrapper .Paging{margin:10px 5px 2px 0;}
.PagingWrapper .Paging span{float:left;}
.PagingWrapper .Paging span a{display:block;padding:2px 5px; margin:2px}
.PagingWrapper .Paging span a.number{border:1px solid #dddddd;height:22px;width:20px;}
.PagingWrapper .Paging span a.number_on{border:1px solid #A63C87;height:22px;width:20px;}
.PagingWrapper .Paging span a:hover.number{background:#fbd0d7;border:1px solid #A63C87;}
.PagingWrapper .Paging span .prev,.Paging span .next,.Paging span .info{position:relative;top:5px;}





/* Menu */
.MenuWrapper{background:#525252;height:40px;}
.MenuWrapper .MenuList{list-style:none;position:relative; padding:0; margin:0;  top:10px;color:#fff;}
.MenuWrapper .MenuList li{display:inline;margin:0 4px;}
.MenuWrapper .MenuList a{color:#fff;}
.MenuWrapper .MenuList a:hover{color:#FFFF00;}
.MenuWrapper .MenuList a.current{color:#FFFF00;}



/* Content */
.ContentWrapper{}
.ContentWrapper .LeftColumn{width:183px;float:left;}
.ContentWrapper .CenterColumn{width:320px;float:left;margin-left: 18px;}
.ContentWrapper .RightColumn{width:337px;float:right;}
.ContentWrapper .SwapColumn{width:675px;float:right;}
.LeftColumn ,.CenterColumn ,.RightColumn, .SwapColumn{margin-top:10px;}



/* SwapColumn */
.SwapColumn .MainTitle{}
.SwapColumn .MainContent{padding:5px;}



/* Copyright */
.CopyrightWrapper{clear:both;float:none;}
.copyright{margin:0 0 10px 0;}
.copyright .site{width:190px;height:49px;float:left;}
.copyright .site span{position:relative;left:24px;top:20px;color:#AE293E;}
.copyright .txt_copyright{height:49px;position:relative;top:10px;font-size:11px;line-height:18px;word-spacing : 5px;}



/*
--------------------------------------------------Left
*/
.LeftColumn .login, .LeftColumn .assemble, .LeftColumn .icon{margin:0 0 10px 0;}


/* 
Login 
*/
.login .LoginBody{background:url(../images/login_03.jpg) bottom left no-repeat;border-left:1px solid #bbbbbb;border-right:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;height:113px}
.login .LoginBody .content{position:relative;left:20px;top:20px}
.login .LoginBody .textfield{width:100px;}
.login .LoginBody .txt_login{position:relative;left:36px}
.login .LoginBody .btn_login{position:relative;left:100px;top:5px;margin:0 0 40px 0;}



/* 
Submenu 
*/
.submenu .SubmenuBody{}
.submenu .SubmenuBody .content ul{margin:0; padding:0 ;list-style:none}
.submenu .SubmenuBody .content ul li{width:181px; height:27px;}
.submenu .SubmenuBody .content ul li a{width:181px; height:27px; background:url(../images/inside_07.jpg) no-repeat; display:block;text-align:right}
.submenu .SubmenuBody .content ul li a:hover{background:url(../images/inside_09.jpg) no-repeat;color:#fff}
.submenu .SubmenuBody .content ul li a span{position:relative;right:25px;top:6px;}
.submenu .SubmenuFooter{border-bottom:3px solid #A63C87;margin:10px 0;}

/*
--------------------------------------------------Right
*/
.BlogBody, .NewsBody ,.DiscourseBody{margin:0 0 10px 0;}
/* 
Bolg
*/
.blog .BlogBody{}
.blog .BlogBody .content{margin:5px}
.blog .BlogBody .textfield{width:100px;}


/* 
News
*/
.news .NewsBody{}
.news .NewsBody .content{margin:5px}
.news .NewsBody .content .date_news{float:left;width:75px;color:#97c003;margin:5px 0 0 0;}
.news .NewsBody .content .title_news{float:left;width:230px;margin:5px 0;}
.news .NewsBody .textfield{width:100px;}


/* 
Discourse
*/
.discourse .DiscourseBody{}
.discourse .DiscourseBody .content{margin:5px}
/*.discourse .DiscourseBody .content .date_discourse{float:left;width:75px;color:#AE293E; font-weight:bold;margin:5px 0 0 0;padding:0 0 0 15px;background:url(../images/index_37.jpg) no-repeat  0px 2px;}*/
.discourse .DiscourseBody .content .date_discourse{float:left;width:82px;color:#AE293E; font-weight:bold;margin:5px 0 0 0;padding:0 0 0 5px;}
.discourse .DiscourseBody .content .title_discourse{float:left;width:230px;margin:5px 0;}
.discourse .DiscourseBody .textfield{width:100px;}












/*
--------------------------------------------------Center
*/

/* 
video
*/

.video .VideoHeader{color:#AE293E;font-weight:bold; font-size:18px; border-bottom:3px solid #6B6B6B}
.video .VideoBody{}
.video .VideoBody .content{margin:10px 0;}
.video .VideoBody .textfield{width:100px;}


/* 
ablum
*/
.ablum .AblumHeader{color:#AE293E;font-weight:bold; font-size:18px; border-bottom:3px solid #6B6B6B}
.ablum .AblumBody{}
.ablum .AblumBody .content{margin:10px 0;}
.ablum .AblumBody .textfield{width:100px;}


/*
Article
*/
.Article .title{font-size:16px; color:#A63C87; font-weight:bold;margin:0 0 5px 0;}
.Article .date{font-size:11px;color:#333;}
.Article .info span{color:#A63C87;}
.Article .content{margin:10px 0;font-size:13px;}




/* 
MediaWrapper 
*/

.MediaWrapper{border:1px solid #B2B2B2; background:#F3F3F3;width:330px;padding:5px;}
.MediaWrapper .vie .video{margin:0 0 5px 0;}
.MediaWrapper .vie .audio{margin:0 0 5px 0;}
.MediaWrapper .vie .title{line-height:18px;margin:2px 0 5px 0;}
.MediaWrapper .thu a{background:#fff;border:1px solid ; width:50px;height:50px;overflow:hidden;margin:3px 6px;}
.MediaWrapper .thu a img{position:relative;center;left:-50%;}



/* 
Static Page 
*/

.staticPage{}
.staticPage .title{color:#A63C87;font-weight:bold; font-size:15px;clear:both;float:none}
.staticPage .content{margin:0 0 20px 0}
.staticPage .pic{margin:2px 5px;}

/*
List Style 1
*/
.listStyle1{margin-top:0;}

/*
Fellowship member style
*/
      #tabsD {
      float:left;
      width:100%;
      background:#FCF3F8;
      font-size:12px;
      line-height:normal;
	  border-bottom:1px solid #F4B7D6;
      }
    #tabsD ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
	font-size:12px;
      }
    #tabsD li {
      display:inline;
      margin:0;
      padding:0;
	  font-size:12px;
      }
    #tabsD a {
      float:left;
      background:url("../images/tableftD.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  font-size:12px;
      }
    #tabsD a span {
      float:left;
      display:block;
      background:url("../images/tabrightD.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#C7377D;
	  font-size:12px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsD a span {float:none;}
    /* End IE5-Mac hack */
    #tabsD a:hover span {
      color:#C7377D;
	  font-size:12px;
      }
    #tabsD a:hover {
      background-position:0% -42px;
      }
    #tabsD a:hover span {
      background-position:100% -42px;
      }
#tb_report{margin:10px 0;}
#tb_report td{height:25px;padding:2px}
#tb_report_headind{background:#aa2b16;color:FFFFFF}
#tb_report_content1{background:#f7dcd8;color:#666666;font-size:10px}
#tb_report_content2{background:#FFFFFF;color:#666666;font-size:10px}
#tb_invalid{
	font-size:10px;
	background-color:gray;
}
#change_page{text-align:left;clear:both} 
#change_page span{ margin:0 10px; font-size:10px;}
#tb_report_title{
	color:#aa2b16;
	font-size:16px;
	font-weight:bold;
}

/*for Activity Calendar*/
.calweekdayred{
	font-family:Arial, 新細明體;
	font-size:10px;
	color: #FF0000;
	background-color: #EEEEEE;
}
.calweekday{
	font-family:Arial, 新細明體;
	font-size:10px;
	color: #000000;
	background-color: #FFFFFF;

}
.calnormal{
	font-family:Arial, 新細明體;
	font-size:10px;
	color: #000000;
	background-color: #FFFFFF;

}

.calhighlight:link{
	font-family:Arial, 新細明體;
	font-size:10px;
	color: #000000;
	background-color: #DDDDDD;

}
.calhighlight:visited{
	font-family:Arial, 新細明體;
	font-size:10px;
	color: #000000;
	background-color: #DDDDDD;

}
.calhighlight:hover{
	font-family:Arial, 新細明體;
	font-size:10px;
	color: blue;
	background-color: #DDDDDD;
	text-decoration: underline;


}
.calhighlight:active{
	font-family:Arial, 新細明體;
	font-size:10px;
	color: #000000;
	background-color: #DDDDDD;

}


/* For drop down menu of fellowship */

.content_menu {
	font-family: "細明體", "Arial", "Helvetica";
	font-size: 13px;
	color:#523F2E;
	line-height: 20px;
	font-weight: bold;
	
}

.content_menu:active {
	font-family: "細明體", "Arial", "Helvetica";
	font-size: 13px;
	color:#523F2E;
	line-height: 20px;
	font-weight: bold;
	
}

.content_menu:hover{
	font-family: "細明體", "Arial", "Helvetica";
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color:white;
}

#popitmenu{
	position: absolute;
	background-color: white;
	/*border:1px solid black;*/
	font: normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	visibility: hidden;
}

#popitmenu a{
	text-decoration: none;
	padding-left: 6px;
	color: black;
	display: block;
}

#popitmenu a:hover{ /*hover background color*/
	background-color: #CCFF9D;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: transparent;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.text_crop {
    text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width: 150px;
}