@charset "utf-8";

body{ font-size:13px; margin:0 10px; color:#333333; background-color:#fff; }
p{ margin:0 0 13px 0; }
h2 { font-size:15px; color:#666; text-decoration:none; margin:0 0 15px 0; overflow:hidden; height:18px; }
body,input,select{font-family:Verdana, Arial, Helvetica, sans-serif;}
img{ border:none; }
input, textarea{ background-color:#FFF; border:solid 1px #AAA; }

#container{ margin: 30px auto; width:820px; min-width:760px; max-width:1100px; }

.i1{ background-image:url(img/back1.png); }
.i2{ background-image:url(img/back2.png);}
.d1 .m{ height:10px;}
.d1 .l{ background-repeat:no-repeat;  }
.d1 .r{ background-repeat:no-repeat; padding-right:10px; margin-left:10px; background-position:100% -180px; }
.d1 .m{  background-position:0 -10px;  }

.d2 .m{ height:auto;}
.d2 .l{ background-repeat:repeat-y;  }
.d2 .r{ background-repeat:repeat-y; padding-right:10px; margin-left:10px; background-position:100% 0; }
.d2 .m{ background-color:#fff;   }

.d3 .m { height:80px;}
.d3 .l{ background-repeat:no-repeat; background-position:0 -20px; }
.d3 .r{ background-repeat:no-repeat; padding-right:10px; margin-left:10px; background-position:100% -190px; }
.d3 .m{  background-position:0 -100px;  background-position:0 -100px; }

#menu{ padding:10px 0px; text-align:center; height:15px; border-top:#DDD 1px solid; }
#menu ul{ list-style-position: outside; list-style-type: none; padding:0; margin:0 auto; width:750px; }
#menu li{ float: left; margin:0 20px; }

#headerWrapper{ padding:0; }
#header{padding: 5px 0; }
#content,#contentWrapper,#contentExt{  padding:0;  height:400px; width:800px;  overflow:hidden; }
#contentExt{ display:none; overflow:auto; }
#contentExpander{ width:19999px;}
.ele{ width:760px; height:360px; padding:20px; overflow:hidden; float:none; }
#prj{ float:left; }

.scroll-pane{ height:320px; overflow:auto; width:100%; }
.hideFlow{ overflow:hidden; }
#newsPane{ width:510px; }
#homeSide{ float:right; width:230px; }

#prjTopics,#prjThumbnails{float:left;}

#prjThumbnails{ line-height:0;}
#prjThumbnails ul{list-style-position: outside; list-style-type: none; }
#prjThumbnails li{float: left;}
#prjThumbnails img{ padding:2px; border:2px solid #CCC; margin:2px; width:100px; height:75px; }

#prjTopics{ float:left; width:230px; height:320px; margin-left:15px; border:1px dashed #CCC; }
#prjTopics span{display:none;}
#prjTopics li{ padding:10px; font-size:13px; cursor:pointer; margin:2px; }
#prjTopics li:hover,.prjTabOn{ background-color:#EEE; }

#prjShow .loading{ text-align:center; padding:180px;}
#prjImage {float:left; margin-left:15px; width:460px; height:320px; overflow:hidden; text-align:center; cursor:pointer; }
#prjImage img{padding:2px; border:2px solid #CCC;}
#prjShowChooseBar li{float:right; padding-left:5px; cursor:pointer;}
#prjShowChooseBar li:hover,.numberChoosing{ text-decoration:underline;  }
#prjShowBack{  margin-left:10px; }
.loadingBg{ background:no-repeat center url(img/ajax-loader.gif);}
#prjDetail{ float:left; width:262px; padding:10px; border:1px dashed #CCC;}


#homeSide>div,.picList div{  border:1px dashed #CCC; }

#homeSide>div{ border:1px dashed #CCC; margin-bottom:10px; padding:5px; }
h3{ font-size:13px; color:#888; margin:0 0 5px 0; }

.script{display:none;}
.linker,.tab{ text-decoration:none; color:#888; cursor:pointer; }
.linker:hover,#menu a:hover,.tabOn{color:#000;}
.right{float:right; text-align:right;}
.left{float:left; text-align:left;}


.picList{list-style-position: outside; margin:0; list-style-type: none; padding-left:10px; }
.picList li{ margin-bottom:10px; clear:both;  }
.picList img{ float:left; margin:0; border:2px solid #CCC; padding:2px; margin-bottom:10px; }
.picList div{ float:left; padding:10px; margin:0 0 10px 10px; width:485px; }
#publications div{ border:none; }
#publications img{ width:120px; }


.locations{font-family: courier, monospace; }
#contactForm .title{width:100px;}
#contactForm .textBox{ width:450px; }
#contactForm  td{ padding:5px 0; }
#contactForm .error{  border:solid 1px #ff0000;  }

#notifyBar{ padding:5px; position:fixed; top:0; left:0; z-index:1; width:100%; 
background-color:#fefde2; border-bottom:1px solid #CCC; cursor:pointer;  }
#notifyBar .close{ float:right; margin-right:10px; display:none;}