body {
  background-color: #fff;
  font-family: Arial, Times New Roman;
  font-size: 80%;
}

#cafe-wrapper {
  width: 100%;
  margin: 0 auto 0 auto;
}

#cafe-container  {
  width: 100%;
  margin: 0 auto 0 auto;
}

/* HOMEPAGE HEADER CSS STARTS */

#cafe-header {
  background: url(cafe_images/header-bg.png);
  width: 948px;
  margin: 0 auto 0 auto ;
  height: 102px;
}

/* LOGO AND TAGLINE CSS STARTS */

.logo-tagline {
  padding: 1em;
}

.cafe-logo {
  float: left;
  margin: -0.5em 0 0 0;
}

.cafe-logo img {
  border: 0;
}

.cafe-tagline {
  float: left;
  margin: 0.5em 0 0 1em;
}

/* LOGO AND TAGLINE CSS ENDS */

/* USER LOGIN CSS STARTS */

.user-login {
  color: #000;
  float: right;
  width: 370px;
  margin: 0;
}

.username-password {
  float: left;
  width: 260px;
}

.login {
  float: left;
  margin: -1.7em 0 0;
  padding:0;
}

.username span, .password span{
  float: left;
  width: 51px;
  height: 19px;
  clear: left;
  position: relative;
  top: 0.3em;
}

.username, .password {
  width: 190px;
  float: left;
}

.username input, .password input {
  width: 120px;
  height: 16px;
  background: url(cafe_images/user-pass-textfield.png) no-repeat ;
  border: 0;
}

.forgot-password {
  float: right;
  margin: 0 2.3em 0 0;
}

.forgot-password img {
  width: 168px;
  height: 18px;
}

.new-user-login img {
  width: 84px;
  height: 65px;
  float: left;
}

/* USER LOGIN CSS ENDS */

/* LOGGED IN HEADER CSS STARTS */

.logged-in-header {
  float: left;
  width: 400px;
  margin: -0.5em 0 0 2em;
}

.logged-in-header img {
  border: 0;
}

.header-calendar, .header-help {
  float: left;
  margin: 0 0 0 1em;
}

.header-user-details {
  float:left;
  margin: 0 0 0 2em;
  text-align:center;
  color:#7f7f7f;
  font-size:0.85em;
  font-weight: bold
}

.header-user-details .user {
  padding: 0 0 0.5em 0;
}

/* LOGGED IN HEADER CSS ENDS */

/* HOMEPAGE HEADER CSS ENDS */

/* PRIMARY LINKS CSS STARTS */

.cafe-primary-links, .logged-in-cafe-primary-links {
  background:url(cafe_images/primary-bg.jpg);
  width: 100%;
  height: 24px;
  margin: 2em 0 0 0;
  text-align: center;
}

.logged-in-cafe-primary-links ul.primary-bg li {
  display:inline;
  float:left;
  list-style-type:none;
  margin:0.3em 0 0;
  padding:0 2.6em;
  *padding:0 3em;
  _float: none;
}

.logged-in-cafe-primary-links ul.primary-bg {
  _clear: left;
  _margin: 0 0 0 5.5em;
  _padding: 0;
}

.logged-in-cafe-primary-links ul.primary-bg li.primary-links {
  width: 106px;
  *width: 185px;
  *float: left;
  _width: 185px;
  _float: left;
  _padding: 0;
}

.logged-in-cafe-primary-links ul.primary-bg li a {
  color: #666666;
}

ul.primary-bg {
  background:url(cafe_images/primary-ul-bg.jpg);
  margin: 0 auto 0 auto;
  width: 910px;
  height: 24px;
  *width: 948px;
  *position: relative;
  *left: 0em;
}

ul.primary-bg img {
  border: 0;
}

ul.primary-bg li {
  float: left;
  display: inline;
  padding: 0 1.5em 0 1.5em;
  margin: 0.3em 0 0 0;
  list-style-type: none;
  _margin: 0 0 0 0.85em;
}

ul.primary-bg li:active {
  background: url(cafe_images/active.png);
  height: 20px;
}

.primary-links {
  width: 105px;
}

ul.primary-bg li.divider {
  margin: 0;
  padding: 0;
  _position: relative;
  _left: 0.6em;
  _top: 0.2em;
  _float: left;
}

/* PRIMARY LINKS CSS ENDS */

/* MAIN CONTENT CSS STARTS */

.cafe-content {
  width: 100%;
  background: url(cafe_images/content-bg.png);
  margin: 1em 0 0 0;
  height: 324px;
}

.cafe-content-inner {
  margin: 0 auto 0 auto;
  width: 1020px;
  background:url('cafe_images/content-pic.png');
  width: 951px;
  height: 293px;
  background-repeat: no-repeat;
  position: relative;
  top: 1.3em;
}

.cafe-event {
  float:right;
  margin: 0 5.5em 0 0;
  background:url('cafe_images/grey-bg.png');
  width: 228px;
  height: 288px;
  color: #fff;
}

/*
#cafe-event-rotate {
  height: 288px;
}
*/
.event-more-info a {
  color: #fff;
  font-weight: bold;
  padding: 0 0 0 1em;
}

.event-title {
  font-weight: bold;
}

.event-dates, .event-deadline, .event-fee, .event-days {
  padding: 0 1em 0 1em;
}

.event-title {
  padding: 1em 1em 1.5em 1em;
}

.event-desc {
  padding: 1em 1em 0.5em 1em;
}

/* MAIN CONTENT CSS ENDS */

/* BOTTOM CONTENT CSS STARTS */

.cafe-bottom {
  width: 100%;
  background: url(cafe_images/bottom-bg.png);
  margin: 1em 0 0 0;
  height: 102px;
}

.cafe-bottom-inner {
  margin: 0 auto 0 auto;
  width: 1020px;
  position: relative;
  top: 0.5em;
}

.cafe-listing {
  float: left;
  margin: 0 0 0 3.5em;
  width: 400px;
  background: url('cafe_images/cafe-listing.png');
  background-repeat: no-repeat;
}

.cafe-listing-anchor-transprnt {
  width: 129px;
  float: left;
  margin: -6.8em 0 0 -0.75em;
}

.cafe-listing-anchor-transprnt img {
  border: 0;
}

#canadaprovinces a:link, #canadaprovinces a:visited, #canadaprovinces a:hover {
  color: #666;
}

.prev {
  float:left;
  left:9.2em;
  position:relative;
  top: -4.5em;
}

.next {
  float:right;
  left:1em;
  position:relative;
  top:-4.5em;
}

.prev img, .next img {
  border: 0;
}

.bottom-cafe-help {
  float: left;
  margin: 0 3em 0 2em;
}

.bottom-cafe-help img {
  border: 0;
}

.license-cafe {
  float: left;
}


.license-cafe img {
  border: 0;
}


/* BOTTOM CONTENT CSS ENDS */

/* ABOUT US CSS STARTS */

.cafe-about-us-outer, .tech-requirements-content {
  margin: 0 auto 0 auto;
  width: 946px;
  *position: relative;
  *left: 0.42em;
  *width: 942.5px;
}

.cafe-about-us-inner, .tech-requirements-inner {
  margin: 0 auto 0 auto;
  width: 800px;
  background-repeat: no-repeat;
  position: relative;
  top: 1.3em;
  padding: 0 0 2em 0;
}

/* ABOUT US CSS STARTS */

.calendar-outer {
  margin: 0 auto 0 auto;
  width: 946px;
  *position: relative;
  *left: 0.42em;
  *width: 942.5px;
}

.calendar-inner {
  margin: 0 auto 0 auto;
  width: 800px;
  background-repeat: no-repeat;
  position: relative;
  top: 1.3em;
  padding: 0 0 2em 0;
}

/* POWERED BY CSS STARTS */

.cafe-powered-by {
  margin: 0 auto 0 auto;
  text-align: right;
  width: 950px;
  padding: 1em 0 0 0;
}

.cafe-powered-by img {
  border: 0;
}

/* POWERED BY CSS ENDS */

li#btnUp, li#btnDown {
  list-style-type: none;
  float: left;
}

div#easyscroll {
  clear: left;
}

ul#easyscrollnav {
  left:12em;
  position:relative;
  top:20em;
}