/* ****************** */

/* LEFT main section! */

/* ****************** */	
#main{text-align: left;width:960px;margin-top:2px;}

#front-pic{background-color: #fff;height:355px;height: expression(this.width < 355 ? 355 : true);float:left;text-align: left;width:643px;}
	#front-pic-box{padding:15px; }
		#front-pic-box-box{padding:5px; border:1px solid #dedede;}
/* ****************** */

/* RIGHT main section! */

/* ****************** */

#front-right{background-color: #fff;height:335px;height: expression(this.width < 335 ? 335 : true);float:left;text-align: left;width:285px;margin-left:2px;padding:15px 15px 5px 15px ;}

#feature-news{ }
	#feature-news .each{font-size: 12px; padding-bottom:5px;}
	#feature-news .each h1{font-size:12px; color:#002733;font-weight:bold;padding-bottom:2px;}
	#feature-news .each h1 a{text-decoration:none;}
	#feature-news .each h1 a:hover{text-decoration:underline;}
	#feature-news .each img{float:left; max-width:65px;  width: expression(this.width > 65 ? 65: true);max-height:65px; height: expression(this.width > 65 ? 65: true);padding:3px ; border: 1px solid #dedede; margin-right:4px;margin-top:1px;}
	
	

	#feature-news .each p{padding:0; margin:0; }
	#feature-news .clear {padding-bottom:0px;}





	
.twitter{width:320px; height:70px;background: url(images/twitter-bg1.png) no-repeat right top; background-color:#FFF; padding:10px; margin:10px;}
.headtwit{margin-left:5px;font: Arial, Helvetica, sans-serif; font-size:12; text-transform: uppercase; color:#000; font-weight:bold;}
	#twitter-text p{ width:320px;padding-right:80px;padding-top:5px; color:#002733;display: block; text-decoration:none; font-size:11px;  font-style:italic;vertical-align:top;}
	#twitter-text a{text-decoration: none; text-align:left;}
	#twitter-text a:hover{color:#002733;}
	
/* ****************** */

/* the top section : pic hilite one */

/* ****************** */
#top{
	background-color: #fff;
	min-height:93px;
	text-align: left;
	width:960px;
	margin-top:2px;

	}
	#top .top-box{margin-left:16px;}
	#top .top-box a img{float:left; margin:9px 9px 8px 0px; border:1px solid #FFFD69; max-height: 69px;padding:2px; background-color: #F1FD91;}	
	#top .top-box a:hover img{padding:0px; border:3px solid #cc0;}		
	
/* ****************** */

/* the mid section : the yellow one */

/* ****************** */

#mid{ background-color:	#cccc00; background-image:url(images/bg-mid3.png); background-repeat:repeat-x; background-position:bottom;
	min-height:400px;
	text-align: left;
	width:960px;
	margin-bottom:10px;padding-bottom:20px;
	margin-top:2px;
	color:#003;
	}
#mid a{ text-decoration:none; color: #076067;}
#mid a:hover{text-decoration:underline;}
#mid h2{ font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#002733; text-align:left; padding: 10px 0px;}

#mid1{float:left; width:220px; margin-right:10px;margin-left:10px;}
	
	.mid1-box{padding: 5px 5px 5px 15px;}
	
	#mid1 .mid1-box .proj-list ul {list-style-type: none;margin: 0 ;padding: 0;}
	#mid1 .mid1-box .proj-list ul li {height:100%;}
	#mid1 .mid1-box .proj-list ul li a, .mid1-box .proj-list ul li a:visited{color:#003;text-decoration: none;padding: 5px 0px 4px 3px;display:block;border-bottom: 1px solid #DDDF00; /*background:url(images/sidea.jpg) ; background-repeat:no-repeat;*/}
	#mid1 .mid1-box .proj-list ul li a:hover {color:#003; border-bottom: 1px solid #003; background-color:#DDDF00;/*background:url(images/sideh.jpg) ; background-repeat:no-repeat;*/}
	
	#mid1 .mid1-box .update-list ul {list-style-type: none;margin: 0 ;padding: 0;}
	#mid1 .mid1-box .update-list ul li {height:100%;}
	#mid1 .mid1-box .update-list ul li a, .mid1-box .proj-list ul li a:visited{color:#003;text-decoration: none;padding: 5px 0px 4px 3px;display:block;border-bottom: 1px solid #DDDF00;/*background:url(images/sidea.jpg) ; background-repeat:no-repeat;*/}
	#mid1 .mid1-box .update-list ul li a:hover {color:#003; border-bottom: 1px solid #003; background-color:#DDDF00;/*background:url(images/sideh.jpg) ; background-repeat:no-repeat;*/}
	#mid1 .mid1-box .update-list p{padding:0px 10px 10px 0px;}
	
#mid2{float:left; width:240px; margin-right:25px;}
	.mid2-box{padding:5px;}
	
	
#mid3{float:right; width:430px; padding-right:10px;}
	.mid3-box{padding:5px;}
	.mid3-box img{border: 5px solid #003;}
	#mid3 .map-des{padding-right:10px;margin-top:15px;}
	

#mid p, #front-main p{margin: 0;padding-bottom: 5px;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}




/* ****************** */

/* the top section : pic hilite slide */

/* ****************** */

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 110px;
  width: 960px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 4000px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  background-color:#fff;
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu a:hover {
  display: block;
  text-decoration: none;
}


.sc_menu span {
  display: none;
  margin-top: 2px;
  text-align: left;
  font-size: 10px;
  color: #333;
}
.sc_menu a:hover span {
  display: block;
  text-decoration:none;

}
.sc_menu img {
	max-height:68px;height: expression(this.width > 68 ? 68 : true);
  border: 1px #dedede solid;padding:3px;
 /* -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
  filter:alpha(opacity=90);
  opacity: 0.9;
}
.sc_menu a:hover img {
	border: 1px #dedede solid;padding:3px; background-color:#cc0;
  filter:alpha(opacity=100);
  opacity: 1;
}