body {
background: #91b2cd url(img/top_slab.png) repeat-x;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#jsmenu_wrap {
	margin: -10px 0px -15px 0px;
	padding: 0px 0px 0px 0px;
	width: 141px;
	height: 100%;
	background: url('img/js_mid.png');
	background-repeat: repeat-y;
	float: left;
}

#jsmenu_top {
	background: url('js_top.png') no-repeat left;
	height: 20px;
	width: 141px;
	margin: -5px 0px -5px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px #e7e7e7 solid;

}

#jsmenu_bottom {
	background: url('img/js_bottom.png') no-repeat left;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#ibm_clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#jslist {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 141px;
	height: 100%;

}


#jslist ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 141px;
	word-spacing: 0px;
	height: 100%;
	line-height: 20px;
}

#jslist ul li {
	list-style-image: none;
	margin-left: 5px; padding-left: 0px;
	width: 112px;
	}

#jslist ul li a{
	display: block;
	background: #b8d0e5 url(./img/arrow_right.png) no-repeat left;
	font: bold 13px Verdana,sans-serif;
	padding: 1px 5px 1px 15px;
	margin: 1px 0px 1px 0px;
	width: 112px;
	line-height:20px;
	text-decoration: none;
	text-align: left;
	color: #4d7090;
}

#jslist ul li a:hover {
	font: bold 13px Verdana,sans-serif;
	line-height: 20px;
	padding: 1px 5px 1px 15px;
	width: 112px;
}

#jslist ul li .active {
	background: #b8d0e5 url(./img/arrow_down.png) no-repeat left;
	color: #fff;
	line-height: 20px;
	font: bold 13px Verdana,sans-serif;
	padding: 1px 5px 1px 15px;
	width: 112px;
}


#jslist ul ul li {
	list-style-image: none;}
#jslist ul ul li  a{
	background: #fff;
	font: bold 13px Verdana,sans-serif;
	padding: 1px 5px 1px 24px;
	margin: 1px 0px 2px 0px;
	width: 98px;
	line-height: 20px;
	text-decoration: none;
	text-align: left;
	color: #4d7090;
}

#jslist ul ul li a:hover {
	background: #fff;
	font: bold 13px Verdana,sans-serif;
	padding: 1px 5px 1px 24px;
	width: 98px;
	line-height: 20px;
}

#ibm_wrap {
	margin: 5px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 427px;
	height: 100%;
	background: #819db6 url('img/ibm_mid.png');
	background-repeat: repeat-y;
	float: left;
	border-left: 1px #819db6 solid;
}

#navlist {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 414px;
	height: 100%;
}


#navlist ul {

	margin: 0px 7px 0px 3px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 414px;
	font: bold 1em Verdana,sans-serif;
	font-size: 11px;
	word-spacing: 0px;
	height: 100%;
}

#navlist li a{
	display: block;
	background: #fff;
	padding: 5px 0px 5px 5px;
	margin: 1px 0px 1px 0px;
	height: 15px;
	width: 415px;
	line-height: 10px;
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	color: #191919;
	border-left: 1px #fff solid;
}

#navlist li a:hover {
	background: #b4d0e5;
	color: #203a52;
	border-left: 5px #203a52 solid;
	padding: 5px 0px 5px 15px;
	width: 402px;
}





#ibm_top {
	background: #819db6 url('img/ibm_top.png') no-repeat left;
	height: 18px;
	margin-bottom: -5px;

}

#ibm_bottom {
	background: #819db6 url('img/ibm_bottom.png') no-repeat;
	height: 12px;
}
#ibm_clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}
h1{
padding: 0px 0px 2px 5px;
margin: 0px 2px 4px 0px;
text-align: left;
word-spacing: 2px;
font-size: 16px;
font-family: arial;
color: #000;
text-align: justify;
}
h2{
padding: 0px 0px 2px 5px;
margin: 0px 2px 4px 0px;
text-align: left;
word-spacing: 2px;
font-size: 16px;
font-family: arial;
color: #000;
text-align: justify;
}
h3{
padding: 0px 0px 2px 5px;
margin: 0px 2px 4px 0px;
text-align: left;
word-spacing: 2px;
font-size: 16px;
font-family: arial;
color: #000;
text-align: justify;
}
h4{
padding: 0px 0px 2px 5px;
margin: 0px 2px 4px 0px;
text-align: left;
word-spacing: 2px;
font-family: arial;
color: #000;
text-align: justify;
}


p {
padding: 0px 0px 2px 5px;
margin: 0px 2px 4px 0px;
text-align: left;
word-spacing: 2px;
font-size: 16px;
font-family: arial;
color: #000;
text-align: justify;
}

#container {

height: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}

#title{
	background: url(img/titletile.png);
	width: 350px;
	height: 82px;
	margin-top: 31px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#logo{
	width: 126px;
	height: 253px;
	padding: 50px 20px 20px 24px;
	float: left;
}
#left {
float: left;
width: 200px;
height: 100%;
margin-top: -10px;
text-align: left;
font-size: 1.0em;

}
.topwl{
background: url(img/top_with_logo.png)  repeat-y ;
width: 170px;
height: 390px;
margin-top: -30px;
padding-right: 5px;
float: right;
}
.lbox{
background: url(img/lefter_sidebar.png)  repeat-y ;
width: 170px;
height: 100%;
padding-right: 5px;
float: right;
}

#jsmenu{
width: 141px;
height: 163;
float: right;
margin-left: 3px;
}

.nav {background: #191919 ;
float: left ;
margin-top: 16px;
margin-left: 0px;

}

.nav a {
	text-decoration: none;
	background: #272727;
	margin-right: 1px;
	border-right: solid #191919 1px;
	height: 44px;
	width: 98px;
	color: #ccc;
	float: left;
	font: bold 1em Verdana,sans-serif;
	line-height: 40px;
	text-align: center;
	font-size: 14px

}
.nav a:hover {
	background: #ccc ;
	color: #000;
	height: 43px;
	line-height: 40px;
}



#content {

margin-top: 50px;
padding-left: 30px;
height: 100%;
float: left;
}

.texter {
	float: left;
	width: 400px;
	text-align: justify;
	padding: 0 20px 0 20px;
	font-size: 12px
}

#wrap {
margin: 0px;
width: 713px;
background: #91b2cd url('img/midbg.jpg');
background-repeat: repeat-y;
float: left;
	text-align: justify;
}

#wrap p {
padding: 0px 20px 2px 5px;
margin: 0px 2px 4px 0px;
text-align: justify;
word-spacing: 2px;
font-size: 12px;
font-family: arial;
color: #191919;
}

#wrap h2 {
padding: 10px 0px 15px 25px;
margin: 0px 2px 4px 0px;
text-align: left;
word-spacing: 2px;
font-size: 14px;
font-family: arial;
color: #203a52;
}

#top {
background: #91b2cd url('img/topbg.jpg');
height: 30px;
}

#bottom {
background: #91b2cd url('img/botbg.jpg');
height: 29px;
}

.middle {
	float: left;
	width: 60%;
	margin: 0 10px;
	padding: 1% 1%;
	text-align: justify;
}

#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

.right {
	float: left;
	width: 30%;
	margin: 0 10px;
	padding: 1% 1%;

}

.right ul {
	padding: 20px 0 15px 20px;
	margin:0;
}

.right li {
	margin-bottom:5px;
	list-style-type: square;
	color: #3B6EBF;
}

.middle h2 { color: #3B6EBF; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.right h2 { color: #3B6EBF; font-size: 14px; margin-top: 15px;}

#news_wrap {
margin: 0px;
width: 217px;
background: #819db6 url('img/news_mid.png');
background-repeat: repeat-y;
float: left;
	text-align: justify;
}
#news_wrap p {
padding: 5px 15px 10px 15px;
margin: 0px 0px 0px 0px;
	text-align: left;
word-spacing: -1px;
font-size: 11px;
font-family: arial;
color: #191919;
}

#news_wrap h2 {
padding: 15px 15px 0px 15px;
margin: 0px 0px 0px 0px;
text-align: left;
word-spacing: 0px;
font-size: 13px;
font-family: arial;
color: #203a52;
}
#news_top {
background: #91b2cd url('img/news_top.png');
height: 31px;
}

#news_bottom {
background: #91b2cd url('img/news_bottom.png');
height: 44px;
}

.news_middle {
	float: left;
	width: 80%;
	margin: 0 10px;
	padding: 1% 1%;
	text-align: justify;
}

#news_clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}




#footer {
text-align: center;
}



#left p {
padding: 0px 4px 2px 4px;
margin: 5px 1px 1px 0px;
text-align: left;
word-spacing: 2px;
font-size: 12px;
font-family: arial;
color:#000;
}
h1 {
float: right;
margin: 30px 270px 0px 0px;
font-size: 2.0em;
color:#65B7FF;
font-family:"times ", verdana,arial , sans-serif;
}
h2 {
text-align: center;
font-size: 1.0em;
color:#fff;
padding: 3px;
font-family:"times", verdana, arial, sans-serif,  engravers mt bold;
}
h3{
font-size: 1.2em;
color:#000;
margin-left: 5px;
padding-top: 3px;

font-family:" sans-serif", verdana, arial, times , engravers mt bold;
}
