/* CSS */

/* Reset default positioning values */
@import "reset.css";

/* Include HTML tags */
@import "cchtmltags.css";

/********** Layout */

body {
  font-family: Arial, verdana, sans-serif;
  color: #505050;
}

div.wrapper {
  margin: 0px 0px 0px 0px;
  width: 522px;
  height: auto;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
}

/********** Header */

#header {
  margin: 10px 0px 0px 0px;
}

#logo {
  float: left;
  display: inline;
  margin: 0px 0px 5px 5px;
}
#logo a{background:none; border-bottom:0; text-decoration:none;}

/************* Content */

#content {
  float: left;
  display: inline;
  height: auto;
  width: 512px;
  margin: 0px 0px 0px 10px;
}

#contentTop {
  float: left;
  display: inline;
  height: 8px;
  width: 500px;
  background: url('../images/blank_bucket_top_pop.gif') no-repeat scroll 0 0;
  margin: 30px 0px 0px 0px;
  overflow: hidden; /* for ie to hide extra height*/
}

#contentMiddle {
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  display: inline;
  float: left;
  height: auto;
  min-width: 498px;
  width: expression( document.body.clientWidth < 497 ? "497px": "auto" ); /* for ie to properly display minimum width */
}

#headline {
  font: Arial, Helvetica, Verdana, sans-serif #333;
  position: relative;
  z-index: 1;
  margin-top: -20px;
  background-color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  height: auto;
  left: 20px;
  line-height: 20px;
  top: 2px;
  width: 160px;
}

#contentSingleColumn {
  float: left;
  width: 455px;
  margin: 20px 20px 10px 20px;
  font-size: 14px;
  line-height: 20px;
}

.small {
  font-size: 12px;
}

#contentBottom {
  float: left;
  display: inline;
  height: 8px;
  width: 500px;
  background: url('../images/blank_bucket_bottom_pop.gif') no-repeat scroll 0 0;
}

#footer {
  float: left;
  display: inline;
  height: 20px;
  width: 500px;
}

/* center content */

.centercontentdis{
  width:548px;
  height:25px;
  background-color:#CCCCCC;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#006600;
  float:left;
  padding-left:20px;
  padding-top:10px;
  font-weight:bold;
}

.centercontentheadleft{
  width:80px;
  height:20px;
  float:left;
  background-color:#517374;
  font:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  padding-left:10px;
  padding-top:10px;
  color:#FFFFFF;
  font-weight:bold;
}

.centercontentheadright{
  width:288px;
  height:20px;
  float:left;
  background-color:#517374;
  font:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  padding-left:10px;
  padding-top:10px;
  color:#FFFFFF;
  font-weight:bold;
}

.centercontentheadcenter{
  width:170px;
  height:20px;
  float:left;
  background-color:#719092;
  font:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  padding-left:10px;
  padding-top:10px;
  color:#FFFFFF;
  font-weight:bold;
}

.centercontentleft{
  width:85px;
  float:left;
  font:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  padding-left:5px;
  padding-top:5px;
  color:#696969;
}

.centercontentright{
  width:293px;
  float:left;
  font:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  padding-left:5px;
  padding-top:5px;
  color:#696969;
}

.centercontentcenter{
  width:175px;
  float:left;
  font:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  padding-left:5px;
  padding-top:5px;
  color:#696969;
}

.mainbox{
  border-bottom: #E1EBC8 solid 1px;
  float:left;
  width:568px;
  height:30px;
}