@import "base.css";

body {
  background-color: #8593B8;
}

#header {
  width: 800px;
  margin: 0 auto;
}

#header h1 a img {
  margin-left: 8px;
  border: 0;
}

#header h4 {
  width: 700px;
  text-align: center;
  font-size: 90%;
  margin-bottom: 4px;
}

#header h4 a,
#header h4 a:visited,
#header h4 {
  text-decoration: none;
  color: #ffffff;
}

#header h4 a:hover,
#header h4 a:active {
  text-decoration: underline;
}


#header h3 {
  text-align: right;
  font-size: 90%;
  margin: 4px;
}

#header h3 a,
#header h3 a:visited {
  text-decoration: none;
  color: #ffffff;
}

#header h3 a:hover,
#header h3 a:active {
  text-decoration: underline;
}

#topnav {
  width: 800px;
  height: 45px;
  margin: 0 auto;
  background-image: url("/seating/images/v3/topnav_blank.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color: #ffffff;
}

#topnav ul {
  width: 800px;
  height: 45px;
  text-align: right;
  background-image: url("/seating/images/v3/topnav_blank.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color: #ffffff;
}


body.ex #topnav ul {
  background-image: url("/seating/images/v3/topnav_sprite.png");
  background-position: 0 -180px;
}

body.cf #topnav ul {
  background-image: url("/seating/images/v3/topnav_sprite.png");
  background-position: 0 -135px;
}

body.ct #topnav ul {
  background-image: url("/seating/images/v3/topnav_sprite.png");
  background-position: 0 -90px;
}

body.me #topnav ul {
  background-image: url("/seating/images/v3/topnav_sprite.png");
  background-position: 0 -45px;
}

body.gr #topnav ul {
  background-image: url("/seating/images/v3/topnav_sprite.png");
  background-position: 0 -0px;
}

#topnav li {
  display: block;
  float: right;
  width: 71px;
  padding: 4px 6px 0 6px;
  text-align: left;
  line-height: 0.8em;
}

#topnav li a,
#topnav li a:visited {
  display: block;
  line-height: 11px;
  width: 71px;
  height: 41px;
  font-size: 77%;
  color: #000000;
  text-decoration: none;
}

#topnav li a:hover,
#topnav li a:active {
  color: #bf0000;
  text-decoration: underline;
}

body.ex #topnav li a.ex,
body.ex #topnav li a.ex:visited {
  color: #bf0000;
}

body.cf #topnav li a.cf,
body.cf #topnav li a.cf:visited {
  color: #bf0000;
}

body.ct #topnav li a.ct,
body.ct #topnav li a.ct:visited {
  color: #bf0000;
}

body.me #topnav li a.me,
body.me #topnav li a.me:visited {
  color: #bf0000;
}

body.gr #topnav li a.gr,
body.gr #topnav li a.gr:visited {
  color: #bf0000;
}

/*
#topnav li a.me {
  text-align: center;
}
*/

#content {
  width: 800px;
  margin: 0 auto;
  background-color: #ffffff;
  background-image: url("/seating/images/v3/content_bg.png");
  background-repeat: repeat-y;
}

#footer {
  width: 800px;
  margin: 0 auto;
  background-color: #8593B8;
  background-image: url("/seating/images/v3/bottom_corners.png");
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 14px;
}

#footer ul {
  text-align: right;
  margin-right: 10px;
}

#footer li {
  display: inline;
  color: #ffffff;
}

#footer li#copyright {
  margin-right: 30px;
}

#footer li a,
#footer li a:visited {
  color: #ffffff;
  text-decoration: none;
  font-size: 85%;
}

#footer li a:hover,
#footer li a:active {
  text-decoration: underline;
}

#footer li img {
  vertical-align: bottom;
}