﻿/*
■item:娄底市环境保护局
■support:京博科技
■object:WEB front-end development WEB
■technology:纯div+css
■characteristic:兼容IE5-8，FF，OPERA等主流浏览器]
■update:2009-10-14
*/

/*main style*/
body{background:#FFFFFF; margin:0px auto; width:1000px; text-align: -moz-center !important; text-align:center;}
div a img{border:0px}
div{font-size:12px; color:#000000; text-align:left}
div a{font-size:12px; color:#fff; text-decoration:none; line-height:14px; line-height:20px;}
div a:hover{font-size:12px; color:#FF0000; text-decoration:none}
#clear{clear:both}


#leftMainBox{width:780px; float:left}
#leftMainBox_L1{ width:210px; float:left}
#leftMainBox_L2{width:570px; float:left}

#rightMainBox{width:220px; float:left}



#btn1{background:url(../../images/HOME/LBTN1.gif) no-repeat; width:208px; height:34px; text-align:center; margin-left:0px; ; margin-top:4px;}
#btn1 a,#btn2 a,#btn3 a{ color:#fff; font-size:14px; font-family:"黑体"; line-height:37px}
#btn1 a:hover,#btn2 a:hover,#btn3 a:hover{text-decoration:underline}

#btn2{background:url(../../images/HOME/LBTN2.gif) no-repeat; width:208px; height:34px; text-align:center; margin-left:0px; ; margin-top:4px;}
#btn3{background:url(../../images/HOME/LBTN3.gif) no-repeat; width:208px; height:34px; text-align:center; margin-left:0px; ; margin-top:4px; display:block; text-indent:64px; _text-indent:60px}




.links{margin-left:27px;}
.links select{width:150px;}

/*banner*/
#banner{background:url(../../images/HOME/BANNER.jpg); width:1000px; height:146px; clear:both; overflow:hidden }
#banner div{text-align:right; padding-right:36px; color:#FFFFFF}
#banner div a{color:#FFFFFF}
#banner div a:hover{color:#FF0000}


#nav{background:url(../../images/home/NAV_BG.gif); width:1000px; height:45px; clear:both; z-index:100px; margin-top:-12px; +margin-top:0px}
#nav ul{list-style:none;}     
#nav li {float:left;position:relative;}    
#nav ul ul {visibility:hidden;position:absolute;left:3px; top:23px; background:#fff; filter: alpha(opacity=80);-moz-opacity:0.8; opacity: 0.8; padding-top:10px; margin-top:8px; _margin-top:6px; border:1px #666 solid;}    
#nav table {position:absolute; top:0px; left:-50px; }/*IE6仅<a>标签支持:hover伪类，但如果a标签里面再嵌入a标签，里面的a标签将不会生效，所以必须在之间套加一层table*/    
#nav ul li:hover ul,#nav ul a:hover ul{visibility:visible;}    
#nav a{display:block; padding:2px 2px;margin:3px;color:#330000;text-decoration:none; font-size:14px; line-height:16px;}    
#nav a:hover{color:#f00; border:0px #666 solid;}/*这里的border是兼容IE6有效*/    

#nav a:hover em,#nav ul:hover em/*FF兼容箭头*/ {display:block; overflow:hidden; border:6px solid #000; border-color:#000 #fff; border-width:6px 6px 0 6px; position:absolute; left:30%; top:31px;margin-left:-6px;}



#nav ul ul li {clear:both; text-align:left; font-size:12px;}    
#nav ul ul li a{display:block; height:13px; margin:0; margin:3px 3px 1px 3px; font-weight:100; width:80px; color:#66666; font-size:12px;} /*margin(padding):top right down left*/
#nav ul ul li a:hover{background:#F0F0F0; border:none}  
  
.mainNav{color:#333; text-decoration:none; font-weight:bold; font-size:14px; padding:9px 3px 0px 0px }

#more{text-align:right; padding-right:20px; margin-top:10px; clear:both}
#more2{ padding-right:20px; text-align: -moz-right !important; text-align:right; }
#more2 a{display:block; background:url(../../images/home/MORE.gif); width:43px; height:18px;}


#weather{height:29px; text-align:right; line-height:35px; padding-right:20px;}

/*bottom*/

#bottom{margin-top:0px; text-align:center; color:2c2b2a; line-height:22px; text-align:left}
#bottomOK{background:url(../../images/HOME/BOTTOM_bg.gif); height:89px; width:1000px; text-align:center; padding-top:20px; color:#074d92 }
#bottom a{color:#074d92; text-decoration:none; line-height:22px;}
#bottom a:hover{color:#FF0033; text-decoration:underline}


/*input*/
.inputArea{border:1px #CCCCCC solid;}
.inputBtn{border:none;}


/*main_title_bg*/
#left1_titleBG{background:url(../../images/home/TITLE_BG1.gif); color:#FFFFFF; display:block; text-indent:20px; width:208px; height:23px; clear:both; font-size:13px; font-weight:bold; line-height:26px; overflow:hidden}
#left1_titleBG div#t1{ width:144px; float:left; color:#FFFFFF; line-height:26px;}
#left1_titleBG div#t2 a{ font-weight:100; float:left; line-height:25px;}

#left1_titleBG_con{border:1px #436e90 solid; width:206px;margin-bottom:8px; min-height:139px; height:auto !important/*FF自适应*/; height:139px; overflow:hidden;/*FF*/ +overflow:visible/*IE*/;}
#left1_titleBG_con a{line-height:23px; padding-left:10px; width:183px; color:#333; background:url(../../images/HOME/ARROW1.gif) no-repeat 8px 8px; padding-left:19px; display:block; text-indent:17px; font-size:14px; border-bottom:1px #CCCCCC dashed; margin-bottom:8px; margin-top:5px;}
#left1_titleBG_con a:hover{ color:#FF0000}



#leftcon1_btn a{background:url(../../images/HOME/CONBG1.gif) no-repeat; width:180px; _width:170px; height:35px; color:#c86969; font-size:13px; font-weight:bold; line-height:37px; display:block; text-indent:70px; margin-left:10px; margin-bottom:7px;}
#leftcon1_btn a:hover{color:#000;}


/*---*/


#left2_titleBG{background:url(../../images/home/TITLE_BG2.gif); color:#FFFFFF; display:block; text-indent:20px; width:766px; height:28px; clear:both; font-size:13px; font-weight:bold; line-height:26px; overflow:hidden}
#left2_titleBG div#t1{ width:644px; float:left; color:#FFFFFF; line-height:28px;}
#left2_titleBG div#t2 a{ font-weight:100; float:left; line-height:28px;}


/*list_main*/
#list1{border:1px #436e90 solid; width:744px;margin-bottom:8px; min-height:70px; height:auto !important/*FF自适应*/; height:70px; overflow:hidden;/*FF*/ +overflow:visible/*IE*/; padding-left:20px;}/*主框架*/
#list1  ul{ list-style:none; text-align:left; margin:0px; padding-top:12px;}
#list1  ul li{line-style:none; line-height:20px; width:97%; height:20px; padding-bottom:7px; overflow:hidden}
#list1	ul li a{display:block; font-size:13px; color:#000000; background:url(../../images/home/ARROW3.gif) no-repeat 0px 6px; float:left; text-indent:17px; line-height:20px; overflow:hidden }
#list1	ul li a:hover{color:#f00; text-decoration:underline;  }
#list1  ul li span{ width:14%; float:right; color:#999; text-align:center; line-height:20px;}


#left3_titleBG_con{border:1px #436e90 solid; width:206px;margin-bottom:8px; min-height:170px; height:auto !important/*FF自适应*/; height:170px; overflow:hidden;/*FF*/ +overflow:visible/*IE*/;}
#left3_titleBG_con a{line-height:20px; padding-left:10px; width:183px; color:#333; background:url(../../images/HOME/ARROW3.gif) no-repeat 8px 8px; padding-left:19px; display:block; text-indent:13px; font-size:13px; margin-bottom:8px; margin-top:5px;}
#left3_titleBG_con a:hover{ text-decoration:underline}


#leftcon2_btn a{background:url(../../images/HOME/CONBG1.gif) no-repeat; width:180px; _width:170px; height:35px; color:#c86969; font-size:13px; font-weight:bold; line-height:37px; display:block; text-indent:70px; margin-left:10px; margin-bottom:7px;}
#leftcon2_btn a:hover{color:#000000}

/*---*/


#right1_titleBG{background:url(../../images/home/TITLE_BG3.gif); color:#FFFFFF; display:block; text-indent:20px; width:217px; height:25px; clear:both; font-size:13px; font-weight:bold; line-height:26px; overflow:hidden}
#right1_titleBG div#t1{ width:144px; float:left; color:#FFFFFF; line-height:26px;}
#right1_titleBG div#t2 a{ font-weight:100; float:left; line-height:25px;}

#right1_titleBG_con{border:1px #CCCCCC solid; width:215px;margin-bottom:8px; min-height:180px; height:auto !important/*FF自适应*/; height:180px; overflow:hidden;/*FF*/ +overflow:visible/*IE*/; _overflow:hidden}
#right1_titleBG_con a{line-height:23px; padding-left:10px; width:183px; color:#333; background:url(../../images/HOME/ARROW3.gif) no-repeat 8px 8px; padding-left:19px; display:block; text-indent:7px;}
#right1_titleBG_con a:hover{color:#FF0033; text-decoration:underline}




#right2_titleBG_con{border:1px #CCCCCC solid; width:215px;margin-bottom:8px; min-height:220px; height:auto !important/*FF自适应*/; height:220px; overflow:hidden;/*FF*/ +overflow:visible/*IE*/;}
#right2_titleBG_con a{line-height:23px; padding-left:10px; width:183px; color:#333; background:url(../../images/HOME/ARROW3.gif) no-repeat 8px 8px; padding-left:19px; display:block; text-indent:7px;}
#right2_titleBG_con a:hover{color:#FF0033; text-decoration:underline}



#center1{width:236px; float:left}
#center1 div#t1{border:#999999 0px solid; width:228px; height:184px; overflow:hidden; margin-top:5px; margin-left:8px;}
#center1 div#t2,#center1 div#t2 a{text-align:center; font-weight:bold; color:#000000}
#center1 div#t2 a:hover{ text-decoration:underline}
#center2{width:334px; float:left; overflow:hidden}
#center2 div#t2{width:342px; margin-left:20px; clear:both; color:#666; line-height:20px; height:170px; font-size:13px; margin-top:3px; }
#center2 div#t2 a{ background:url(../../images/HOME/ARROW2.gif) no-repeat 0px 5px; text-indent:16px; line-height:20px; color:#157575; text-decoration:none; width:240px; overflow:hidden; display:block; float:left}
#center2 div#t2 a:hover{color:#FF0000; text-decoration:underline}


#workTITle{width:280px; color:#FF0000; font-size:13px; font-weight:bold; float:left; padding-left:20px; margin-top:7px;}

#search{width:270px; height:30px; float:left}
#search input.inp{color:#CCCCCC; height:16px;} 
#search input.inpBtn{border:none; background:url(../../images/home/SEARCHBTN.gif); width:63px; height:20px; } 

#center3_titleBG{background:url(../../images/home/TITLE_BG4.gif); color:#FFFFFF; display:block; text-indent:20px; width:543px; height:22px; clear:both; font-size:13px; font-weight:bold; line-height:26px; overflow:hidden; margin-left:11px;}
#center3_titleBG div#t1{ width:84%; float:left; color:#FFFFFF; line-height:26px;}
#center3_titleBG div#t2 a{ font-weight:100; float:left; line-height:25px;}

#center3_titleBG_con{border:1px #436e90 solid; width:541px;margin-bottom:8px; min-height:90px; height:auto !important/*FF自适应*/; height:90px; overflow:hidden;/*FF*/ +overflow:visible/*IE*/; line-height:23px; padding-top:10px; margin-bottom:9px; color:#666666; margin-left:11px;}
#center3_titleBG_con a{line-height:23px; padding-left:10px; width:400px; color:#157575; background:url(../../images/HOME/ARROW3.gif) no-repeat 8px 8px; padding-left:19px; display:block; text-indent:7px; float:left}
#center3_titleBG_con a:hover{color:#FF0033; text-decoration:underline}



#conBox{float:left}
#conBoxBoundary{float:left; width:1px;}

#center4_titleBG{background:url(../../images/home/TITLE_BG4.gif); border:1px #ccc solid; border-bottom:none; color:#FFFFFF; display:block; text-indent:20px; width:264px; height:22px; clear:both; font-size:13px; font-weight:bold; line-height:26px; overflow:hidden; margin-left:11px;}
#center4_titleBG div#t1{ width:70%; float:left; color:#fff; line-height:26px;}
#center4_titleBG div#t2 a{ font-weight:100; float:left; line-height:25px; color:#fff}

#center4_titleBG_con{border:1px #ccc solid; border-top:none; width:264px;margin-bottom:8px; min-height:143px; height:auto !important/*FF自适应*/; height:143px; overflow:hidden;/*FF*/ +overflow:visible/*IE*/; line-height:23px; padding-top:10px; margin-bottom:9px; color:#666666; margin-left:11px;}
#center4_titleBG_con a{line-height:23px; padding-left:10px; width:80%; color:#157575; background:url(../../images/HOME/ARROW3.gif) no-repeat 8px 8px; padding-left:19px; display:block; text-indent:7px;}
#center4_titleBG_con a:hover{color:#FF0033; text-decoration:underline}


/***********************************subweb-style**********************************/
#page{ height:30px; display:block; text-indent:30px; width:670px;}
#page a{color:#333333}
#page2{ height:30px; text-indent:96px;}







