/* CSS Document */

/*  main */

body{padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#363535; line-height:18px; background: url(images/top_bg_main.jpg) repeat-x #6d6d6d;}

h1,h2,h3,h4,h5,h6,ul,li,p,br,span,div,form,input,textarea{padding:0px; margin:0px;}

#main_bg{width:1004px; margin:0 auto;}

#main{width:1004px; float:left; background:url(images/_body_bg.jpg) repeat-y;}
#bottom{width:1004px; float:left; height:50px; background:url(images/_panel_bottom_bg.jpg) no-repeat left top;} 

/* top start */ 
#topbg{width:1004px; float:left; height:auto; background: url(images/top_bg.jpg) no-repeat left top; }
#topbg #logo{width:653px; float:left; height:101px;}
#topbg #logo img{display:block; position:relative; left:50px;  }

#topbg #topnav{width:351px; float: left; height:101px; background:url(images/top_nav_bg.jpg) no-repeat top left; }
#topbg #topnav ul{width:281px; float: left; height:35px; top:8px; left:20px;  padding:0px; margin:0px; display:block;  list-style-type:none; position:relative;}
#topbg #topnav ul li{padding:0px; margin:0px; display:block; float:left;}
#topbg #topnav ul li a{font-size:12px; font-weight:bold; color:#FFFFFF; padding-right:17px; line-height:24px; text-decoration:none; }
#topbg #topnav ul li a:hover{font-size:12px; font-weight:bold; color:#FFFFFF; padding-right:17px; line-height:24px; text-decoration:none; }

#topbg #topnav form{width:301px; float:left; position:relative; }

#topbg #nav{width:1004px; float:left; height:39px; z-index:999;}

#topbg #nav ul{width:800px; height:39px; position:relative; display:block; list-style-type:none; left:147px;}
#topbg #nav ul li{float:left; display:block; padding-right:80px;}
#topbg #nav ul li a{font-size:16px; color:#FFFFFF; text-decoration:none; line-height:39px;}
#topbg #nav ul li a:hover{font-size:16px; color: #CCCCCC; text-decoration:none; line-height:39px;}

/* top end */



/* content bottom start */
 

#content_bottom_main{width:1004px; float:left; padding-top:20px;}
#content_bottom{width:904px; position:relative; left:48px;}
#content_bottom #bottom_nav{ width:904px; float:left; height:33px; background:url(images/bottom_nav_bg.jpg) repeat-x;  }
ul.sub_domain{ list-style-type:none; position:relative; display:block; left:18px; width:900px; }
ul.sub_domain li{float:left; display:block;}
ul.sub_domain li a{font-weight:bold; text-decoration:none; padding-right:20px; padding-left:20px; color:#444444; line-height:33px;}

ul.sub_domain li a:hover{font-weight:bold; text-decoration:none; padding-right:10px; padding-left:10px;padding-right:20px; padding-left:20px; color:#444444; line-height:33px;}

#content_bottom #text{width:884px; float:left; padding-left:10px; padding-right:10px; padding-top:20px; background: #f4f5f6; padding-bottom:15px;}
#content_bottom #text h1{font-size:18px; font-weight:normal; color:#363535; line-height:35px;}

#content_bottom #footernav{ width:884px; float:left; padding-left:10px; padding-right:10px; padding-top:10px; }
ul.footernav{list-style-type:none;}
ul.footernav li{float:left; display:block;}
ul.footernav li a{padding-right:5px; padding-left:5px; color:#000000; text-decoration:none;}
ul.footernav li a:hover{padding-right:5px; padding-left:5px; color:#000000; text-decoration:none;}

#content_bottom #copyright{width:884px; float:left; padding-left:10px; padding-right:10px; padding-top:20px;  padding-bottom:15px;}
ul.footernav{list-style-type:none;}

span.copyright{display:block; float:left;}
span.copyright a{color:#1c1b1b; line-height:28px; text-decoration:none;}
span.copyright a:hover{color:#1c1b1b; line-height:28px; text-decoration:none;}
span.virtualifocom{display:block; float:right; line-height:28px;}
span.virtualifocom a{color:#1c1b1b; line-height:28px; text-decoration:none;}
span.virtualifocom a:hover{color:#1c1b1b; line-height:28px; text-decoration:none;}

 


/* content bottom end */








/*   sub  */

h1{font-size:18px; font-weight:bold; color:#FFFFFF; line-height:24px;}
h2{font-size:24px; font-weight: normal; color: #333333; line-height:24px;}
h3{color:#cf8004; font-weight:bold; font-size:16px; line-height:24px;}
h3.small{color: #333333; font-weight:bold; font-size:12px; line-height:24px;}
h3.black{color: #000000; font-weight:bold; font-size:16px; line-height:27px;}
h3.black_small{color: #000000; font-weight:bold; font-size:13px; line-height:27px;}
h4{color:#ed1b2e; font-weight:bold; font-size:18px; line-height:24px;}

span.text1{width:604px; float:left; width:604px; display:block;}

ul.bullet1{list-style-type:none; padding-top:10px; display:block; float:left; width:604px; }
ul.bullet1 li{display:block; float:left; width:270px; margin-bottom:10px; background:url(images/bullet.jpg) left  no-repeat; padding-left:25px; font-size:12px;}

ul.bullet2{list-style-type:none; padding-top:10px; display:block; float:left; }
ul.bullet2 li{display:block;  padding-bottom:10px; background:url(images/bullet2.jpg) 0px 3px no-repeat; padding-left:25px; font-size:12px;}

ul.bullet3{list-style-type:none; padding-top:10px; display:block; float:left; width:604px; }
ul.bullet3 li{display:block; float:left; width:270px; margin-bottom:10px; background:url(images/bullet2.jpg) left  no-repeat; padding-left:25px; font-size:12px;}

ul.bullet4{list-style-type:none;  display:block; float:left; width:604px; }
ul.bullet4 li{display:block;   margin-bottom:10px; background:url(images/bullet2.jpg) 0px 4px no-repeat; padding-left:25px; font-size:13px;}

ul.bullet5{list-style-type:none; padding-top:10px; display:block; float:left; width:604px; }
ul.bullet5 li{display:block; float:left; width:589px; margin-bottom:10px; background:url(images/bullet.jpg) left  no-repeat; padding-left:15px; font-size:12px;}


a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color:#363535; line-height:18px; text-decoration: none    ;}
a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#363535; line-height:18px; text-decoration: underline;}

a.bold{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#363535; line-height:18px; text-decoration: none    ;}

a.bold:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#363535; line-height:18px; text-decoration: none    ;}

a.middle{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#363535; line-height:18px; text-decoration: none;}
a.middle:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#363535; line-height:18px; text-decoration: underline;}

a.more{background:url(images/more_bg.jpg) no-repeat; width:87px; height:18px; color:#000000; text-align:center; display:block; text-decoration:none; margin-top:10px;} 
a.more:hover{background:url(images/more_bg.jpg) no-repeat; width:87px; height:18px; color:#000000; text-align:center; display:block;text-decoration:none; margin-top:10px;} 

a.gallery_icon{display:block; text-align:left; background:url(images/gallery_icon.jpg) no-repeat left; line-height:22px; font-size:12px; text-decoration:none; font-weight:bold; padding-left:25px;}
a.gallery_icon:hover{display:block; text-align:left; background:url(images/gallery_icon.jpg) no-repeat left; line-height:22px; font-size:12px; text-decoration:none; font-weight:bold; padding-left:25px;}


#topbg #content_main{width:1004px; float:left; padding-bottom:20px; }
#topbg #content{width:878px; left:59px; top:18px; position:relative;  }
#topbg #content_main #left{width:223px; float:left;}
#topbg #content_main #right{width:638px; float: right;}

.topcontent_bg{width:614px; float:left; background:url(images/content_start.jpg) no-repeat top left #f4f4f3; padding:12px;}





.panel1_top{width:223px; float:left; background:url(images/sub_panel_bg_top.jpg) no-repeat top left #303131;}
.panel1_bottom{width:209px; padding:7px; float:left; background:url(images/sub_panel_bg_bottom.jpg) no-repeat bottom left ;}

ul.sub_left_nav1{list-style-type:none;}
ul.sub_left_nav1 li{ display: block; font-size:14px; color:#FFFFFF; font-weight: normal;}
ul.sub_left_nav1 li a{line-height:24px; font-weight:normal; color:#f3f3f3; text-decoration: none;}
ul.sub_left_nav1 li a:hover{line-height:24px; font-weight:normal; color:#f4eb01; text-decoration: none;}
ul.sub_left_nav1 li a.active{line-height:24px; font-weight:normal; color:#f4eb01; text-decoration: none;}

ul.sub_left_nav1 li a.bold{line-height:24px; font-weight:bold; color: #CCCCCC; text-decoration: none; display:block; padding:0px;}
ul.sub_left_nav1 li a.bold:hover{line-height:24px; font-weight:bold; color: #CCCCCC; text-decoration: none; display:block;  padding:0px;}

ul.sub_left_nav1 li a.bold2{line-height:24px; font-weight:bold; color: #CCCCCC; text-decoration: none; display:block; background:none; }
ul.sub_left_nav1 li a.bold2:hover{line-height:24px; font-weight:bold; color: #CCCCCC; text-decoration: none; display:block; background:none; }






.panel2_top{width:223px; float:left; background:url(images/sub_panel2_bg_top.jpg) no-repeat top left #efa302; margin-top:10px;}
.panel2_bottom{width:206px; padding:7px; padding-left:10px; float:left; background:url(images/sub_panel2_bg_bottom.jpg) no-repeat bottom left ;}
ul.sub_left_nav2{list-style-type:none;}
ul.sub_left_nav2 li{width:206px; display:block; padding-bottom:3px; }
ul.sub_left_nav2 li a{color:#000000; background:url(images/sub_panel2_btn_bg.jpg) no-repeat left top; line-height:29px; text-decoration:none; display:block; padding-left:10px;}
ul.sub_left_nav2 li a:hover{color:#b84c04; background:url(images/sub_panel2_btn_bg.jpg) no-repeat left top; line-height:29px; text-decoration:none; display:block; padding-left:10px;} 

.panel3_top{width:223px; float:left; background:url(images/sub_panel3_bg_top.jpg) no-repeat top left #303131; margin-top:10px;}
.panel3_bottom{width:209px; padding:7px;  float:left; background:url(images/sub_panel3_bg_bottom.jpg) no-repeat bottom left ;}

ul.news{ list-style-type:none; display:block;}
ul.news li{display:block; background:url(images/dot1.jpg) repeat-x bottom; padding-bottom:10px; padding-top:10px;}
ul.news li.noborder{display:block; background: none; padding-bottom:10px; padding-top:10px;}
ul.news li a{color:#CCCCCC; text-decoration:none;} 
ul.news li a:hover{color:#CCCCCC; text-decoration: underline;} 

#url_bg{width:627px; padding-left:10px; float:left; height:25px; background:url(images/url_bg.jpg) no-repeat left top;}

ul.url{list-style-type:none;} 
ul.url li{float:left; display:block;}
ul.url li a.home{color:#000000; background:url(images/url_arrow.jpg) no-repeat top right; padding-right:10px; text-decoration:none; display:block; line-height:25px; font-size:12px; }
ul.url li a.home:hover{color:#000000; background:url(images/url_arrow.jpg) no-repeat top right; padding-right:10px; text-decoration:none; display:block; line-height:25px; font-size:12px; }

ul.url li a.home2{color:#000000; background:url(images/url_arrow.jpg) no-repeat top right; padding-right:10px; text-decoration:none; display:block; line-height:25px; font-size:12px; padding-left:10px; }
ul.url li a.home2:hover{color:#000000; background:url(images/url_arrow.jpg) no-repeat top right; padding-right:10px; text-decoration:none; display:block; line-height:25px; font-size:12px; padding-left:10px; }

ul.url li a.normal{color:#000000;  padding-right:10px; padding-left:10px; text-decoration:none; display:block; line-height:25px; font-size:12px; }

ul.url li a.normal:hover{color:#000000; padding-right:10px; padding-left:10px; text-decoration:none; display:block; line-height:25px; font-size:12px; }


.field{float:left; background-color:#fbf8f2; border:#6e6e6e 1px solid; width:200px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; margin-top:20px;}

.button{float:left; width:90px; height:20px; background-image:url(../images/buttomH.png); font-family:"Times New Roman"; font-size:14px; color:#666; padding-top:3px; padding-left:10px;}
.button a:hover{ text-decoration:none; }
.thumbnail{float: left;width:130px; height:180px;
border: 1px solid #999;
margin: 10px 10px 15px 0;
padding: 3px 3px 10px 3px ; text-align:center; font-weight:bold; color:#FF0000; font-size:12px;}
.thumbnail a{color:#FF0000; text-decoration:none;}
.thumbnail a:hover{color:#FF0000;}
.clearboth { clear: both; }

.thumbnail img{float: left;margin: 0 0px 8px 0;}

.box_ab{width:600px; float:left; margin-top:10px}
.box_ab ul{ margin:0; padding:0}
.box_ab ul li{ border: 1px solid #DDDDDD; box-shadow: 1px 1px 4px #CCCCCC; background-color:#fff; width:500px; padding:10px 30px; list-style:none; float:left; margin:10px 6px; height:20px; font-weight:bold; background-image:url(images/arrow.jpg); background-repeat:no-repeat; background-position: center left}
.box_ab ul li a{  font-weight:bold}

.box_ab1{width:600px; float:left; margin-top:10px}
.box_ab1 ul{ margin:0; padding:0}
.box_ab1 ul li{ border: 1px solid #DDDDDD; box-shadow: 1px 1px 4px #CCCCCC; background-color:#fff; width:165px; padding:10px; list-style:none; float:left; margin:10px 6px; height:180px; font-weight:bold; }
.box_ab1 ul li a{  font-weight:bold}

