/* ~~~~~~~~~~~~~~~~~ CSS BASE ~~~~~~~~~~~~~~~~~ */

body, h1, h2, h3, h4, p, table, tr, th, td, form {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
}
img { border: none; }

/* ~~~~~~~~~~~~~~~~ MAIN LAYOUT ~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~ PAGE ~~~~~~~~~ */

body {
  background: url(../common/images/background.jpg) repeat;
  font-family: arial, helvetica, serif;
  font-size: 12px;
  color: #000;
}
#page {
  width: 950px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #000;
}
#page-shadow {
  width: 1000px;
  margin: 0 auto;
}
#ps-top, #ps-bottom { height: 15px; }
#ps-top { background: url(../common/images/ps-top.png) center no-repeat; }
#ps-middle { background: url(../common/images/ps-middle.png) center repeat-y; }
#ps-bottom { background: url(../common/images/ps-bottom.png) center no-repeat; }

#header {
  text-align: center;
  background-color: #fff;
}
#footer {
  padding: 5px 0;
  background: url(../common/images/check.gif);
  border-top: 1px solid #000;
  font-weight: bold; font-size: 11px;
  text-align: center;
  color:#ccc;  
}

/* ~~~~~~ PAGE ITEMS ~~~~~~ */

.main-item, .side-item {
  margin: 8px;
  border: 2px solid #fff;
}
.side-item {
  width: 160px;
  margin-left: 0;
}
.main-body, .side-body {
  padding: 8px;
  border: 1px solid #000;
}
.side-body { padding: 5px; }

.main-body br { line-height: 8px; }
.side-body br { line-height: 5px; }

/* ~~~~~~~~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~ */

#menu {
  background: #394368 url(../common/images/menu-black.gif) repeat-x;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#menu ul {
  margin: 0;
  padding: 6px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
#menu ul li { display: inline; }
#menu ul li a {
  padding: 6px 15px;
  border-right: 1px solid #000;
  color: #fff;
  text-decoration: none;
}
#home a { border-left: 1px solid #000; }
#menu ul li a:hover, #menu ul li a#current { color: #fff; }

/* ~~~~~~~~~~~ COMMON PAGE ELEMENTS ~~~~~~~~~~~ */

h2.main-title, h2.auctions-title {
  padding: 4px 12px;
  border: 1px solid #000;
  border-bottom: none;
  font-size: 14px;
  text-transform: uppercase;
}
h2.main-title  { /*  To Be Modified */
  background: #a20000 url(../common/images/title-red.gif) repeat-x;
  color: #ffdddd;
}
h2.auctions-title  {
  background: #a20000 url(../common/images/title-red.gif) repeat-x;
  color: #ffdddd;
}

.content {
  position: relative;
  top: -3px;
  left: -3px;
  padding: 10px;
  background-color: #eee;
  border: 1px solid #000; line-height: 1.5em;
}
.content-shadow {
  margin: 3px 0 0 3px;
  background-color: #808080;
  border: 1px solid #444;
}

/* ~~~~~~~~~~~~~~~ MAIN CONTENT ~~~~~~~~~~~~~~~ */

/* ~~~~~~~ AUCTIONS ~~~~~~~ */

#auctions table { width: 100%; }
#auctions table th {
  padding: 2px 20px;
  text-align: left;
  vertical-align: top;
}
#auctions table td { padding: 2px 0; }
#auctions table td.catalogue {
  padding: 0 20px;
  font-weight: bold;
}

#auctions h2 {
  border-bottom: 3px solid #000;
  font-size: 16px;
  text-transform: uppercase;
}
#auctions h3 {
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
}

#auctions .featured {
  width: 825px;
  height: 150px;
  margin: 5px auto;
  padding: 5px;
  background-color: #808080;
  border: 1px solid #000;
  overflow: auto;
}
#auctions .featured ul {
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}
#auctions .featured ul li {
  display: inline;
  padding: 0;
  margin: 0;
}
#auctions .featured ul li img {
  margin: 2px;
  border: 1px solid #000;
}

#auctions .catalogue {
  text-align: center;
}

/* ~~~~~~ DIRECTIONS ~~~~~~ */

#directions p { margin-bottom: 10px; }
#directions form { margin-bottom: 10px; }
#directions input { margin-left: 10px; }
#directions td { vertical-align: top; }

#directions .map {
  width: 600px;
  height: 300px;
  margin-left: 5px;
  border: 1px solid #000;
}

/* ~~~~~~~~~ TERMS ~~~~~~~~ */

#terms { padding: 10px 80px; }
#terms h2 {
  margin: 20px 0;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}
#terms ol li {
  padding: 3px 10px 3px 0;
}

/* ~~~~~~~~~ ADMIN ~~~~~~~~ */

#admin {
  padding: 10px;
  background: #fff;
  border: 1px solid #000;
}
#admin form { padding: 10px; }
#admin label em { color: #0d5c83; }
#admin table th { width: 120px; text-align: left; }

/* ~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~ 

#footer {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#footer div {
  padding: 6px 5px;
  background: #ff6600 url(../common/images/bar-black-small.gif) repeat-x;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 10px;
  text-align: right;
}
#footer a { color: #ffdddd; }
#footer a:hover { text-decoration: underline; } */

/* ~~~~~~~~~~~~~~~~~~~ LINKS ~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~ STANDARD ~~~~~~~ */

a {
  color: #0000ff;
  text-decoration: none;
  outline: none;
}
a:hover { text-decoration: underline; }

a.print {
  padding: 10px 0 10px 40px; 
  background: url(../common/images/print.gif) left no-repeat;
}

/* ~~~~~~~~~~~~~~~~ OTHER STUFF ~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~ FORMS ~~~~~~~~ 

form {
  margin: 5px;
  padding: 5px;
  background-color: #ccc;
  border: 1px solid #000; 
}
form input { margin: 3px 0; }
*/
label { font-weight: bold; }

.notice {
  margin: 5px 200px;
  padding: 5px;
  background-color: #b3a067;
  border: 1px solid #000;
  font-size: 14px;
  font-weight: bold;
  color: #726356;
  text-transform: uppercase;
}


/* ~~~~~~~~~ MISC ~~~~~~~~~ */

.msg, .err {
  margin: 10px;
  font-size: 12px;
}
.msg strong { color: #0d5c83; }
.err strong { color: #900; }

.bold { font-weight: bold; }

.center { text-align: center; }