.site {
        margin: 0 auto;
        width: 798px;
        height: auto;
}

#top-site {
	width: 100%;
	height: auto;
	float: left;
	display: inline;
	border-bottom: 1px solid #6476C8;
}
.comfi-logo {
	float: left;
	display: inline;
	border: 0;
	margin-top: 10px;
	margin-bottom: 3px;
}
#my-account {
	margin: 0;
	padding: 0;
	width: 120px;
	height: auto;
	text-align: right;
	float: right;
	display: inline;
	margin-top: 30px !important;
}
#my-account a { color: #777; text-decoration: none;  font-size: 12px}
#my-account a:hover { color: #00F; text-decoration: underline; }

.bar { width: 540px; float: left }
.bar td { color: #777;  font-size: 12px; font-family: Arial; }
.bar img { margin: 3px 0 2px 8px; }
.bar ul { margin: 0;
          padding: 2px 8px 0 0;
          list-style: none;
          width: 540px;
          margin-top: 29px;
          margin-left: 12px;
          float: left;
          display: inline;
}
.bar li {
  float: left; margin: 0; margin-left: 4px; padding: 0;
  background: url("/cg/bar/rt.gif") no-repeat right top;
  width: 90px;
  text-align: center;
}

.bar li a, .bar li a:active, .bar li a:visited {
  display: block;
  background: url("/cg/bar/lt.gif") no-repeat left top;
  text-decoration: none;
  padding: 5px 6px 5px 7px;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  white-space: nowrap;
  color: #777;
}

.bar li a:hover { color: #300; text-decoration: underline; }

.bar #current {
  background: #67c;
  background: url("/cg/bar/a-rt.gif") no-repeat right top;
}

.bar #current a {
  background: url("/cg/bar/a-lt.gif") no-repeat left top;
  padding-bottom: 5px;
  font-size: 12px;
  color: #FFF;
}

.bar #current a:hover { color: #afa }

.bar .rl, .bar .rl:active, .bar .rl:visited {  color: #669;  text-decoration: none; }
.bar .rl:hover {  color: #00f;  text-decoration: underline; }