@charset "utf-8";
/* CSS Document */

body{
margin:0;
}

/*======= header ======*/


div#logo{
padding:19px 190px 10px 0px;
}

.menu_top{
padding:0px 10px 0px 10px;
}

div#lang{
padding-top:0px;
vertical-align:top;
text-align:right;
height:28px;
}


div#bar{
	border-top:#336699 2px solid;
	background-color:#F4F4F4;
	height:28px;
	margin-bottom:0px;
}

div#txtmaqee{
border-right:2px solid #D9D9D9;
width:420px;
text-align:left;
vertical-align:middle;
padding:0px 10px 0px 10px;
height:28px;
}

div#search1{
width:233px;
text-align:left;
vertical-align:middle;
padding:0px 10px 0px 10px;
height:28px;
border-right:#FFFFFF 2px solid;
height:28px;
}



div#search2{
width:222px;
text-align:left;
vertical-align:middle;
padding:0px 10px 0px 10px;
height:28px;
}

/* ======= end Header  =========================*/



/* ======== main content ===========*/
div#lefnav{
	width:176px;
}

div#main{
	width:570px;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
}

div#rightnav{
width:138px;
padding:0px 5px 0px 7px;
}


/* ======= end main content  =========================*/
.bg_text {
	color: #FFFFFF;
	background-color: #89C1E5;
}
.webboard_box {
	background-color: #316AC5;
	margin-left: 15px;
}
.webboard_box {
	clip: rect(auto,auto,auto,15px);
}
.webboard_box {
	background-color: #316AC5;
}
.webboard_box {
	background-color: #6B96DA;
	clip: rect(auto,auto,auto,auto);
	margin-left: auto;
	height: 100%;
}

#showpic {
	LEFT: 10px; WIDTH: 135px; POSITION: relative; TOP: 10px; BACKGROUND-COLOR: #ffffff
}
#showpic A .large {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; LEFT: -1px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 1px; POSITION: absolute; TOP: -1px; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px
}
#showpic A IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#showpic A.p1 {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; DISPLAY: block; BACKGROUND: #ffffff; LEFT: 0px; BORDER-LEFT: #000000 1px solid; WIDTH: 135px; BORDER-BOTTOM: #000000 1px solid; TOP: 0px; HEIGHT: 90px; TEXT-DECORATION: none
}
#showpic A.p1:visited {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; DISPLAY: block; BACKGROUND: #ffffff; LEFT: 0px; BORDER-LEFT: #000000 1px solid; WIDTH: 135px; BORDER-BOTTOM: #000000 1px solid; TOP: 0px; HEIGHT: 90px; TEXT-DECORATION: none
}
#showpic A.p1:hover {
	COLOR: #000000; BACKGROUND-COLOR: #8c97a3; TEXT-DECORATION: none
}
#showpic A.p1:hover .large {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; DISPLAY: block; LEFT: 150px; BORDER-LEFT: #000000 1px solid; WIDTH: 300px; BORDER-BOTTOM: #000000 1px solid; POSITION: absolute; TOP: -60px; HEIGHT: 233px
}

/*=======table news on Mainpge==============*/

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.TabbedPanelsTabHover {
	background-color: #CCC;
}

.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}
.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
	
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 50em; /*20*/
}

/*-------Site Map-------*/

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background:url(/wps/PA_1_NO2UF4I11G7IE026HCTVU020K6/jsp/html/CGD/images/list.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background:url(/wps/PA_1_NO2UF4I11G7IE026HCTVU020K6/jsp/html/CGD/images/closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}