html {
    height: 100%;
  }

a {
    text-decoration:none;
    color:#2988ab;
	 font-weight: bold;
  }

a:hover {
    color:#eb7c00;
  }

body {
    margin:0px;
    padding:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color:#000000;
  }

p,pre {
    margin:10px;
  }

h1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11pt;
    font-weight:bold;
    color:#2988ab;
}

h2 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9pt;
    font-weight:normal;
    color:#999999;
}

img {
    border:0;
  }

.line {
    background-color:#9EBEFF;
    height:1px;
    border:0px;
	 width:100%;
	 overflow:auto;
	 margin-top:2px;
	 margin-bottom:2px;
  }

/* news */

.news_title_grn {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10pt;
    font-weight:bold;
    color:#2988ab;
  }

.translate {
  float:right; 
  position: relative; 
  z-index: 999; 
}

.centertranslate {
    background-image:url('./../img/centerlight.png');
    height:18px;
    float:left;
	padding:5px;
	z-index: 10;
}

.sxtranslate {
    background-image:url('./../img/sxlightlang.gif');
    width:18px;
    height:28px;
    float:left;
  }
  
  
/* title */
span.squares {
    display:block;
    float:left;
    width:18px;
    height:18px;
    margin-right:2px;
    background-image:url('../img/squares.gif');
    background-repeat:no-repeat;
  }

span.news {
#    display:block;
#    float:left;
#    width:36px;
#    height:25px;
#    margin-right:2px;
#	 background-image:url('../img/news.gif');
#   background-repeat:no-repeat;
  }

span.articles {
    display:block;
    float:left;
    width:64px;
    height:64px;
    margin-right:5px;
    background-image:url('../img/wordprocessing.png');
    background-repeat:no-repeat;
  }

span.news1 {
    display:block;
    float:left;
    width:64px;
    height:64px;
    margin-right:5px;
    background-image:url('../img/knewsticker.png');
    background-repeat:no-repeat;
  }

span.doc {
    display:block;
    float:left;
    width:64px;
    height:64px;
    margin-right:5px;
    background-image:url('../img/easymoblog.png');
    background-repeat:no-repeat;

  }

span.download {
    display:block;
    float:left;
    width:64px;
    height:64px;
    margin-right:5px;
    background-image:url('../img/synaptic.png');
    background-repeat:no-repeat;
  }

span.title {
	font-size:12px;
	color:#999999;
}

span.squares span {
    display:none;
  }

/* top bar */
.logo {
    background-color: white;
    z-index: 1;
    position: absolute;
    padding-left:2px;
    padding-top:2px;
  }

.jamp {
    background-image:url('./../img/jamp.gif');
    width:148px;
    height:95px;
    float:left;
  }

.sxbar {
    background-image:url('./../img/sxbar.gif');
    width:43px;
    height:36px;
    float:left;
    margin-top:23px;
    margin-left:8px;
  }
  
.bar {
    background-image:url('./../img/line.gif');
    background-repeat:repeat-x;
    height:10px;
    position:absolute;
    top:38px;
    left:0px;
    font-size:9px;
    color:#FFFFFF;
    width:100%;
    text-align:right;
  }

/* buttom search */
#tabsearch {
    background-image:url('./../img/search.png');
    background-repeat:no-repeat;
    width:200px;
    height:28px;
    float:right;
  }

#textsearch {
    border:0px;
    margin-left:24px;
    margin-top:5px;
    width:133px;
    background-color:#127397;
	 color:white;
  }

/* buttom dark */
.centerdark a{
    text-decoration:none;
    color:#FFFFFF;
}

.centerdark a:hover{
    text-decoration:none;
    color:#e97b00;
}

.sxdark {
    background-image:url('./../img/sxdark.png');
    width:18px;
    height:28px;
    float:left;
  }

.dxdark {
    background-image:url('./../img/dxdark.png');
    width:18px;
    height:28px;
    float:left;
  }

.centerdark {
    background-image:url('./../img/centerdark.png');
    height:23px;
    float:left;
	 padding-top:5px;
  }

/* buttom light */
.centerlight a{
    text-decoration:none;
    color:#FFFFFF;
}

.centerlight a:hover{
    text-decoration:none;
    color:#0176a2;
}

.sxlight {
    background-image:url('./../img/sxlight.png');
    width:18px;
    height:28px;
    float:left;
  }

.dxlight {
    background-image:url('./../img/dxlight.png');
    width:18px;
    height:28px;
    float:left;
  }

.centerlight {
    background-image:url('./../img/centerlight.png');
    height:23px;
    float:left;
	 padding-top:5px;
  }

/* search */

.search_summary {
    width:100%;
    height:16px;
    background-color: #F7F7F7;
    border-top: 1px solid #0176a2;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #2988AB;
  }

.search_title {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #2988AB;
	 font-size:18px;
    font-weight:normal;
  }

.search_url {
    color : #999999;
  }

.search_date {
	 color:#999999;
}

.search_page {
    color : #999999;
  }

/* Menu */
.leftcontent {
	margin-top:96px;
	overflow:hidden;
	position:absolute;
	width:330px;
	z-index:99;
	left:-291px;
	cursor:pointer;
  }

.menuicon {
	background-image:url("./../img/menu.png");
	float:left;
	height:213px;
	width:32px;
}

.menu {
	background-color:#FFFFFF;
	border:1px solid #9EBEFF;
	float:left;
	margin-left:2px;
	overflow:visible;
	padding:5px;
	width:277px;
}

.login {
	float:left;
	width:100%;
}

.update {
    overflow:visible;
    padding:3px;
    background-color:#F7F7F7;
  }

div.menu
ul li ul li ul,
div.menu ul {
    list-style-image:url('./../img/square_list.gif');
    white-space: nowrap;
    padding-left: 16px;
    margin-left: 0px;
  }

div.menu
ul li ul {
    list-style-image:url('./../img/square_list2.gif');
    white-space: nowrap;
    padding-left: 16px;
    margin-left: 0px;
  }

div.menu
ul li ul a {
    color:#e97b00;
  }

div.menu
ul li ul li ul a,ul a {
    color:#2988AB;
  }


div.menu
li a:hover:after {
    content: url('./../img/square.gif');
  }

div.menu
li a:hover {
    color:#FFFFFF;
    background-color:#e97b00;
  }

.footer {
	 width:100%;
	 color:#999999;
}

/* iframe */
#framecenter {
    height: 0px;
	 width:100%;
    background:#FFFFFF;
    overflow:hidden;
  }

#list {
    list-style-image:url('./../img/square_list.gif');
	 padding-left:	40px;
	 white-space:normal;
}

.box {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    border: 1px solid #9EBEFF;
    padding: 5px;
    left: 50px;
    top: 50px;
    overflow: auto;
    background-color: #F7F7F7;
    position:static;
    padding-left: 0px;
    padding-top: 0px;
    margin-right:5px;
    margin-left:5px;
  }

.box_home {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    border-left: 1px solid #9EBEFF;
    border-top: 1px solid #9EBEFF;
    border-bottom: 1px solid #9EBEFF;
    padding: 20px;
    background-color: #F7F7F7;
	 line-height:24px;
	 text-align:justify;
	 height:132px;
	 overflow:auto;
  }

td.box_num_spot a {
    text-decoration: none;
    border: 1px solid #9EBEFF;
	 padding: 3px;
	 line-height:25px;
	 cursor:pointer;
}


.box span {
    width: 550px;
    line-height: 150%;
    align: justify;
  }

.home {
	 padding-left:10px;
	 padding-right:10px;
	 line-height:22px;
}

.box_example {
	top: 5px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    border: 1px solid #9EBEFF;
    padding: 5px;
    left: 9px;
    overflow: auto;
    background-color: #EFEFEF;
    position: relative;
	float: right;
    margin-right:5px;
    margin-left:5px;
	width: 300px;
}

.table1 {
	 border: 1px solid #9EBEFF;
	 border-collapse:collapse;
	 margin-left:10px;
}

.table1 th {
	 border: 1px solid #9EBEFF;
	 background-color:#F7F7F7;
	 text-align:center;
	 vertical-align:top;
	 padding:2px;
}

.table1 td {
	 border: 1px solid #9EBEFF;
	 background-color:#F7F7F7;
	 vertical-align:middle;
	 text-align:center;
	 padding:2px;
}

p.title {
	color:#2988AB;
	font-size:30px;
	font-weight:bold;
	height:56px;
}

.post-date  {
	background:url("../img/date.gif") no-repeat scroll 0 0 transparent;
	float:left;
	height:63px;
	width:50px;
}

.post-month  {
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	margin-left:-3px;
	padding-top:11px;
	text-align:center;
}

.post-day {
	color:#505050;
	display:block;
	font-size:22px;
	font-weight:bold;
	line-height:18px;
	margin-left:-3px;
	padding-top:11px;
	text-align:center;
}

.border  {
	background:url("./../img/border.png") repeat-x scroll 0 0 transparent;
	float:left;
	height:54px;
	width:100%;
}