* {
  font-family: "Georgia" , "Arial" , serif;
  padding: 0em;
  margin: 0em;
}

body {
  background: #000000 url( 'bg1.jpg' );
  padding: 20px 0px 35px 0px;
}

body, input {
  font-size: 10pt;
  font-family: "Georgia" , "Arial" , serif;
  color: #333333;
}
.legal {
  font-size: 85%;
}
.rgt {
  text-align: right;
}
.cnt {
  text-align: center;
}
.box {
  border: 1px solid black;
}
.button {
  border: 1px solid #000;
  color: #000;
  background: #899100;
}
.zeromargin {
  margin: 0;
}
.wow {
  font-weight: bold;
  color: #f00;
}
.alttabletr {
  background: #eee;
  color: #000;
}
table td, table th {
  vertical-align: top;
  padding: 3px;
}

p {
  line-height: 1.5em;
  margin-bottom: 1.0em;
  text-align: justify;
}

a {
  color: #7f8400;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}
.nopicture {
  background: url(nopicture.jpg) top right no-repeat;
  height: 200px;
}

h2 {
  margin-top: 10px;
  font-size: 1.7em;
  padding-left: 25px;
  background: #fff url( 'db1.gif' ) no-repeat left;
}
h3 {
  font-size: 1.2em;
  padding-left: 20px;
  background: #fff url( 'db2.gif' ) no-repeat left;
}

li {
  margin-left: 10px;
}

#upbg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 275px;
  background: #fff url( 'bg2.jpg' ) repeat-x;
  z-index: 1;
}

#outer {
  z-index: 2;
  position: relative; /* 	The width value below controls the overall width of the design. By default it's set to 82% 	(so it'll take up 82% of the browser window's width). You can set it to a different percentage 	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width. */
  width: 82%;
  border: solid 7px #fff;
  background-color: #fff;
  margin: 0 auto;
}

#header {
  position: relative;
  width: 100%;
  height: 70px;
  background: #2B2B2B url( 'topbg.gif' ) repeat-x;
  margin-bottom: 2px;
}
#header #bsd {
  position: absolute;
  top: 0;
  right: 0;
  height: 15px;
  width: 30px;
  background: #2B2B2B url('bsd.jpg') top left no-repeat;
}
#headercontent {
  position: absolute;
  top: 0em;
  padding: 0.5em 2.0em 1.3em 2.0em;
}

#headercontent #headertitle {
  font-weight: normal;
  color: #fff;
  font-size: 2em;
  margin-bottom: 0;
}

#headercontent #headerstrapline {
  margin-top: -5px;
  font-size: 1.0em;
  font-weight: normal;
  color: #aaa;
}

#headerpic {
  position: relative;
  height: 80px;
  background: #fff url( 'hdrpic.jpg' ) no-repeat center center;
  margin-bottom: 2px;
}

#menu {
  position: relative;
  background: #7F8400 url( 'menubg.gif' ) repeat-x top left;
  height: 3.5em;
  padding: 0em 1.0em 0em 1.0em;
  margin-bottom: 2px;
}

#menu ul {
  position: absolute;
  top: 1.1em;
}

#menu ul li {
  position: relative;
  display: inline;
}

#menu ul li a {
  padding: 0.5em 1.0em 0.9em 1.0em;
  color: #fff;
  text-decoration: none;
}

#menu ul li a:hover {
  text-decoration: underline;
}

#menu ul li a.active {
  background: #7F8400 url( 'menuactive.gif' ) repeat-x top left;
}

#menubottom {
  background: #fff url( 'border1.gif' ) repeat-x;
  height: 14px;
  margin-bottom: 0;
}

#content {
  padding: 0em 2.0em 0em 2.0em;
}

/* To change the width of the right column, change the margin-right of #primarycontainer, the right margin of #primarycontent, and the width of #secondarycontent */
#primarycontainer {
  float: left;
  margin-right: -12.0em;
  width: 100%;
}

#primarycontent {
  margin: 1.5em 16.0em 0em 0em;
}
#primarycontent #refusalform {
  margin: 0 10%;
  padding: 10px;
  background: #ddd;
}
#primarycontent #refusalform h2 {
  background: #ddd url( 'db1.gif' ) no-repeat left;
}
#primarycontent #signinform {
  float: left;
  padding-right: 15px;
}
#primarycontent #registerform {
  float: left;
  padding-left: 15px;
  border-left: 1px solid black;
}

#secondarycontent {
  margin-top: 1.5em;
  float: right;
  width: 12.0em;
}
#adminlinks {
  list-style: none;
  margin-bottom: 20px;
}
#adminlinks li {
  line-height: 1.5em;
}

#footer {
  position: relative;
  height: 2.0em;
  clear: both;
  padding-top: 5.0em;
  background: #fff url( 'border2.gif' ) repeat-x 0em 2.5em;
  font-size: 0.8em;
}

#footer .left {
  position: absolute;
  left: 2.0em;
  bottom: 1.2em;
}

#footer .right {
  position: absolute;
  right: 2.0em;
  bottom: 1.2em;
}
#footer .right .allloclink, #footer .right .allloclink:hover {
  color: #000;
  text-decoration: none;
}
.stars0, .stars05, .stars1, .stars15, .stars2, .stars25, .stars3, .stars35, .stars4, .stars45, .stars5 {
 margin: 0 auto;
 width :82px;
 height: 14px;
}
.stars0 {
 background-image: url(stars0.jpg)
}
.stars05 {
 background-image: url(stars0.5.jpg)
}
.stars1 {
 background-image: url(stars1.jpg)
}
.stars15 {
 background-image: url(stars1.5.jpg)
}
.stars2 {
 background-image: url(stars2.jpg)
}
.stars25 {
 background-image: url(stars2.5.jpg)
}
.stars3 {
 background-image: url(stars3.jpg)
}
.stars35 {
 background-image: url(stars3.5.jpg)
}
.stars4 {
 background-image: url(stars4.jpg)
}
.stars45 {
 background-image: url(stars4.5.jpg)
}
.stars5 {
 background-image: url(stars5.jpg)
}
#latestlocations {
  width: 150px;
  padding: 3px 3px 1px 3px;
  border: 1px solid #000;
  background: #ddd;
  color: #000;
  text-align: center;
}
#latestlocations h3 {
  padding: 0;
  background: #ddd;
}
#latestlocations .latestlocationdetail {
  margin: 3px 0;
  padding: 2px;
  background: #fff;
  color: #000;
}

/****** show location page *****/
#primarycontent #showlocation {
  margin: 10px;
  border: 1px solid #000;
  padding: 0;
}
#primarycontent #showlocation #googlemapcanvas {
  width: 500px;
  height: 500px;
  margin: 10px auto;
}
#primarycontent #showlocation h1 {
  border: none;
  border-bottom: 1px solid #000;
  background: #7F8400;
  color: #fff;
  font-size: 200%;
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 3px 0;
}
#primarycontent #showlocation h1 a {
  background: #E48905;
  color: #000;
}
#primarycontent #showlocation .locationdetail {
  padding: 10px;
}
#primarycontent #showlocation .locationdetail p {
  width: 100%;
}
#primarycontent #showlocation .locationdetail h3 {
  margin-top: 10px;
}
#primarycontent #showlocation .locationdetail .locationfeedback {
  margin: 5px 10% 10px 10%;
  background: #eee;
  padding: 0 5px;
}
#primarycontent #showlocation .locationdetail .locationfeedback .locationfeedbackuseranddate {
  font-size: 90%;
  text-align: right;
}
#primarycontent #showlocation .separator {
  width: 100%;
  margin: 0;
  padding: 3px 0;
  background: #7F8400;
  color: #fff;
  text-align: center;
  clear: both;
}
#primarycontent #showlocation .picture {
  text-align: center;
  margin: 10px auto;
}