div.topbar {
  height: 126px;
  background-color: #e5dcc9;
}

img.topbar {
  border: none;
  width: 175px;
  position: absolute;
  top: 0px;
  left: 0px;
}

div#logo {
  display: block;
  width: 155px;
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 15px;
  margin-top: 5px;
  padding: 5px;
}

div.topbarHeader {
  width: 680px;
  margin-top: 0;
  margin-left: 200px;
  padding-left: 10px;
  font-family:   Verdana, Tahoma, Arial, sans-serif;
  font-size: 1.3em;
  font-variant: small-caps;
  color: #556b92;
  background-color: #e5dcc9;
}

h1 {
  font-size: 2.5em;
  padding-bottom: 0;
  text-align: center;
}

td.topbar {
  font-size: 0.7em;
  font-weight: bold;
  text-align: center;
  color: #556b92;
}

.tab1 {
  display: block;
  width: 75px;
  background: url('../_images/topbar/tab1.gif') no-repeat;
  color: #ffffff;
  text-align: center;
  font-size: 0.9em;
  font-variant: small-caps;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: hand;
}

.tab1:hover {
  display: block;
  width: 75px;
  background: url('../_images/topbar/tab1a.gif') no-repeat;
  color: #ffffff;
  text-align: center;
  font-size: 0.9em;
  font-variant: small-caps;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: hand;
}

.tab2 {
  display: block;
  width: 100px;
  background: url('../_images/topbar/tab2.gif') no-repeat;
  color: #ffffff;
  text-align: center;
  font-size: 0.9em;
  font-variant: small-caps;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: hand;
}

.tab2:hover {
  display: block;
  width: 100px;
  background: url('../_images/topbar/tab2a.gif') no-repeat;
  color: #ffffff;
  text-align: center;
  font-size: 0.9em;
  font-variant: small-caps;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: hand;
}

.tab3 {
  display: block;
  width: 150px;
  background: url('../_images/topbar/tab3.gif') no-repeat;
  color: #ffffff;
  text-align: center;
  font-size: 0.9em;
  font-variant: small-caps;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: hand;
}

.tab3:hover {
  display: block;
  width: 150px;
  background: url('../_images/topbar/tab3a.gif') no-repeat;
  color: #ffffff;
  text-align: center;
  font-size: 0.9em;
  font-variant: small-caps;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: hand;
}

.tab4 {
  display: block;
  width: 200px;
  background: url('../_images/topbar/tab4.gif') no-repeat;
  color: #ffffff;
  text-align: center;
  font-size: 0.9em;
  font-variant: small-caps;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: hand;
}


div#hsgtab {
  position: absolute;
  left: 250px;
  top: 70px;
  width: 75px;
}
div#ucatab {
  position: absolute;
  left: 351px;
  top: 70px;
  width: 150px;
}
div#vistatab {
  position: absolute;
  left: 502px;
  top: 70px;
  width: 75px;
}
div#rsvptab {
  position: absolute;
  left: 603px;
  top: 70px;
  width: 75px;
}
div#cacfptab {
  position: absolute;
  left: 704px;
  top: 70px;
  width: 75px;
}


div#locationstab {
  position: absolute;
  left: 225px;
  top: 88px;
  width: 100px;
}
div#estab {
  position: absolute;
  left: 326px;
  top: 88px;
  width: 150px;
}
div#proptab {
  position: absolute;
  left: 477px;
  top: 88px;
  width: 100px;
}
div#cmtab {
  position: absolute;
  left: 578px;
  top: 88px;
  width: 150px;
}
div#hktab {
  position: absolute;
  left: 729px;
  top: 88px;
  width: 150px;
}


div#hometab {
  position: absolute;
  left: 200px;
  top: 106px;
  width: 100px;
}
div#fstab {
  position: absolute;
  left: 301px;
  top: 106px;
  width: 100px;
}
div#wxtab {
  position: absolute;
  left: 402px;
  top: 106px;
  width: 150px;
}
div#tptab {
  position: absolute;
  left: 553px;
  top: 106px;
  width: 100px;
}
div#transport {
  position: absolute;
  left: 654px;
  top: 106px;
  width: 150px;
}
div#hstab {
  position: absolute;
  left: 805px;
  top: 106px;
  width: 100px;
}















a.topbarMenu, a.topbarMenu.visited {
  text-decoration: none;
}

.button:hover {
  background: url('../_images/topbar/button2.gif') no-repeat;
  color: #000;
}

.button:hover a {
  color: #000;
}

/*
.button:active {
  background-color:#bbb;
  color: #000;
  border-top: 5px #888 solid;
  border-left: 5px #666 solid;
  border-right: 5px #444 solid;
  border-bottom: 5px #222 solid;
}
*/

.topbarSubtitle {
  font-size: 0.9em;
  color: #556b92;
  font-weight: bold;
}

div#cse-search-box {
  width: 160px;
  height: 66px;
  position: absolute;
  top: 7px;
  left: 830px;
  padding: 5px;
  text-align: center;
  background: url('http://www.ucancap.org/_images/topbar/searchbox.gif') no-repeat;
}

h3.search {
  color: #ffffff;
  font-size: 13px;
  padding-bottom: 5px;
}

input#q {
  margin-bottom: 5px;
}