body{
  margin:0;
  font: 12px Arial;
  line-height:1.4em;
}

img {
  border:0;
}

/* --------------------------Layout-------------------------- */

#wrapper{
  width:960px;
  margin:0 auto;
  background-color:#d8d8d8;
}

#header{
  height:125px;
  background: transparent url(/images/bg_header.jpg) no-repeat;
  position:relative;
  border-bottom:1px white solid;
}

#header .slogon{
 position:absolute;
 left:130px;
 top:30px;
}

#header .topnav{
  position:absolute;
  right:155px;
  top:12px;
  font: 0.8em Arial;
  color:white;
}

#header .topnav ul{
  list-style-type:none;
  margin-top:-2px;
}

#header .topnav li{
  margin:0 0 0 20px;
  padding:0 0 0 6px;
  background: transparent url(/images/bullet01.gif) no-repeat 0 5px;
  float:left;
}

#header .topnav a:link,#header .topnav a:visited{
  color:white;
  text-decoration:none;
}

#header .topnav a:hover{
  color:#ffcc00;
  text-decoration: underline;
}

#header .topnav-2{
  position:absolute;
  right:70px;
  top:100px;
  font:0.9em Arial;
}

#header .topnav-2 a:link, #header .topnav-2 a:visited{
  color:#666;
  text-decoration:none;
}

#header .topnav-2 a:hover{
  color:#ff6600;
  text-decoration:underline;
}

#header .topnav-2 ul{
  list-style-type:none;
  margin-top:-2px;
}

#header .topnav-2 li{
  height:60px;
  margin:2px 0 0 20px;
  float:left;
}

#header .topnav-2 li.home{
  padding:0 0 0 25px;
  background:transparent url(/images/bullet_home.gif) no-repeat;
}

#header .topnav-2 li.contactus{
  padding:0 0 0 25px;
  background:transparent url(/images/bullet_contact.gif) no-repeat;
}

#header .topnav-2 li.search{
  padding:0 0 0 25px;
  background:transparent url(/images/bullet_search.gif) no-repeat;
}

#header .topnav-2 .searchfield{
  width:100px;
  height:12px;
  margin-top:-2px;
  font:0.8em Arial;
}

#header .topnav-2 .searchbtn{
  width:45px;
  height:18px;
  padding:2px 0 0 5px;
  background: transparent url(/images/btn_search.gif) no-repeat;
  position:absolute;
  right:-55px;
  top:0;
  font:0.9em Arial;
  display:block;
}

#header .topnav-2 a.searchbtn:link,#header .topnav-2 a.searchbtn:visited{
  color:white;
}

#header .topnav-2 a.searchbtn:hover{
  color:#ff6600;
  text-decoration:none;
}

#header .loginbox {
  width:105px;
  height:20px;
  padding:0 0 0 25px;
  position:absolute;
  left:825px;
  top:10px;
  font: 0.9em Arial;
  color:white;
  background: transparent url(/images/bullet_member.gif) no-repeat;
}

#header .loginbox a:link,#header .loginbox a:visited{
  color:white;
  text-decoration:none;
}

#header .loginbox a:hover{
  color:#ffcc00;
  text-decoration: underline;
}

#container {
  width:920px;
  margin:25px auto 20px;
}

#containerleft {
  width:635px;
  float:left;
}

#containerleft #calendar{
  width:635px;
  height:417px;
  background: transparent url(/images/bg_calendar.jpg) no-repeat;
}

#containerleft #calendar .calendar_inner{
  width:595px;
  position:relative;
  left:20px;
  top:12px;
}

#containerleft #calendar .calendar_inner .topnav{
  height:28px;
  border-bottom:2px #a7b0b8 solid;
}

#containerleft #calendar .calendar_inner .monthnav {
  width:200px;
  color:#666;
  float:left;
}

#containerleft #calendar .calendar_inner .monthnav img{
  margin-bottom:-3px;
}

#containerleft #calendar .current_month {
  width: 100px;
  display: inline-block;
  text-align: center;
}
#containerleft #calendar .calendar_inner .week ul{
  margin:5px 0 0 -35px;
  list-style-type:none
}

#containerleft #calendar .calendar_inner .week li{
  width:84px;
  float:left;
  text-align:center;
}

#containerleft #calendar .calendar_inner .day ul{
  margin:5px 0 0 -35px;
  list-style-type:none;
}

#containerleft #calendar .calendar_inner .day li{
  width:82px;
  height:64px;
  float:left;
  border: 1px #ccc solid;
  background:transparent url(/images/bg_calendar_day.jpg) repeat-x;
}

#containerleft #calendar .calendar_inner .day .date{
  margin:0 5px;
  float:right;
  font:0.8em Arial;
  color:#999;
}

#containerleft #calendar .calendar_inner .day .event{
  width:68px;
  margin:0 0 2px 4px;
  padding:0 0 0 10px;
  font:0.8em solid;
  background: transparent url(/images/bullet03.gif) no-repeat 0 4px;
  overflow:hidden;
  white-space:nowrap;
}
#containerleft #calendar .calendar_inner .day .event a:link, #containerleft #calendar .calendar_inner .day .event a:visited{
  color:#2c55a3;
  text-decoration:none;
}

#containerleft #calendar .calendar_inner .day .event a:hover{
  color:#ff6600;
  text-decoration:underline;
}

#containerleft #indexnews {
  margin-top:16px;
  background: white url(/images/bg_indexnews_top.gif) no-repeat left top;
}

#containerleft #indexnews .indexnews_inner{
  width:620px;
  position:relative;
  left:10px;
  top:10px;
}

#containerleft #indexnews .indexnews_inner .rssfeed {
  width:190px;
  margin:0 7px;
  float:left;
  position:relative;
}

#containerleft #indexnews .indexnews_inner .rssfeed .more{
  position:absolute;
  right:5px;
  top:0;
}

#containerleft #indexnews .indexnews_inner .rssfeed .title{
  height:20px;
  border-bottom:2px #a7b0b8 solid;
  font-weight:700;
}

#containerleft #indexnews .indexnews_inner .rssfeed .topic{
  margin-top:8px;
  padding-bottom:5px;
  border-bottom: 1px #999 dashed;
}

#containerleft #indexnews .indexnews_inner .rssfeed .photo{
  width:82px;
  float:left;
}

#containerleft #indexnews .indexnews_inner .rssfeed .companyname{
  width:100px;
  float:right;
  font:0.9em Arial;
}

#containerleft #indexnews .indexnews_inner .rssfeed .date{
  font:0.8em Arial;
  color:#999;
}

#containerleft #indexnews .indexnews_inner .rssfeed a:link,#containerleft #indexnews .indexnews_inner .news a:visited{
  color:black;
  text-decoration:none;
}

#containerleft #indexnews .indexnews_inner .rssfeed a:hover {
  color:#ff6600;
  text-decoration: underline;
}

#containerleft #indexnews .indexnews_inner .case_studies {
  width:190px;
  margin:0 7px;
  float:left;
  position:relative;
}

#containerleft #indexnews .indexnews_inner .case_studies .more{
  position:absolute;
  right:5px;
  top:0;
}

#containerleft #indexnews .indexnews_inner .case_studies .title{
  height:20px;
  border-bottom:2px #a7b0b8 solid;
  font-weight:700;
}

#containerleft #indexnews .indexnews_inner .case_studies .topic{
  margin-top:8px;
  padding-bottom:5px;
  border-bottom: 1px #999 dashed;
}

#containerleft #indexnews .indexnews_inner .case_studies .photo{
  width:82px;
  float:left;
}

#containerleft #indexnews .indexnews_inner .case_studies .companyname{
  width:100px;
  float:right;
  font:0.9em Arial;
}

#containerleft #indexnews .indexnews_inner .case_studies .date{
  font:0.8em Arial;
  color:#999;
}

#containerleft #indexnews .indexnews_inner .case_studies a:link,#containerleft #indexnews .indexnews_inner .news a:visited{
  color:black;
  text-decoration:none;
}

#containerleft #indexnews .indexnews_inner .case_studies a:hover {
  color:#ff6600;
  text-decoration: underline;
}


#containerleft .indexnews_bottom{
  width:635px;
  height:15px;
  background: transparent url(/images/bg_indexnews_bottom.gif) no-repeat;
}

#containerright {
  width:270px;
  float:right;
}

#containerright .banner{
  margin:0 0 15px;
}

#containerright #toolbox{
  width:270px;
  height:90px;
  background: transparent url(/images/bg_toolpanel.jpg) no-repeat;
}

#containerright #toolbox .topnav{
  width:230px;
  margin:0 auto;
  padding:5px 0 5px;
  color:#333;
}

#containerright #toolbox .title{
  font: 1.2em Arial;
  font-weight:bold;
}

#containerright #toolbox .desc{
  font:0.8em Arial;
}

#containerright #toolbox .btnprevious{
  width:16px;
  height:45px;
  margin-top:5px;
  float:left;
}

#containerright #toolbox .btnnext{
  width:16px;
  height:45px;
  margin-top:5px;
  float:left;
}

#containerright #toolbox .icon{
  width:237px;
  height:50px;
  float:left;
  overflow: hidden;
  white-space:nowrap;
}

#containerright #toolbox .item{
  width:1000px;
}
#containerright #toolbox .item_container {
  display: inline-block;
}
#containerright #toolbox .icon a:link, #containerright #toolbox .icon a:visited{
  width:50px;
  margin:8px 6px 0 6px;
  float:left;
  display:block;
  text-decoration:none;
}

#containerright #toolbox .icon .toolitem{
  font:0.8em Arial;
  width:45px;
  visibility: hidden;
  text-align:center;
  color:#336600;
}

#containerright #toolbox .icon a:hover{
  margin-top:-5px;
  display:block;
  float:left;
}

#containerright #widget{
  width:270px;
  margin-top:22px;
  background: transparent url(/images/bg_widget.jpg) repeat-y;
}

#containerright #widget .widget_content{
  background: transparent url(/images/bg_widget_top.jpg) no-repeat;
  padding:10px 15px 0 15px;
}

#containerright #widget .widget_top{
  height:35px;
  margin:0 0 10px;
  border-bottom: 2px #999 solid;
  position:relative;
}

#containerright #widget .widget_bottom{
  background: transparent url(/images/bg_widget_bottom.jpg) no-repeat left bottom;
}

#containerright #widget .widget_top .title{
  font: 1.2em Arial;
  font-weight:bold;
}

#containerright #widget .widget_top .close{
  position: absolute;
  right:0;
  top:5px;
}

#containerright #widget .filestorage_list{
  border-bottom:1px #999 dashed;
  margin: 0 0 8px;
  padding:0 0 8px;
}

#containerright #widget .filestorage_list .filename{
  width:200px;
  float:left;
}

#containerright #widget .filestorage_list .filename a:link,#containerright #widget .filestorage_list .filename a:visited{
  color:#333;
  text-decoration:none;
}

#containerright #widget .filestorage_list .filename a:hover{
  color:#ff6600;
}

#containerright #widget .filestorage_list .filesize{
  color:#999;
  font: 0.9em Arial;
}

#containerright #widget .btn_upload{
  float:right;
  margin:0 0 -4px;
}

#containerright #widget .btn_upload a:link,#containerright #widget .btn_upload a:visited{
  width:74px;
  height:29px;
  padding:8px 0 0 12px;
  background:transparent url(/images/bg_uploadfile.gif) no-repeat;
  color:white;
  display:block;
  font: 0.9em Arial;
  text-decoration:none;
}

#containerright #widget .btn_upload a:hover{
  color:#ff6600;
}

#containerright #widget .namelist{
  width:230px;
  height:210px;
  overflow:auto;
}

#containerright #widget .namelist .name{
  border-bottom:1px #999 dashed;
  margin: 0 0 8px;
  padding:0 0 5px;
}

#containerright #widget .namelist .name a:link,#containerright #widget .namelist .name a:visited{
  color:#333;
  text-decoration:none;
}

#containerright #widget .namelist .name a:hover{
  color:#ff6600;
}

#footer{
  width:960px;
  height:50px;
  background-color:#6e6e6e;
}

#footer .text {
  width:900px;
  position: relative;
  left:25px;
  top:18px;
  color:white;
  font:0.9em Arial;
}

#footer a:link, #footer a:visited{
  color:white;
  text-decoration:none;
}

#footer a:hover{
  color:#ffcc00;
  text-decoration:underline;
}

.clearboth{
  clear:both;
}

.glow { border: 1px solid #979797; margin: 1px; color: #000000; }
.glow_focus { border: 2px solid #BDBAFD !important; margin: 0px; }

#containerleft .contentbox{
  background: transparent url(/images/bg_content_middle.jpg) repeat-y;
}

#containerleft .contentbox_top{
  background: transparent url(/images/bg_content_top.jpg) no-repeat;
}

#containerleft .contentbox_bottom{
  padding:0 15px 20px 15px;
  background: transparent url(/images/bg_content_bottom.jpg) no-repeat left bottom;
}

#containerleft .contentbox_bottom .pageheading{
  position:relative;
  left:0;
  top:58px;
  font-size: large;
  font-weight: bold;
  color: white;
}

#containerleft .contentbox_bottom .contentnav{
  margin-top:75px;
  color:#666;
  font-size:11px;
}

#containerleft .contentbox_bottom .contentnav a:link,#containerleft .contentbox_bottom .contentnav a:visited{
  color:#666;
  text-decoration:none;
}

#containerleft .contentbox_bottom .contentnav a:hover{
  color:#ff6600
}

#containerleft .contentbox_bottom .contentnav .leftcol{
  width:475px;
  float:left;
}

#containerleft .contentbox_bottom .contentnav .rightcol{
  width:120px;
  margin-top:-3px;
  padding:0 0 10px;
  float:right;
}
#containerleft .contentbox_bottom .contentnav .rightcol img {
  vertical-align: middle;
}
#containerleft .contentbox_bottom .updateinfo {
  margin-top:20px !important;
  margin-top:-55px;
  padding:0 0 10px;
  color:#999;
  border-bottom:1px #999 dashed;
}

#containerleft .contentbox_bottom .content{
  margin-top:15px;
  padding:0 0 15px;
  line-height:20px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 450px;
}

#containerleft .contentbox_bottom .content h1{
  font-size:2em;
  font-weight:bold;
  color:#333;
}
#containerleft .contentbox_bottom .realcontent {
}