﻿*{
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg.gif) left top repeat;}

httml{ font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg.gif) left top repeat;}

a { text-decoration:none; }
a:hover {text-decoration:none; }

li{ list-style:none;}

ul{ list-style:none;}

img{ border:0px;}

.wraper{ width:100%;}

.container{ background:#fff; width:800px; border-left:solid 1px #969fb1; border-right:solid 1px #969fb1; margin:0 auto; overflow:hidden;}



.floatleft{ float:left;}

.floatright{ float:right;}

.clearboth{ clear:both; font-size:0px; height:0px; display:block !important; display:inline;}

.spacerclear{ height:12px; clear:both;}



.header{ width:800px; height:180px; background:url(../images/baner-bg.jpg) right top no-repeat;}

.logo{ padding:48px 15px 0 34px;}

.tagline{ margin-top:70px; border-left:solid 1px #a4a5a5; color:#a4a5a5; padding:0 0px 0 15px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:21px; font-size:13px;}

.menu{ background:url(../images/menubg.gif) left top repeat-x;  width:752px; float:left; padding:4px 0 6px 0px; }

.menu ul{}

.menu li{ float:left; font:bold 16px Arial, Helvetica, sans-serif; color:#FFFFFF;}

.menu li a { height:30px; font-size:2px; float:left;  padding:0 9px;}


#menu { clear:both; height:30px; padding:4px 0px 6px 0px; width:800px; background:url(../images/menubg.gif) left top repeat-x;}

#menu  ul {font:bold 16px/30px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; padding:0px 0px 0px 0px;}
#menu li { float:left; height:30px; background:url(../images/link_line_bg.jpg) no-repeat right top; border-right:solid 1px #666;}
#menu li a {color:#fff; text-decoration:none; display:block; padding: 0px 26px;}
#menu li a:hover {color:#fff; background-color:#2c2c2c;}

#menu li.none1 { border-right:none;}




.middle{ width:766px; padding:18px; float:left; }

.flashbanner{ width:240px; float:left; border-right:solid 1px #CCCCCC;}

.welcomebox{ width:500px; float:right; padding-left:10px;}

.welcomebox h1{ border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:4px 0; font-size:21px; color:#df3f00; font-weight:normal;}

.welcomebox h2{ border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:4px 0; font-size:21px; color:#8f9ab0; font-weight:normal;}

.lecolumn{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:15px; color:#666; width:240px; padding:8px 14px 8px 0px; float:left;}

.lecolumnll{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:15px; color:#666;  padding:8px 14px 8px 0px; float:left;}

.lecolumnll_c{ font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:15px; color:#666; width:450px; padding:8px 14px 8px 0px; float:left; line-height:20px}

.lecolumnll_i{ font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:15px; color:#666;  padding:8px 14px 8px 0px; float:left; line-height:16px}

.lecolumn2{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:15px; color:#666; width:240px; padding:8px 0px 8px 0px; float:right;}

.welcomebox p{ text-align:justify; padding:6px 0 0 0; color:#666;}

.more{ float:right; padding:2px 0;}

.more a{ text-decoration:none; color:#f5651c; font-weight:bold;}

.more a:hover{ text-decoration:underline; color:#f5651c;}



.pinkbox{ width:225px; float:left;}

.pinkbox h2{ line-height:28px; background:#8f61c7; color:#fff; padding-left:12px; font-weight:bold; font-size:17px; }

.orangebox{ width:225px; float:left;}

.orangebox h2{ line-height:28px; background:#f5651c; color:#fff; padding-left:12px; font-weight:bold; font-size:17px; }

.orbox{ width:200px; text-align:left; height:20px; float:left;}

.orbox h2{ line-height:28px; background:#f5651c; color:#fff; padding-left:12px; font-weight:bold; font-size:17px; }





.corright{ float:right; padding-top:17px;}

.boxbg{ border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; border-left:solid 1px #ccc; font-size:13px; padding:10px 12px; color:#000; line-height:14px;}

.widspacer{ width:20px; float:left; height:5px;}



.footer{ background:#e4e4e4; border-top:solid 1px #d2d2d2; width:766px; float:left; padding:30px 18px 8px 18px; font-size:11px;}

.footer a{ text-decoration:none; color:#000;}

.footer a:hover{ color:#666666; text-decoration:underline;} 

.projectlist{ width:200px; float:left; padding-left:10px;}

.projectlist h1{ font-size:26px; text-align:left; font-weight:bold; color:#000000;}

.projectlist h2{ text-decoration:none; font-size:14px; font-weight:bold; color:#666;}

.projectlist h2 span{ color:#999;}

.projectlist p{ width:170px; padding:0 0 10px 0; font-size:11px; color:#666666; }

.projectlist ul li a{ display:block;}

.projectlist ul li img{ border:solid 1px #CCCCCC;}

.projectlist ul{ padding-right:25px;}

.projectlist ul li{ border-bottom:solid 1px #CCCCCC; margin-bottom:10px; }



.projecttextbox{ width:535px; float:left; /*border-left:solid 1px #ccc;*/ padding-left:20px;}

.projecttextbox h1{ border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:4px 0; font-size:21px; color:#666; font-weight:normal;}

.projecttextbox h1 span{ color:#999;}

.projecttextbox h2{ border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:4px 0; font-size:21px; color:#8f9ab0; font-weight:normal;}

.projecttextbox p{ text-align:justify; padding:6px 0 0 0; color:#666;}

.projecttextbox h4{ line-height:22px; font-size:13px; padding:3px 0 4px 0; color:#9A7C32; font-weight:bold; margin-top:7px; }

.projecttextbox h5{  font-size:13px; padding:0px 0 4px 0; color:#9A7C32; font-weight:bold;  }

.newptext{ padding-left:10px; float:left; width:265px;}

.newptittle{ padding:15px 0 0 0; } 

.newptittle li{ padding-bottom:20px;}

.home span{ color:#999;}



.left_box { padding:15px 0px 0px 0px;}

.img_pading { padding:6px 13px 0px 0px;}
.img_pading1 { padding:5px 0px 0px 0px;}





/*Tab menu*/ 

.Accordion {overflow: hidden; width:230px;}
.AccordionPanel {margin: 0px; padding: 0px;}

.AccordionPanelTab {background:url(../images/pink-cor.gif) no-repeat bottom right #8f61c7; margin:3px 0px 3px 0px; padding:3px 6px 3px 6px;	cursor: pointer; -moz-user-select: none; -khtml-user-select: none; font:bold 17px Arial, Helvetica, sans-serif; color:#FFFFFF;}

.AccordionPanelTabbox1 {background:url(../images/o-corner.gif) no-repeat bottom right #f5651c; margin:3px 0px 3px 0px; padding:3px 6px 3px 6px;	cursor: pointer; -moz-user-select: none; -khtml-user-select: none; font:bold 17px Arial, Helvetica, sans-serif; color:#FFFFFF;}

.AccordionPanelContent { overflow:auto; margin:0px; padding:0px;}
.AccordionPanelOpen .AccordionPanelTab {background-color: #8f61c7;}
.AccordionPanelTabHover {color:#fff;}
.AccordionPanelOpen .AccordionPanelTabHover {color:#fff;}
.AccordionFocused .AccordionPanelTab { background-color:#8f61c7;}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab { background-color:#8f61c7;}


table.padding td { padding:0px 0px 0px 15px; background:#f7f8f8;}
