/*//////////////////////////////////
// CONTAINERS
//////////////////////////////////*/

html,body {
  margin: 0px;
  padding: 0px;
  font-family: arial, sans-serif;
  font-size: 14px;
  background-image: url('images/legends-and-logos_01.png');
  background-repeat: repeat;
  height: 100%;
}

div#container {
  width: 700px;
  margin-left: -350px;
  position: relative;
  left: 50%;
  border-left: 2px solid black;
  border-right: 2px solid black;
  background: #DEE2F0;
}

div#container-bg {
  width: 700px;
  margin-left: -350px;
  position: absolute;
  left: 50%;
  height: 100%;
  border-left: 2px solid black;
  border-right: 2px solid black;
  background: #DEE2F0;
}

div#main {
  width: 680px;
  padding: 10px;
}

/*//////////////////////////////////
// MENU
//////////////////////////////////*/

div#menu {
  width: 161px;
}

div#menu-top {
  background-image: url('images/legends-and-logos_08.png');
  background-repeat: no-repeat;
  width: 161px;
  height: 11px;
  overflow: hidden;
}

div#menu-middle {
  background-image: url('images/legends-and-logos_14.png');
  background-repeat: repeat-y;
  width: 145px;
  padding: 8px;
}

div#menu-bottom {
  background-image: url('images/legends-and-logos_18.png');
  background-repeat: no-repeat;
  width: 161px;
  height: 11px;
  overflow: hidden;
}

ul.menu { padding-left: 20px; margin: 0px; }
li:hover.menu { background: #DEE2F0; }

/*//////////////////////////////////
// CONTENT
//////////////////////////////////*/

div#content {
  width: 502px;
  padding-left: 15px;
}

div#content-top {
  background-image: url('images/legends-and-logos_10.png');
  background-repeat: no-repeat;
  width: 502px;
  height: 11px;
  overflow: hidden;
}

div#content-middle {
  background-image: url('images/legends-and-logos_15.png');
  background-repeat: repeat-y;
  width: 488px;
  padding: 8px;
}

div#content-bottom {
  background-image: url('images/legends-and-logos_20.png');
  background-repeat: no-repeat;
  width: 502px;
  height: 11px;
  overflow: hidden;
}

p.center { text-align: center; }
p.header { font-weight: bold; }
p.content { padding-left: 20px; }

/*//////////////////////////////////
// FOOTER
//////////////////////////////////*/

div#footer {
  width: 680px;
  padding: 10px;
  text-align: center;
  font-size: .8em;
}

/*//////////////////////////////////
// HYPERLINKS
//////////////////////////////////*/

a { text-decoration: underline; color: #ED1C24; }
a:hover { text-decoration: underline; color: black; }

a.menu { text-decoration: none; color: black; }
a:hover.menu { text-decoration: underline; color: black; }

a.footer { text-decoration: underline; color: #ED1C24; }
a:hover.footer { text-decoration: underline; color: black; }

/*//////////////////////////////////
// VARIOUS
//////////////////////////////////*/

img.border { border: 1px solid black; }
img { border: none; }
table { border-collapse: collapse; }
.align-top { vertical-align: top; }
td { padding: 0px; }