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

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

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

h1, h2, h3, h4, h5, h6 {
  color: #8eb072;
}

a:link, a:hover, a:visited, a:active {
  color: #8eb072;
}

/* 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 */

/* HOMEPAGE HEADER CSS ENDS */


/* PRIMARY LINKS CSS STARTS */

.logged-in-cafe-primary-links ul.primary-bg {
  background:url(cafe_images/primary-ul-bg.jpg) no-repeat;
  width: 910px;
  height: 24px;
  *width: 948px;
  *position: relative;
  *left: 0em;
  *float: left;
  *margin: 0 0 0 18em;
  *padding: 0;
}

.page-primary-links {
  background:transparent url(cafe_images/primary-bg.jpg) repeat scroll 0 0;
  height:24px;
  margin:2em 0 0;
  text-align:center;
  width:100%;
}

.page-primary-links-inner {
  background:url(cafe_images/primary-ul-bg.jpg);
  background-repeat:repeat-x;
  width: 950px;
  height: 24px;
  margin: 0 auto;
  *width: 945.5px;
  *float: left;
  *margin: 0;
  *padding: 0;
  *margin: 0 0 0 18.1em;
  _margin: 0 0 0 5.95em;
}


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

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

.page-primary-links-inner ul.page-primary-bg li {
  float: left;
  display: inline;
  padding: 0 1.5em 0 1.5em;
  margin: 0.3em 0 0 0;
  list-style-type: none;
/*  _padding: 0 1.5em 0 1.5em;*/
  _width: 40px;
}

ul.page-primary-bg li.divider {
  margin: 0;
  padding: 0;
}

/* FOOTER LINKS CSS ENDS */

/* FOOTER LINKS CSS STARTS */

.cafe-page-links, .cafe-page-links-loggedout {
  background:url(../cafe_images/page-footer.png);
  width: 100%;
  height: 120px;
  margin: 0;
  text-align: center;
}

ul.page-footer-links {
  margin: 0 auto 0 auto;
  width: 932px;
  height: 24px;
  _width: 910px;
}

ul.page-footer-links-loggedout {
  margin: 0 auto 0 auto;
  width: 730px;
  height: 24px;
  _width: 690px;
}

ul.page-footer-links img, ul.page-footer-links-loggedout img {
  border: 0;
}

 ul.page-footer-links li, ul.page-footer-links-loggedout li {
  float: left;
  display: inline;
  padding: 0 0.2em 0 0.2em;
  margin: 1em 0 0 0;
  list-style-type: none;
}

.primary-links {
  width: 105px;
}

.page-footer-links li.divider, .page-footer-links-loggedout li.divider {
  margin: 0.6em 0 0 0;
  padding: 0;
}

/* FOOTER LINKS CSS ENDS */

/* PAGE CONTENT CSS STARTS */

.page-content, .about-us-content, .tech-requirements-content {
  margin: 0 auto 0 auto;
  padding: 0 0 2em 0;
  width: 946px;
  _margin: 0 0 0 5em;
  *position: relative;
  *left: 6em;
}

.page-content-inner, .cafe-about-us-inner, .tech-requirements-inner {
  margin: 0 auto 0 auto;
  width: 800px;
  background-repeat: no-repeat;
  position: relative;
  top: 1.3em;
  text-align: left;
}

.page-content-inner table, .content-outer, .cafe-about-us-inner table, .page-content-inner {
}

/* PAGE CONTENT CSS ENDS */

/* POWERED BY CSS STARTS */

.page-powered-by {
  margin: -5em auto 0 auto;
  text-align: right;
  width: 950px;
  padding: 1em 0 0 0;
  *width: 1150px;
  _width: 1090px;
}

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

/* POWERED BY CSS ENDS */


.login-hide {
 display: none;
}

.invi-code #form1 {
 float: right;
}

.stepbox {
 clear: right;
}

.image-credit {
left:-0.5em;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
position:relative;
top:1em;
width:940px;
}

#form1 {
 float: right;
}


#application-sort {
 float: left;
}


/*Main.php*/
.welcome-note {
 float: left;
}

.logged-in-user {
 float: left;
}

.user-details {
 float:left;
 width: 100%
}

.welcome-user {
 float: left;
}

a.cafe-entry:active { /*hover background color*/
  background-color:#013B81;
  color:#000;
}