/* CSS Document */
body { color: #a5a5a4; background: #000 url(../images/new_bg.png) repeat-y center 0; margin: 0; padding: 0     }
div, ul, h1, h2, h3, h4, p, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; clear:both; line-height:0px;
	}


#container { position: relative; width: 640px; height: 300px; padding-bottom: 10px; }

#center { position: relative; width: 640px; height: 300px; }



/*--------------------------------header pan---------------------------*/
#headerPan { background-image: url(../images/new_header.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 830px; height: 150px    ; margin-right: auto; margin-left: auto; border-color: #e0e0e0; border-width: 2px; }
#headerPan ul{ width:647px; margin:0 0 0 139px; display:block; height:auto; }
#headerPan ul li{ display:block; float:left; height:21px; margin:0; padding:0; }
#headerPan ul li a{ font: bold 16px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 15px; color:#eaeaea; text-decoration:none; margin:0; height:auto; }
#headerPan ul li a:hover{
	color:#2da6fb;
	}
/*----------------------------------body part----------------*/
#mainBody   { margin: 10px auto 0; position: relative; width: 832px ; border-color: #e0e0e0; border-width: thin; }
/*-------------left side------*/
#leftPan    { color: #b6b6b5; background: #171717 url(../images/left_side_up.gif) no-repeat; padding: 5px 0 0; position: relative; width: 175px; float: left }
#leftPan p  { font-size: 0; background: url(../images/left_side_down.gif) no-repeat left bottom; display: block; height: 8px }
#leftPan h2 { color: #fff; font: 24px/34px Arial, Helvetica, sans-serif; background: #171717 url(../images/services_icon.gif) no-repeat; display: block; margin: 0 0 0 15px; padding: 0 0 0 15px; width: 140px; height: 34px }
#leftPan ul{
	width:149px; display:block; margin:6px 0 24px 23px; font-size:0;
	}
#leftPan ul li { background: url(../images/left_side_arrow.gif) no-repeat 0 9px; display: block; padding: 0 0 0 11px; height: 24px }
#leftPan ul li a{ color:#b6b6b5; font: bold 14px/24px Arial, Helvetica, sans-serif; background-color:#171717; display:block; }
#leftPan ul li a:hover  { color: #2da6fb; font-weight: bold }
#leftPan h3 { color: #fff; font: 24px/24px Arial, Helvetica, sans-serif; background-color: #171717; display: block; margin: 0 0 10px 16px; padding: 0; width: 114px; height: 24px }
#leftPan h3.lor  { color: #fff; font: bold 12px/18px Arial, Helvetica, sans-serif; background: #171717 url(../images/lor_bg.gif) no-repeat; text-transform: uppercase; display: block; margin: 0 0 10px 26px; padding: 3px 0 0 7px; width: 116px; height: 56px }
#leftPan ul.says { font-size: 0; display: block; margin: 2px 0 17px 25px; width: 139px }
#leftPan ul.says li{
	background:none; display:block; margin:0; padding:0;
	}
#leftPan ul.says li a { color: #a5a5a4; font: bolder 12px/18px Arial, Helvetica, sans-serif; text-decoration: underline; background-color: #171717; text-transform: uppercase }
#leftPan ul.says li a:hover  { font-weight: bolder; text-decoration: none; background-color: #171717 }
#leftPan a.more{
	width:103px; height:15px; display:block; background-color:transparent; color:#ffffff; margin: 0 0 24px 25px; padding:0 0 0 13px;
	font:13px/10px tahoma, Arial, Helvetica, sans-serif;
	}
#leftPan a.more:hover{
	background-color:transparent; color:#2da6fb;
	}
/*-------------------------------right-------*/
#rightPan   { margin: 0; position: relative; width: 640px; float: right }
#blurb    { color: #a5a5a4; font: 10px/12px Arial, sans-serif; text-decoration: none; text-align: justify; display: block; margin: 0; width: 635px ; padding-top: 8px; }
#rightPan p    { color: #a5a5a4; font: 14px/16px Arial, Helvetica, sans-serif; text-decoration: none; text-align: justify; display: block; margin: 0; width: 635px }
#rightPan p span{
	color:#2BCB02; background-color:#000000; font-size:17px; font-weight:bold;
	}
#rightPan p.more { color: #ffffff; background-color: #171717; margin: 25px 0 28px; padding: 3px 3px 0 0; width: 635px; height: 18px; border: solid 1px #353535 }
#rightPan p.more a { color: #ffffff; font: 14px/15px Arial, Helvetica, sans-serif; text-decoration: none; background: #000000 url(../images/read_more_arrow.gif) no-repeat right center; text-align: right; display: block; padding: 0 25px 0 0; width: 80px; height: 15px; float: right }
#rightPan p a:hover { text-decoration: underline }
#rightPan h3 { background-image: url(../images/updates.png); display: block; height: 30px  ; }
#rightPan p.hig { color: #8c8c8b; font: 14px/18px Arial, Helvetica, sans-serif; background-color: #272727; display: block; margin: 5px 0 0; padding: 10px 0 0 12px; width: 628px }
#rightPan p.hig1 { color: #8c8c8b; font: 14px/18px Arial, Helvetica, sans-serif; background-color: #151515; display: block; margin: 5px 0 0; padding: 10px 0 0 12px; width: 628px }
#rightPan p.two  { color: #d3d3d3; font: 14px/20px Arial, Helvetica, sans-serif; background: #151515 url(../images/02.gif) no-repeat 11px 13px; display: block; margin: 0; padding: 10px 10px 0 52px; width: 578px }
#rightPan p.three  { color: #d3d3d3; font: 14px/20px Arial, Helvetica, sans-serif; background: #151515 url(../images/03.gif) no-repeat 11px 13px; display: block; margin: 0; padding: 10px 10px 0 52px; width: 578px }
#rightPan p.one  { color: #d3d3d3; font: 14px/20px Arial, Helvetica, sans-serif; background: #272727 url(../images/01.gif) no-repeat 11px 13px; display: block; margin: 0; padding: 10px 10px 0 52px; position: relative; width: 578px }
#rightPan p.more1  { color: #8c8c8b; background-color: #272727; margin: 0; padding-top: 7px; padding-bottom: 13px; padding-left: 12px; width: 628px }
#rightPan p.more1 a { color: #0867c3; font: 500 14px/14px Arial, Helvetica, sans-serif; text-decoration: none; background-color: #000000; text-align: right; display: block; padding: 0 3px; width: 613px }
#rightPan p.more1 a:hover{
	color:#fff; background-color:#124D8C; text-decoration:none;
	}
#rightPan p.more2  { color: #8c8c8b; background-color: #151515; margin: 0; padding: 7px 0 13px 14px; width: 626px }
#rightPan p.more2 a { color: #0867c3; font: 500 14px/14px Arial, Helvetica, sans-serif; text-decoration: none; background-color: #000000; text-align: right; display: block; padding: 0 3px 0 0; width: 613px }
#rightPan p.more2 a:hover { color: #fff; text-decoration: none; background-color: #124d8c }
#rightPan ul  { background-position: center 0; display: block; margin: 26px 0 0 55px; position: relative; width: 735px }
#rightPan ul li  { text-align: center; display: block; padding: 98px 0 0; width: 141px; height: 35px; float: left }
#rightPan ul li.time  { background: url(../images/time_manager.gif) no-repeat center 0; display: block; height: 35px }
#rightPan ul li.time a{ height:35px; background-color:transparent; border-bottom:1px solid #393939; border-top:1px solid #393939; display:block; font:14px/16px Arial, Helvetica, sans-serif; color:#ffffff; padding:0 39px 0 36px; text-decoration:none; border-right-color: #393939; border-right-style: none; border-left-style: none; }
#rightPan ul li.time a:hover{
	color:#0867c3; text-decoration:none;
	}
#rightPan ul li.latest { background: url(../images/latest.gif) no-repeat 21px 0; display: block; height: 35px }
#rightPan ul li.latest a.la{ height:35px; background-color:transparent; border-bottom:1px solid #393939; border-top:1px solid #393939; display:block; font:14px/16px Arial, Helvetica, sans-serif; color:#ffffff; padding:0 39px 0 37px; text-decoration:none; border-right-color: #393939; border-right-style: none; border-left-style: none; }
#rightPan ul li.latest a.la:hover{
	background-color:transparent; color:#0867c3; text-decoration:none;
	}
#rightPan ul li.what { background: url(../images/what_news.gif) no-repeat 21px 0; display: block; height: 35px }
#rightPan ul li.what a.wh{ height:35px; background-color:transparent; border-bottom:1px solid #393939; border-top:1px solid #393939; display:block; font:14px/16px Arial, Helvetica, sans-serif; color:#ffffff; padding:0 39px 0 37px; text-decoration:none; border-right-color: #393939; border-right-style: none; border-left-style: none; }
#rightPan ul li.what a.wh:hover{
	background-color:transparent; color:#0867c3; text-decoration:none;
	}
/*-------------------------------footer---------*/
#footerMain { background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; width: 100%  ; padding-top: 16px; padding-bottom: 5px; }	
#footer { background: url(../images/footer.png) no-repeat; margin: 0 auto; padding: 54px 0 0; width: 854px; height: 97px }
#footer ul{
	width:446px; display:block; margin:0px 0 0 270px; padding:0; font-size:0; height:20px; 
	}
#footer ul li{ color:#9b9b9b; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; background-color:#0f0f0f; text-decoration: none; padding:0; margin:0; }
#footer ul li a{
	color:#9b9b9b; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  background-color:#0d0d0d;
	text-decoration:none; padding:0 6px; 
	}
#footer ul li a:hover{ color: #0867c3; text-decoration:none; }
#footer p{
	width:324px; display:block; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA; margin:0px 0 0 430px;
	background-color:#0A0A0A; padding:0 0 9px 0;
	}
#footer ul.css{
	width:103px; display:block; font-size:0px; margin:0px 0 0 586px; padding:0; height:20px;
	}
#footer ul.css li{
	display:block; float:left; background-color:#060606; margin:0 0 0 1px; padding:0; color:#FFFFFF;
	}
#footer ul.css li a{
	 text-indent:-2000px; height:11px; padding:0; margin:0; float:left; font-size:0; display:block;
	}
#footer ul.css li a.cs { background: url(../images/css.gif) no-repeat; width: 39px }
#footer ul.css li a.cs:hover { background: url(../images/css_h.gif) no-repeat; width: 39px }
#footer ul.css li a.html { background: url(../images/xhtml.gif) no-repeat; width: 61px }
#footer ul.css li a.html:hover { background: url(../images/xhtml_h.gif) no-repeat; width: 61px }
#footer p.copy{ width:265px; display:block; font:600 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color: transparent; margin:42px 0 0 355px; float: left; padding:0; display:block; }
#footer p.copy a{
	text-decoration:underline; color:#eaeaea; background-color:transparent;
	}
#footer p.copy a:hover{ background-color: transparent; text-decoration:none
	 }