/* CSS Document */
body { margin:0px auto; background-image:url(../images/text-shadow.jpg); background-repeat:repeat-x; background-position:top;}

div, table, th, td, a:link, a:visited, a:hover, a:active, input, textarea, select { font-size:13px; COLOR: #757575; line-height: 20px; font-family:Arial, sans-serif;}
table, th, td { vertical-align:top; font-size:13px; COLOR: #757575; line-height: 20px;}
/*a:link, a:visited, a:active { text-decoration:underline; color:#FF0000;}*/
a:link, a:visited, a:active { text-decoration:none;}
a:hover { text-decoration:underline;}
form { margin:0px;}

textarea { height:80px;}
.Btn { background-color:#e4701a; color:#ffffff; font-size:13px; border:1px solid #CCCCCC; cursor:pointer;}
.Field_BG { background:url("../images/text-shadow.jpg"); background-repeat:repeat-x; background-color:#FFFFFF; border:1px solid #C8C8C8; padding:6px; padding:6px 6px 0px 6px\9; height:11px; height:16px\9;}
.Field_20 { width:20px;}
.Field_40 { width:40px;}
.Field_60 { width:60px;}
.Field_80 { width:80px;}
.Field_100 { width:100px;}
.Field_150 { width:150px;}
.Field_170 { width:170px;}
.Field_200 { width:200px;}
.Field_250 { width:250px;}
.Field_400 { width:400px;}
.Field_600 { width:600px;}
.Field_Full { width:100%; font-size:24px;}
.Field_15 { width:100%; font-size:15px;}
.Star { color:#FF018F; padding-left:5px;}
.EXMark, .Warning { color:#FF0000; font-size:15px;}

.OddOn th, .OddOn td { background-color:#FFFFFF;}
.OddOff th, .OddOff td { background-color:#D3D3D3;}
.EvenOn th, .EvenOn td { background-color:#DDEEFF;}
.EvenOff th, .EvenOff td{ background-color:#DDDDDD;}
.RowOver th, .RowOver td { background-color:#FCD108;}
.RecordOver th, .RecordOver td { background-color:#FCD108;}

.inputContainer { background-image:url(../images/Field01.png); padding:1px; width:162px; height:27px;}
.inputContainer input, .inputContainer textarea { background-color:initial; margin:2px; padding:0px 5px; padding:4px 6px 4px 6px\9; border:0px; display:block; width:148px; height:24px; height:16px\9;}

#WebSite_OutSize { margin:0px auto; max-width:1000px; min-width:290px; padding:5px;}
/*#WebSite_OutSize div { overflow:hidden;}*/
.FullWidth { width:1000px;}

#MainTable_OutSize { max-width:1000px; background-image:url(images/BG.jpg); overflow:hidden;}
#MainTable_InSize { margin:15px 15px; background:rgba(255,255,255,0.5); background-color:#FFFFFF\9;}
#MainTable { max-width:1000px;/* height:725px;*/ position:relative;}
/*#MainTable table th { font-size:14px;}*/
#ShowMenu_InSize { overflow:hidden; padding:5px; margin:0 auto; width:620px;}

.MyInfoMenu_OutSize { float:left; margin-left:26px;/* margin-top:15px;*/ position:absolute;}
.MyInfoMenu_Header { padding-top:36px;}

/*ShowTop*/
#ShowTop_OutSize {}
#ShowTop_InSize {}

	/*Top_Menu*/
	/*#ShowTop_Menu img { display:none;}*/
	#ShowTop_Menu { border-bottom:3px solid #01009A; overflow:hidden;}
	#ShowTop_Menu div { float:left; }
	/*#ShowTop_Menu { width:100%; background-color:#CFCFCF;}
	#ShowTop_Menu td { text-align:center;}
	#ShowTop_Menu a:link, #ShowTop_Menu a:visited, #ShowTop_Menu a:active { float:left; color:#000000; font-size:14px; letter-spacing:2px; text-align:center; text-decoration:none; width:152px; height:38px;}
	#ShowTop_Menu a:hover { float:left; color:#000000; font-size:14px; letter-spacing:2px; text-align:center; text-decoration:none; width:152px; height:38px;}
	
	#ShowTop_Menu a.MenuOn:link, #ShowTop_Menu a.MenuOn:visited, #ShowTop_Menu a.MenuOn:active {}
	#ShowTop_Menu a.MenuOn:hover {}
	
	#ShowTop_Menu a.MenuOn2:link, #ShowTop_Menu a.MenuOn2:visited, #ShowTop_Menu a.MenuOn2:active {}
	#ShowTop_Menu a.MenuOn2:hover {}
	
	#ShowTop_Menu a.MenuOff:link, #ShowTop_Menu a.MenuOff:visited, #ShowTop_Menu a.MenuOff:active {}
	#ShowTop_Menu a.MenuOff:hover {}*/
	/*Top_Menu*/
/*ShowTop*/

/*ShowLeft*/
#ShowLeft_OutSize { width:241px; float:left;}
#ShowLeft_InSize { width:241px;}
	/*Cat1_Menu*/
	#ShowLeft_Menu th { color:#ff018f; font-weight:bold; font-size:13px; text-align:center; padding:13px 3px 2px 3px;}
	#ShowLeft_Menu td { padding:3px 2px 0px 2px;}
	#ShowLeft_Menu td a:link, #ShowLeft_Menu td a:visited, #ShowLeft_Menu td a:active { color:#3e3e3e; font-size:12px;}
	#ShowLeft_Menu td a:hover { color:#3e3e3e; font-size:12px;}
	/*Cat1_Menu*/
/*ShowLeft*/

/*ShowBottom*/
#ShowBottom_OutSize {}
#ShowBottom_InSize {}
#ShowBottom_InSize div { font-size:14px; padding:15px; overflow:hidden;}
#ShowBottom_InSize div div { padding:10px 0px 0px 0px;}
#ShowBottom_InSize div div.FirstRow { padding:0px;}
#ShowBottom_InSize div div div { float:left; padding:0px 15px 0px 0px;}
#ShowBottom_InSize #CopyRight { text-align:right; padding:10px 15px; background-color:#3675FF; color:#FFFFFF; font-size:12px;}
#ShowBottom_InSize a:link, #ShowBottom_InSize a:visited, #ShowBottom_InSize a:active { color:#000000; text-decoration:none; font-size:14px;}
#ShowBottom_InSize a:hover { color:#000000; text-decoration:none; font-size:14px;}
/*ShowBottom*/

.InfoTable, .InfoTableFull, .ListTable { padding:5px; text-align:left;}
.InfoTable th, .InfoTableFull th, .InfoTable td, .InfoTableFull td { padding:2px 2px 0px 0px;}
.InfoTable th, .InfoTable td { padding:3px 5px 3px 6px; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.InfoTable th { width:120px; white-space:nowrap; background-color:#DDEEFF; color:#333333; border-left:1px solid #CCCCCC;}
.InfoTable th.Title { font-size:14px; padding-left:3px; background-color:#abbeef;}
.InfoTable .FirstRow th, .InfoTable .FirstRow td { border-top:1px solid #CCCCCC;}
.InfoTable td.Remarks{ color:#c62822; line-height:14px;}
.InfoTableFull th { padding-top:10px; font-weight:normal}
.InfoTableFull th.Title { padding-top:5px;}
.InfoTable th.ClearPadTop, .InfoTableFull th.ClearPadTop, .InfoTable td.ClearPadTop { padding-top:0px;}

.ListTable th { background-color:#3675FF; color:#FFFFFF; white-space:nowrap; font-weight:normal;}
.ListTable th a:link, .ListTable th a:visited, .ListTable th a:active { color:#FFFFFF;}
.ListTable th a:hover { color:#FCD108; text-decoration:none;}
.ListTable th.Title { font-size:16px; font-weight:bold; border-bottom:1px solid #FFFFFF;}
.ListTable table { border:2px solid #3675FF; width:100%; background-color:#FFFFFF;}
.ListTable table th, .ListTable table td { padding:5px;/* border-left:2px solid #3675FF;*/ border-top:2px solid #3675FF;}
.ListTable table th.FirstCol, .ListTable table td.FirstCol { border-left:0px;}
.ListTable table th .Star { color:#FFFFFF;}
.ListTable tr.FirstRow th, .ListTable tr.FirstRow td  { border-top:0px;}
/*.ListTable table a:link, .ListTable table a:visited, .ListTable table a:active { color:#000000;}
.ListTable table a:hover { color:#000000;}*/

.ListTable .InfoTable, .ListTable .ListTable { padding:0px; border:1px solid #8080FF;}
.ListTable .InfoTable th { width:120px; white-space:nowrap; background-color:#FFFFFF;}

.ListTable .Btn_Row th, .ListTable .Btn_Row td { text-align:center;}

.XList { margin:5px; text-align:left; border:1px solid #8080FF;}
.XList .ListTable { padding:0px;}
.XList .ListTable table {}
.XList td { white-space:nowrap;}
.XList .inputContainer { width:262px;}
/*Form Table*/

.Message { color:#E80C94; font-size:15px; padding:25px 25px 10px 25px; text-align:center; line-height:30px;}
.Message a.MsgLink:link, .Message a.MsgLink:visited, .Message a.MsgLink:active { font-size:14px;color:#01009A;}
.Message a.MsgLink:hover { font-size:14px;color:#01009A;}

.MainTitle_InSize { width:100%;}
.MainTitle { width:100%; padding:5px;}
.MainTitle td { white-space:nowrap; font-size:14px; font-weight:bold; color:#FFFFFF; background-color:#3675FF; padding:5px;}
.MainTitle a:link, .MainTitle a:visited, .MainTitle  a:hover, .MainTitle a:active { font-size:14px; text-decoration:none; font-weight:bold; color:#FFFFFF;}

/*MyInfo_Table*/
.MyInfoMenuOff { color:#FFFFFF; text-align:center; padding:5px 5px 14px 15px; padding:8px 5px 11px 15px\9; font-size:14px; font-weight:bold; width:100px; height:9px; background:url(images/InfoBG-Off-S.png); float:left; margin:2px;}
.MyInfoMenuOn { color:#FCD108; text-align:center; cursor:pointer; padding:5px 5px 14px 15px; padding:8px 5px 11px 15px\9; font-size:14px; font-weight:bold; width:100px; height:9px; background:url(images/InfoBG-On-S.png); float:left; margin:2px;}
.MyInfoMenuOn2 { color:#FCD108; text-align:center; padding:5px 5px 14px 15px; padding:8px 5px 11px 15px\9; font-size:14px; font-weight:bold; width:100px; height:9px; background:url(images/InfoBG-On-S.png); float:left; margin:2px;}

.MyInfo_Table {}
.MyInfo_Table td.MyInfoTitle{font-size:18px; font-weight:bold; padding:0px 0px 10px 0px;}
.MyInfo_Table td.MyInfoSubTitle{font-size:14px; font-weight:bold; padding:20px 0px 0px 0px;}

.MyInfo_Table a:link, .MyInfo_Table a:visited, .MyInfo_Table a:active { color:#CC0033;}
.MyInfo_Table a:hover { color:#CC0033;}
/*MyInfo_Table*/

/*ChangePage_Table*/
.ChangePage_Table { border-spacing:5px 0px;}
.ChangePage_Table th { padding-top:4px} 
.ChangePage_Table td { padding:2px 4px; border-radius:3px;}
.ChangePage_Table td { background-color:#EC7C79; color:#FFFFFF;}
.ChangePage_Table td.OnPage { background-color:#D5231F; color:#FFFFFF; font-weight:bold;}
.ChangePage_Table td.SearchBox { padding:0px;}
.ChangePage_Table a:link, .ChangePage_Table a:visited, .ChangePage_Table a:active { color:#FFFFFF; text-decoration:none;}
.ChangePage_Table a:hover { color:#FFFFFF; text-decoration:none;}
/*ChangePage_Table*/

.News_OS, .NewsD_OS { overflow:hidden;}
.News_OS { border-bottom:1px solid #CCC; padding:5px 0px;}
.News_Title { font-size:15px; float:left;}
.News_Date { float:right;}
.Photo div { float:left; width:150px; height:200px; padding-right:11px; overflow:hidden;}
.Photo img { border:1px solid #CCC; padding:5px;}

.Donate_Off, .Friendship_Off, .Volunteer_Off, .Download_Off { display:none;}