/* CSS Document */
body{margin:0px; padding:0px; color:#000; font:12px arial,"Times New Roman", Times, serif;}
div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#indexmiddle{width:1000px; height:auto; position:relative; margin:0 auto;overflow:hidden;}

#topPan{width:1000px; position:relative; margin:0 auto;}
#topPan ul{height:22px; position:absolute; top:4px; width:1000px;}
#topPan ul li{  height:22px; float:right; padding-left:10px;}
#topPan ul li a{height:22px; color:#fff; font-size:12px; text-decoration:none;}
#topPan ul li a:hover{ text-decoration:underline;}

.alltop{ background:url(../images/alltop.gif) repeat-x; height:131px; width:100%;}

#topPan ul li.register{ height:22px;}
#topPan ul li.register a{height:16px; display:block; color:#000; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px;}
#topPan ul li.register a:hover{ color:#FEF0B7; text-decoration:none;}

#topPan img.logo{width:281px; height:56px; position:absolute; top:30px; left:29px;}

#topPan p.callus{width:119px; height:25px; background:url(../images/callus-bg.gif) 0 0 no-repeat #212121; color:#fff; position:absolute; top:53px; right:115px; line-height:24px; text-align:center;}
#topPan p.phone{width:130px; height:25px; background:#212121; color:#EAE8CD; position:absolute; top:83px; right:109px; font-size:20px; line-height:25px; text-align:center;}

/*----/TOP PANEL----*/

/*----HEADER- PANEL----*/
#headerPan{width:100%; position:relative; margin:0 auto;}
#headerleftPan{width:46px; float:left;}
/*----Header Middle Panel----*/
#headermiddlePan{width:100%; float:left;}

/*----Menu Panel----*/
#menuPan{width:100%; height:31px; position:relative; margin:0 auto; border-bottom:1px solid #E8E8E8; margin-bottom:2px;}
#menuPan ul{width:790px; height:30px; position:absolute; top:1px; left:14px;}
#menuPan ul li{width:120px; height:30px; float:left; color:#fff}
#menuPan ul li a{width:120px; height:30px; display:block;color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;background:url(../images/btn_sep.png) no-repeat 115px 3px;}
#menuPan ul li a:hover{width:120px; height:30px;color:#fff; border:none; text-decoration:underline;}

#menuPan ul li.home a{width:120px; height:30px;color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none; padding-right:1px;}
#menuPan ul li.home a:hover{ text-decoration:underline;}
#menuPan ul li.contact a{width:120px; height:28px; display:block;color:#fff; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none; background:none}
#menuPan ul li.contact a:hover{text-decoration:underline;}

/*----/Menu Panel----*/
#headerbodyPan{width:804px; position:absolute; top:42px; left:46px; background:#FEFDF1; color:#fff; border-bottom:1px solid #F2F2F2; border-top:1px solid #F2F2F2;}
/*---- Header Red Panel----*/
#headerleftredPan{width:600px; background:url(../images/redpan-bg.jpg) 0 0 repeat-x #FEFDF1; color:#fff; position:absolute; top:32px; left:0px; padding-left:10px;}

#headerleftredPan h2{font-size:18px; margin-top:10px;}

#headerleftredPan p{padding-top:10px;}
#headerleftredPan p a{ color:#FFFFFF; text-decoration:none;}
#headerleftredPan p a:hover{ text-decoration:underline;}


#headermiddleredPan{width:161px; height:142px; background:url(../images/red-image.jpg) 0 0 no-repeat; position:absolute; top:13px; left:600px;}
/*----Header MORE Panel----*/
#headermorePan{width:47px; height:123px; position:absolute; top:32px; right:0px; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; }
#headermorePan a{width:39px; height:38px; display:block; background:url(../images/headermore-normal.gif) 0 0 no-repeat #FEFDF1; color:#FFF; text-decoration:none; padding:85px 0 0 8px;}
#headermorePan a:hover{background:url(../images/headermore-hover.gif) 0 0 no-repeat; text-decoration:none;}

/*----/Header MORE Panel----*/
/*----Header Middle Panel----*/
#headerrightPan{width:46px; height:228px; float:left; background:url(../images/rightfolder.gif) 0 0 no-repeat;}
/*----HEADER- PANEL----*/
#bodymiddle{ width:100%;}

/*----BODY PANEL----*/
#bodyPan{ width:73%; position:relative; margin:0 auto; float:left; padding-left:15px;border:1px solid #F2F2F2; margin-top:10px; margin-left:10px;*margin-left:10px;_margin-left:4px;}
#bodyPan h2{width:98%; color:#CF0A1D; font:24px "Trebuchet MS",Arial, Helvetica, sans-serif; border-bottom:1px solid #EAE8E9; padding-top:10px; margin-bottom:10px; font-weight:bold;}
#bodyPan .features_left{ width:48.7%;*width:48.5%;_width:45.5%; background-color:#F5F5F5; float:left; padding-left:0px; margin:0 auto;}
#bodyPan .features_left h3{ color:#08487B; font:20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; width:99%; }

.features_left .hot_dan { background-color:#FFFFFF; padding:10px 10px 10px 0;}
.features_left .hot_dan li{word-break:break-all;}
.features_left h4 a:hover{ text-decoration:underline; color:#E42B22}
.features_left .hot_double {padding:10px 10px 10px 0; }
.features_left .hot_double li{word-break:break-all; line-height:20px;}


#bodyPan .features{ margin-top:0px; width:48%;*width:48%!important;*width:47%; float:right; margin-right:10px;*margin-right:10px;_margin-right:8px;}

#bodyPan .features li{padding-top:5px; font-size:12px;background:url(../images/biao.gif) 0 8px no-repeat; padding-left:10px;margin-left:10px; list-style-type:none; line-height:19px;}
#bodyPan .features li span{padding-left:15px;}
#bodyPan .features li a{ text-decoration:none; color:#D80000}
#bodyPan .features li a:hover{ color:#FF0000}


#bodyPan .features1{ margin-top:0px; width:100%; float:left; margin-right:10px;}
#bodyPan .features1 li{padding-top:5px; font-size:12px;background:url(../images/biao.gif) 0 8px no-repeat; padding-left:10px;margin-left:10px;line-height:19px;}
#bodyPan .features1 li span{padding-left:15px;}
#bodyPan .features1 li a{ text-decoration:none; color:#D80000}
#bodyPan .features1 li a:hover{ color:#FF0000}

#bodyPan h3{ color: #08487B; border-bottom:1PX solid #EAE8E9; padding-bottom:3px;}
#bodyPan #dou h4{ color: #DF463E; font-weight:bold; font-size:18px; padding-top:6px}
#bodyPan #dou h4 a{ color: #DF463E;}

#bodyPan .nodouble{ width:18%; float:left; background-color:#FFFFFF; padding-left:12px;}
#bodyPan .nodouble li{ width:60px; float:left; line-height:20px;}

#bodyPan .double{width:18%; float:left;padding-left:12px;}/* background-color:#F5F6F5; */
#bodyPan .double li{ width:60px; float:left;line-height:20px;}



#bodyPan p{padding:6px 0 0;}
#bodyPan p span{font-weight:bold;}
#bodyPan p.date{width:252px; height:22px;color:#08487B; font-size:18px; line-height:22px; padding:0px; font-weight:bold;}
#bodyPan p.more{width:102px; height:12px; margin:0 0 0 542px; padding:0 0 14px 0;}
#bodyPan p.more a{width:102px; height:12px; display:block; color:#D80000; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#bodyPan p.more a:hover{color:#FF0000; text-decoration:none;}
#bodyPan p.border{background:url(../images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0;}

#bodyright{ background-color:#FFFFFF; width:220px; float:right;margin:10px 15px 10px 0px; _margin-right:7px;}
#bodyright ul{ margin-top:5px; margin-bottom:15px;}
#bodyright p.date{width:210px; height:24px; background:#0062A4; color:#fff; font-size:16px; line-height:22px; padding-left:10px; margin-top:5px; }
#bodyright ul li{ padding-left:10px; line-height:26px;}
#bodyright ul li a{ color:#000; text-decoration:none;}
#bodyright ul li a:hover{ color:#D80000}
#bodyright .vendors li{border-bottom:1px dashed #B8B594; padding-left:20px; font-size:12px; width:196px;}
.box .p_e{ padding-left:10px;}
.box .p_e li{width:90;*width:90px!important;*width:85px; float:left; font-size:12px;border-bottom:1px dashed #B8B594;}
.box .p_e1{ padding-left:10px;}
.box .p_e1 li{width:25%; float:left; font-size:12px;border-bottom:1px dashed #B8B594;}
.box p.date{width:210px; height:24px; background:#0062A4; color:#fff; font-size:16px; line-height:22px; padding-left:10px; margin-top:5px; }
/*----Body Bottom Panel----*/
#bodybottomPan{width:640px; position:relative; margin:0 auto; padding:30px 0 0 8px;}
/*----Bottom Left Panel----*/
#bottomleftPan{width:300px; float:left; background:url(../images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #F2F2F2; border-left:1px solid #F2F2F2; border-right:1px solid #F2F2F2; margin:0px;}
#bottomleftPan h2{width:250px; height:58px; background:url(../images/icon1.jpg) 0 0 no-repeat; font:24px/24px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 35px; margin:22px 0 0 21px;border:1px solid #ff0000}
#bottomleftPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}

#bottomleftPan ul{width:250px; margin:15px 0 0 20px; }
#bottomleftPan ul li{width:240px; height:30px; background:url(../images/bullet1.gif) 0 0 no-repeat;} 
#bottomleftPan ul li a{width:210px; height:30px; display:block; background:url(../images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#000; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 40px;}
#bottomleftPan ul li a:hover{display:block;background:url(../images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#000; line-height:30px;} 
 
#bottomleftPan p.more{width:206px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomleftPan p.more a{width:206px; height:21px; display:block; background:url(../images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomleftPan p.more a:hover{background:url(../images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
/*----/Bottom Left Panel----*/

/*----Bottom Right Panel----*/
#bottomrightPan{width:300px; float:left; background:url(../images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#FF0000; border-bottom:1px solid #F2F2F2; border-left:1px solid #F2F2F2; border-right:1px solid #F2F2F2; margin:0 0 0 8px;}
#bottomrightPan h2{width:250px; height:58px; background:url(../images/icon2.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 25px; margin:12px 0 0 21px;}
#bottomrightPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}

#bottomrightPan ul{width:260px; margin:15px 0 0 50px;}
#bottomrightPan ul li{width:240px; height:30px; background:url(../images/bullet1.gif) 0 0 no-repeat;} 
#bottomrightPan ul li a{width:200px; height:30px; display:block; background:url(../images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 20px;}
#bottomrightPan ul li a:hover{display:block;background:url(../images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
 
#bottomrightPan p.more{width:206px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomrightPan p.more a{width:206px; height:21px; display:block; background:url(../images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomrightPan p.more a:hover{background:url(../images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
/*----/Bottom Left Panel----*/

/*----FOOTER PANEL----*/
#footermainPan{height:135px; background:url(../images/footerbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:75px 0 0;}

#footerPan{width:700px; position:relative; margin:0 auto;}

#footerPan ul{width:480px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background:#3B3B3B; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:220px; position:relative; margin:0 auto; background:#3B3B3B; color:#fff;  font-size:11px;}

#footerPan ul.templateworld{width:250px; background:#3B3B3B; color:#fff; display:block; position:absolute; top:70px; left:260px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#3B3B3B; display:block; color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:265px;}
#footerPanhtml a{width:66px; height:24px; display:block; background:url(../images/html-bg-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
#footerPanhtml a:hover{background:url(../images/html-bg-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:340px;}
#footerPancss a{width:58px; height:24px; display:block; background:url(../images/css-bg-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
#footerPancss a:hover{background:url(../images/css-bg-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff; text-decoration:none;}
/*----/FOOTER PANEL----*/


