HTML {
  height: 100%;
}
BODY {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #666666;
  height: 100%;
  text-align: center;
  font-family: "Trebuchet MS";
  background: #ffffff url(bgr.jpg) no-repeat center top;
}
#container {
  position: relative;
  top: 25px;
  width: 1008px;
  height: 630px;
  margin: 0px auto;
  text-align: left;  
  background: url(content.png) repeat-y center top;
}

#logo{
  position: absolute;
  width: 227px;  
  height:99px;
  top: 0px;
  left: 50px;
}
#login{
  position: absolute;  
  top: 10px;
  left: 578px;
  width: 400px;  
  height:99px;
  text-align: right;  
}
#menu{
  position: absolute;  
  text-align:center;
  top: 108px;
  left: 50px;
}
#top{
  position: absolute;
  width: 1000px;  
  height:300px;
  top: 141px;
  left: 0px;
}
#hrulertop{
  position: absolute;
  width: 1000px;  
  height:30px;
  top: 446px;
  left: 0px;
  background: url(hrulertop.png) no-repeat top center;
}
#event{
  position: absolute;
  width: 1000px;  
  height:100px;
  top: 476px;
  left: 0px;
  background: url(events.png) no-repeat top center;
}
#hruler{
  position: absolute;
  width: 1000px;  
  height:30px;
  top: 581px;
  left: 0px;
  background: url(hrulertop.png) no-repeat top center;
}
#bread{
       float: left;
       margin-left: 50px;
       margin-top:4px; 
       width: 600px;      
}
#search{
       float: left;
       margin-top:2px;
       margin-left: 120px;
       width: 180px;
}
.content {
  position: absolute;  
  top: 630px;
  left: 0px;  
  background: url(content.png) repeat-y center top;  
  width: 1008px;  
  text-align: left;    
}
#leftouter,
#submenu{
  width: 188px;  
  margin: 0px 0px 20px 50px;
  text-align: left;
}
#left,
#right,
#rightouter{
  display: none;
  text-align: left;  
}
#center{
  width: 675px;  
  margin: 0px 0px 20px 37px;
  text-align: left;
}
.twocol #center{
  width: 319px;  
  margin: 0px 0px 20px 37px;
}
.twocol #right{
  margin: 0px 0px 20px 37px;
  width: 319px;  
  display: block;    
}
.threecol #left{
  width: 200px;  
  display: block;  
  margin: 0px 0px 20px 37px;
}
.threecol #center{
  width: 200px;  
  margin: 0px 0px 20px 37px;
}
.threecol #right{
  margin: 0px 51px 20px 37px;
  width: 200px;  
  display: block;    
}
.home #leftouter,
.home #submenu{
  display: none;
}
.home #left{
  width: 188px;  
  display: block;  
  margin: 0px 0px 20px 50px;
}
.home #center{
  width: 188px;  
  margin: 0px 0px 20px 37px;
}
.home #right{
  margin: 0px 0px 20px 37px;
  width: 188px;  
  display: block;    
}
.home #rightouter{
  display: block;
  margin: 0px 50px 20px 37px;
  width: 225px;    
}
.footerbgr{
  width: 1000px;
  min-height: 138px;
   text-align: left;  
  background: url(footer.png) no-repeat left top;
}
#footer{
  margin: 50px 50px 10px 50px;  
  text-align: center;
  color: #4c4c4c;
  font-size: 10px;
}