ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a{
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

html, body {
	
	
}

body{
	width:999px;
	margin:auto;
	font-family: "Times New Roman",Georgia,Serif;
	font-size:14px;
}

#wrapper {
	background: url(/images/layout/center_mainBg.jpg) left repeat-y;	
	/*	background-color:#FA0;*/

}

/*==================================================================*/

#header .left{
	float:left;
	width:285px;
	height: 67px;
	background-image:url(/images/layout/header_logo.jpg);
	background-repeat: no-repeat;
}

#header .left a div{
	width:285px;
	height:67px;
	cursor:pointer;
}

#header .center{
	float:left;
	width:415px;
	height: 67px;
	background-image:url(/images/layout/header_center.jpg);
	background-repeat:repeat-x;
	position:relative;
}
#header .right{
	float:left;
	width:299px;
	height: 67px;
	background-image:url(/images/layout/header_right.jpg);
	background-repeat: no-repeat;
}

/*==================================================================*/

.langBar
{
	position:absolute;
	right:0;
	bottom:0;

	padding: 0;
	line-height:20px;
	text-align:center;
	width: 28em;				/* <-- use this for a set width */
	background-color: #626262;
	color:#FFF;
	font-size:12px;	
}

.langBar .tlc, .langBar .trc{
	background-color: transparent;
	background-repeat: no-repeat;
}

.langBar .tlc{
	background-image:url(/images/langBar/tlc.jpg);
	background-position: 0% 0%;
}

.langBar .trc{
	background-image:url(/images/langBar/trc.jpg);
	background-position: 100% 0%;
}

.langBar a:link, .langBar a:visited, .langBar a:hover, .langBar a:active{
	color:#FFF;
}
.langBar a.selectedlink, .langBar a.selectedvisited, .langBar a.selectedhover, .langBar a.selectedactive{
	color:#40ff9d;
}

.langBar .separate{
	margin:auto 5px;
}
/*==================================================================*/

#top_banner .left{
	float:left;
	width:70px;
	height: 135px;
	background-image:url(/images/layout/topBanner_left.jpg);
	background-repeat: no-repeat;
}
#top_banner .center{
	float:left;
	width:633px;
	height: 135px;
	background-image:url(/images/layout/topBanner_center.jpg);
	background-repeat:no-repeat;
	position:relative;
}
#top_banner .right{
	float:left;
	width:296px;
	height: 135px;
	background-image:url(/images/layout/topBanner_right.jpg);
	background-repeat: no-repeat;
}

/*==================================================================*/

#center {
}

#left_area {
	float:left;
	width:703px;
	
	
	background: url(/images/layout/center_content_bg.jpg) bottom right no-repeat;
}

#left_area .main_top{
	width:100%;
	
	
	background: url(/images/layout/center_title_bg.jpg) top right no-repeat;
}

#left_main_area_padding {
	margin:0 10px 0 160px;
	padding:12px 0 20px 0;
	
	
}

* html #left_main_area_padding {
	margin:0 10px 0 160px;
	padding:12px 0 20px 0;
	
	
}


#left_area .main_bottom {
	width: 100%;
	
	
}

#menu{
	width:145px;
	float:left;
	padding: 12px 0;
	background: url(/images/layout/menu_bg.jpg) top left repeat-y;
	
}

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active{
	color:#FFF;
}

#menu ul ul a:link, #menu ul ul a:visited, #menu ul ul a:hover, #menu ul ul a:active{
	color:#000;
}

#menu ul li{
	list-style:none;
	cursor:pointer;
}

#menu li .round_corner{
	margin:0 0 3px 0;
	height:34px;
	position:relative;
	background:url(/images/layout/menu_trc.jpg) no-repeat;
	background-position: 100% 0%;
	
}
#menu li .rect_corner{
	width:100%;
	background-color:#4da987;
	height:20px;
	position:absolute;
	top:7px;
	bottom:7px;
	right:0;
	left:0;
}

#menu .brc{
	background:url(/images/layout/menu_brc.jpg) no-repeat #26966c;
	background-position: 100% 100%;
}

#menu .text {
	color:#FFF;
	font-size:16px;
	position:relative;
	top: 1px;
	left: 25px;
}


.menuIcon {
	position:relative;
	top: 7px;
	left: 10px;
}
.menuIcon div{
	position:absolute;
	width:2px;
	height:2px;
	background-color:#000;
}
.menuIcon div.middle {
	top:2px;
}
.menuIcon div.bottom {
	top:4px;
}
.menuIcon div.right {
	left:2px;
}

#menu .submenu {
	background-color:#eaeaea;
	margin:3px 0 3px 10px;
}

#menu .submenu .brc{
	background:url(/images/layout/sub_brc.jpg) no-repeat;
	background-position: 100% 100%;	
}
#menu .submenu .blc{
	background:url(/images/layout/sub_blc.jpg) no-repeat;
	background-position: 0% 100%;	
}
#menu .submenu .tlc{
	background:url(/images/layout/sub_tlc.jpg) no-repeat;
	background-position: 0% 0%;	
}
#menu .submenu .trc{
	background:url(/images/layout/sub_trc.jpg) no-repeat;
	background-position: 100% 0%;	
}
#menu .submenu .tb{
	background:url(/images/layout/sub_tb.jpg) repeat-x;
	background-position:: top;
}
#menu .submenu .lb{
	background:url(/images/layout/sub_lb.jpg) repeat-y;
	background-position:left;
}
#menu .submenu .rb{
	background:url(/images/layout/sub_rb.jpg) repeat-y;
	background-position:right;	
}
#menu .submenu .bb{
	background:url(/images/layout/sub_bb.jpg) repeat-x;
	background-position:bottom;	
}

#menu .submenu li.sub{
	padding: 5px 13px 5px 10px;
}

#menu .submenu .sub_icon {
	position:relative;
	top: 7px;
}
#menu .submenu .sub_icon div{
	position:absolute;
	width:4px;
	height:4px;
	background-color:#35845b;
}

#menu .submenu .sub_text {
	position:relative;
	left: 12px;
	top: 1px;
	font-size:14px;
}

*+html #menu .submenu .sub_text {
	/*top:5px;*/
}

#menu a.menu_selected:link, #menu ul ul a.menu_selected:visited, #menu ul ul a.menu_selected:hover, #menu ul ul a.menu_selected:active{
	color:#26966c;
	font-weight:bold;
}

#menu .submenu .hr {
	width: 100px;
	height:4px;
	margin: 0 10px 0 20px;
	background:url(/images/layout/menu_separate.jpg) no-repeat;
}

/*==================================================================*/

#title_bar .icon{
	position:relative;
	left: 10px;
	top: 7px;
}
#title_bar .icon div{
	position:absolute;
	width:4px;
	height:4px;
}
#title_bar .icon div.green {
	background-color:#26966c;
}
#title_bar .icon div.grey {
	background-color:#787777;
}
#title_bar .icon div.right {
	left:5px;
}
#title_bar .icon div.bottom {
	top:5px;
}


#title_bar .title{
	color:#000;
	font-size:17px;
	font-weight:bold;
	padding:1px 0 5px 30px;
}

#title_bar .hr{
	width: 100%;
	height:4px;
	background:url(/images/layout/title_bar_hr.jpg) repeat-x;
	margin:0 0 15px 0;
}

#left_area .content{
}
 
#left_area .content p{
	padding:0px 0 20px 0;
}

/*==================================================================*/

#right_area {
	float:left;
	width:296px;
	background-color:#9dd0bc;
}

* html #right_area {
	
}

#right_area .searchbox {
	margin: 7px 5px 5px 25px;
}

#search_input {
	border:1px solid #66b597;
	width:210px;
}

#search_submit {
	background: transparent url(/images/layout/search.jpg) no-repeat center top;
  	cursor: pointer; /* hand-shaped cursor */
	border:0;
	width:30px;
	height:20px;
}

#news_box {
	text-align: left;
	margin: 10px 0 3px 15px;
	background-color: #c8e9dc;
	font-size:14px;
}

#news_box .tlc, #news_box .trc, #news_box .blc, #news_box .brc{
	background-color: transparent;
	background-repeat: no-repeat;
}

#news_box .tlc{
	background-image:url(/images/newsBox/tlc.gif);
	background-position: 0% 0%;
}

#news_box .blc{
	background-image:url(/images/newsBox/blc.gif);
	background-position: 0% 100%;
}

#news_box .tb, #news_box .bb{
	background-color: transparent;
	background-repeat: repeat-x;
}
			
#news_box .tb{
	background-image:url(/images/newsBox/tb.gif);
	background-position: 0% 0%;
}

#news_box .bb{
	background-image:url(/images/newsBox/bb.gif);
	background-position: 50% 100%;
}

#news_box .lb{
	background-image:url(/images/newsBox/lb.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;

}

#right_area .newsletter{
	margin: 10px 5px 20px 25px;
}

#news_box .news_boxName{
	color:#35855b;
	font-size:16px;
}
#news_box .news_content{
	padding:10px 15px;	
}

#news_box ul{
	padding:10px 0px 10px 15px;	
}

#news_box li{
	list-style:square;
}


#news_box li .news_row a:link, 	#news_box li .news_row a:visited, 	#news_box li .news_row a:hover, 	#news_box li .news_row a:active{
	color:#000;
}


#news_box li .new_date{
	color:#35855b;
}

#news_box li .news_separate{
	margin:7px 0 3px 0;
	border-bottom:1px dotted #7eaf9d;
}
/*==================================================================*/

.clear {
	clear:both;
}

.clear_position {
	position:static;
}

/*==================================================================*/

#footer .left{
	float:left;
	width:70px;
	height: 73px;
	background:url(/images/layout/footer_logo.jpg) #26966c no-repeat;
}

#footer .center{
	float:left;
	text-align:right;
	font-size:12px;
	background:url(/images/layout/footer_bg.jpg) bottom left no-repeat #dedede;
	width:859px;
	height: 73px;
}

#footer .center div{
	padding:5px
}

#footer .center a{
	color:#000;
}

#footer .center .copyright{
	color:#787777;
}

#footer .right{
	float:left;
	width:70px;
	height: 73px;
	background: url(/images/layout/footer_right_logo.jpg) no-repeat  #dedede;
}

.size2 {
	width: 60%;
	border-radius: 10px;
	/*background-color: rgba(255,190,104, .5);*/
}
.size2 a{
	color: black;
}

.active-animatioon {
	background-image:
			linear-gradient(90deg, yellow 50%, transparent 50%),
			linear-gradient(90deg, yellow 50%, transparent 50%),
			linear-gradient(0deg, yellow 50%, transparent 50%),
			linear-gradient(0deg, yellow 50%, transparent 50%);
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	background-size: 15px 5px, 15px 5px, 5px 15px, 5px 15px;
	background-position: left top, right bottom, left bottom, right   top;
	animation: border-dance 1s infinite linear;
	padding:10px;
}

.size3 {
	border-radius: 10px;
	/*background-color: rgba(255,190,104, .5);*/
}
.size3 a{
	color: black;
}

.orange {
	background-image:
			linear-gradient(90deg, orange 50%, transparent 50%),
			linear-gradient(90deg, orange 50%, transparent 50%),
			linear-gradient(0deg, orange 50%, transparent 50%),
			linear-gradient(0deg, orange 50%, transparent 50%);
}

@keyframes border-dance {
	0% {
		/*box-shadow: 0 0 0 0 rgba(255,255,0, 1);*/
		background-position: left top, right bottom, left bottom, right   top;
	}
	100% {
		/*box-shadow: 0 0 0 20px rgba(255,255,0, 0);*/
		background-position: left 15px top, right 15px bottom , left bottom 15px , right   top 15px;
	}

}


