body{
	background-color: #FFFFFF;
	font-family: Noto Sans, Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:15px;
}

a {
 color:#CC3300;	
}
a:hover {
 color:#CC3300;
}

a:visited {
 color:#CC3300;
}

.temp2_title {
    font-family: Noto Sans, Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: 400;
    color: #444444;
}
    
.web_top{
	background-color: white;
	float: inline;
}

.footer{
	font-size:10px;
	color: #999999;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
}

.foot_issue{
	font-size:11px;
	color: #666666;
	text-decoration: none;
}

.mytitle{
	color: #027E48;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14pt;
	margin-bottom: 10px;
}

.mycontent{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	margin: 10px 0px 20px 0px;
}

.covertitle{
	font-family: Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:16px;
	font-weight: bold;
	color: white
}

.langlink{
	font-size:12px;
	font-weight: normal;
	text-decoration: none;
	color: white;
}

.sml{
	font-size:12px;
}

a.sml{
	font-size:10px;
}

img.sml{
	margin-left:4px;
	margin-right:3px;
}

.toplink{
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
	color: white;
}

.dot{
	margin-left:8px;
	margin-bottom:3px;
	margin-right:7px;
}



.rightarrow{
	margin-right:10px;
	text-align:right;
	border: 0px;
}

.headingorw{
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	padding-left:12px;
}

#featurebox{
	height: 208px;
	width: 320px;
	vertical-align:bottom;
	background-repeat: no-repeat;
}

#featuretxtbox{
	height: 66px;
	width: 320px;
	background-color: #000000;
	opacity:0.6;
	position: absolute;
	z-index:101;
	top:170px; 
	
}

#featuretxt{
	width: 320px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
}


#featuretxtbox2{
	width: 320px;
	height: 62px;
	position: absolute;
	z-index:103;
	top:170px; 
	
}

.featuretxts{
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
}



.gray_row{
	background: url('images/grayrowbg.png');
	background-repeat: x-repeat;
}
.gray_row2{
	background: url('images/grayrowbg2.jpg');
	background-repeat: x-repeat;
}

.seprow{
	height: 1px;
	background-color: white;
}

.menulist{
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #666666;
}


.menulist2{
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #3F3F3F;
	text-decoration: none;
}


.story_title{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #666666;
}

.content{
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
}

.tag{
	font-size:12px;
	color: #CC6600;
	background-color:#F3F3F3;
}

.all_black{
	background-image: -moz-linear-gradient(top, #000000, #474747);
	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #000000),	color-stop(1, #474747));
}



.search{
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight: bold;
	
}


.menu_link { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:16px; color:#FFFFFF; letter-spacing:1px;  text-decoration: none; !important;}
a.menu_link { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:16px; color:#FFFFFF;  letter-spacing:1px; text-decoration: none; !important;}
a.menu_link:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:16px; color:#FFFFFF; letter-spacing:1px; text-decoration: none; !important;}
a.menu_link:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; letter-spacing:1px; text-decoration: none; !important;}



.menu_linkb { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:16px; color:#FFFFFF;  letter-spacing:1px; text-decoration: none; !important;}
a.menu_linkb { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:16px; color:#FFFFFF; letter-spacing:1px; text-decoration: none; !important;}
a.menu_linkb:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:16px; color:#FFFFFF; letter-spacing:1px; text-decoration: none; !important;}
a.menu_linkb:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; letter-spacing:1px; text-decoration: none; !important;}


.menu_link2 { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:14px; color:#FDA672;  letter-spacing:1px; text-decoration: none; !important;}
a.menu_link2 { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:14px; color:#FDA672; letter-spacing:1px; text-decoration: none; !important;}
a.menu_link2:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:14px; color:#FDA672; letter-spacing:1px; text-decoration: none; !important;}
a.menu_link2:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:14px; color:#FDA672; letter-spacing:1px; text-decoration: none; !important;}

.menu_link2s { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:12px; color:#666666;   text-decoration: none; !important;}
a.menu_link2s { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:12px; color:#666666;  text-decoration: none; !important;}
a.menu_link2s:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:12px; color:#666666; text-decoration: none; !important;}
a.menu_link2s:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;  text-decoration: none; !important;}


.e_link { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:16px; color:#333333;   text-decoration: none; !important;}
a.e_link { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:16px; color:#333333;  text-decoration: none; !important;}
a.e_link:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:16px; color:#333333; text-decoration: none; !important;}
a.e_link:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:16px; color:#333333;  text-decoration: none; !important;}

.sub_menu { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:18px; color:#FF5F00;   text-decoration: none; !important;}
a.sub_menu { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:18px; color:#FF5F00;  text-decoration: none; !important;}
a.sub_menu:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:18px; color:#FF5F00; text-decoration: none; !important;}
a.sub_menu:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:18px; color:#FF5F00;  text-decoration: none; !important;}

.sub_link { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:16px; color:#FFFFFF;   text-decoration: none; !important;}
a.sub_link { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:16px; color:#FFFFFF;  text-decoration: none; !important;}
a.sub_link:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:16px; color:#FFFFFF; text-decoration: none; !important;}
a.sub_link:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF;  text-decoration: none; !important;}

.sub_link2 { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:16px; color:#FFFFFF;   text-decoration: none; !important;}
a.sub_link2 { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:16px; color:#FFFFFF;  text-decoration: none; !important;}
a.sub_link2:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:16px; color:#FFFFFF; text-decoration: none; !important;}
a.sub_link2:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF;  text-decoration: none; !important;}

.org { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:15px; color:#FF6000;   text-decoration: none; !important;}
a.org { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:15px; color:#FF6000;  text-decoration: none; !important;}
a.org:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:15px; color:#FF6000; text-decoration: none; !important;}
a.org:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:15px; color:#FF6000;  text-decoration: none; !important;}

.brown_link { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:15px; color:#870A0A;   text-decoration: none; !important;}
a.brown_link { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:15px; color:#870A0A;  text-decoration: none; !important;}
a.brown_link:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:15px; color:#870A0A; text-decoration: none; !important;}
a.brown_link:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:15px; color:#870A0A;  text-decoration: none; !important;}

.footer { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:12px; color:#FFFFFF;   text-decoration: none; !important;}
a.footer { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:12px; color:#FFFFFF;  text-decoration: underline; !important;}
a.footer:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:12px; color:#FFFFFF; text-decoration: none; !important;}
a.footer:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;  text-decoration: none; !important;}
.footer2 { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:14px; color:#FFFFFF; font-weight:600;  text-decoration: none; !important;}

.home2 { font-family: Noto Sans, Arial, Helvetica, sans-serif;  font-size:26px; color:#FF5F00;  text-decoration: none; !important;}
.home3 { font-family: Noto Sans, Arial, Helvetica, sans-serif;  font-size:26px; color:#666666;  text-decoration: none; !important;}
.news_text { font-family: Noto Sans, Arial, Helvetica, sans-serif;  font-size:16px; color:#333333;  text-decoration: none; !important;}
.home_date { font-family: Noto Sans, Arial, Helvetica, sans-serif;  font-size:24px; color:#FFFFFF;  text-decoration: none; !important;}
.p_link { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:16px; color:#FFFFFF;   text-decoration: none; !important;}
.index_link { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:20px; line-height:20px; color:#333333;   text-decoration: none; !important;}
.title { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:28px; color:#FF5F00;   text-decoration: none; !important;}
.pg_title { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:28px; color:#FF5F00;   text-decoration: none; !important;}
.brown { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:28px; color:#503930;   text-decoration: none; !important;}
.temp2_white { font-family: Noto Sans, Arial, Helvetica, sans-serif;  font-size:15px; font-weight:400; color:#FFFFFF; mtext-decoration: none; !important;}
.temp2_brown { font-family: Noto Sans, Arial, Helvetica, sans-serif;  font-size:15px; font-weight:400; color:#503930; mtext-decoration: none; !important;}
.event_menu_head { font-family: Noto Sans, Arial, Helvetica, sans-serif;   font-size:28px; color:#897F7A;   text-decoration: none; !important;}
.white_title { font-family: Noto Sans, Arial, Helvetica, sans-serif;  font-size:21px;  color:#FFFFFF; mtext-decoration: none; !important;}

.event_sml {
    font-family: Noto Sans, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #444444;
}

.content { font-family: Noto Sans, Arial, Helvetica, sans-serif;  font-size:15px; font-weight:400; color:#333333; mtext-decoration: none; !important;}
.event_cat { font-family: Noto Sans, Arial, Helvetica, sans-serif;  font-size:15px; font-weight:400; font-style:italic; color:#858585; mtext-decoration: none; !important;}
.scroll_title { font-family: Noto Sans, Arial, Helvetica, sans-serif;  font-size:18px; font-weight:600; color:#FFFFFF; mtext-decoration: none; !important;}


.Filed {

	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	text-decoration: none;
	border: 0px solid #CCCCCC;
	background: #CCCCCC;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


.h_mon {
    font-family: Noto Sans, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: none;
}

.temp3_box, .temp4_boxb {
    width: 48%;
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
    float:left;
    margin-bottom: 10px;	
}

.temp4_box {
    width: 31%;
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
    float:left;
    margin-bottom: 10px;	
}

.only_one {
    width: 98%;
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
   
    margin-bottom: 10px;	
}


.home_box {
float: left;	
  width: 48%;
}

.hidden_box {
	display:none;
}


a.b_link { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:16px; color:#333; text-decoration: none; !important;}
a.b_link:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:16px; color:#333;  text-decoration: none; !important;}
a.b_link:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:16px; color:#333;  text-decoration: none; !important;}


a.h_link { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:16px; color:#CC3300; text-decoration: none; !important;}
a.h_link:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:16px; color:#CC3300;  text-decoration: none; !important;}
a.h_link:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:16px; color:#CC3300;  text-decoration: none; !important;}

a.h_linkb { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:20px; color:#CC3300; font-weight:600; text-decoration: none; !important;}
a.h_linkb:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:20px; color:#CC3300; font-weight:600; text-decoration: none; !important;}
a.h_linkb:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:20px; color:#CC3300;  font-weight:600; text-decoration: none; !important;}

a.h_linkc { font-family:  Noto Sans, Arial, Helvetica, sans-serif;   font-size:15px; color:#333; font-weight:700; text-decoration: none; !important;}
a.h_linkc:visited { font-family: Noto Sans, Arial, Helvetica, sans-serif;    font-size:15px; color:#333; font-weight:700; text-decoration: none; !important;}
a.h_linkc:hover { font-family:  Noto Sans, Arial, Helvetica, sans-serif; font-size:15px; color:#333;  font-weight:700; text-decoration: none; !important;}



@media only screen and (max-width: 650px) {
  	
  	.temp4_box {
	    width: 48%;
   		
	}

	.temp4_boxb {
	    width: 100%;
	   
	}
}

@media only screen and (max-width: 550px) {
  
	.temp3_box, .temp4_box {
	    width: 100%;
	   
	}
}

@media only screen and (max-width: 570px) {
.home_box {
	
  float: none;
}
}

@media only screen and (max-width: 450px) {
  
	.home_box {
	
	  width: 100%;
	}
}



/* program
========================================================
*/

.odd {
   /* text-align:right;*/
     padding-right:10px;
}
.odd_txt {
    text-align:right;
     padding-right:12%;
}

.even {
    text-align:left;
}
.even_txt {
    text-align:left;
    padding-left:10%;
}

.program_box {
	width:50%;
	/*min-height: 187px;*/
}

.event_box {
	width:50%;
}


@media only screen and (max-width: 620px) {
 	.program_box {
	
	
	}
}

@media only screen and (max-width: 450px) {
  
	.program_box, .event_box {
	  text-align:center;
	  width: 100%;
	}
	
	.odd {
	      padding-right:0px;
	}
	
	
	.odd_txt, .even_txt {
	     text-align:center;
	     padding-right:0%;
	}

}

.pg_name {
    font-family: Oswald, Arial, Helvetica, sans-serif;
    font-size: 21px;
}



/* feature
========================================================
*/
.feature_title { font-family: Noto Sans, Arial, Helvetica, sans-serif;  font-size:14px;  color:#FFFFFF; mtext-decoration: none; !important;}


#footer_copy {
	
	  float: left;
	 
}


#temp_div_ph_right {
	  float: right;
	 padding-left: 10px; 
}
	
@media only screen and (max-width: 540px) {
  
	#temp_div_ph_right {
	  float: left;
	  width: 100%;
	  padding-left: 0px; 
	}
}

@media only screen and (max-width: 440px) {
  
	#temp_div_text {
	  clear: both;
	}
}

@media only screen and (max-width: 400px) {
  
	#footer_copy {
	  text-align: right;	
	  float: none;
	}
}