body {
  background:#817eab;
  color:#333;
  font-family:arial,sans-serif;
  font-size:10pt;
  margin:0;
  padding:0;
  width:100%;
}

h1,h2,h3 {
  margin:0;
  padding:0;
}
h1 {
  background:#2d2d4a url(/images/mainbg.gif) repeat-x bottom;
  border-color:#fff;
  border-style:solid;
  border-width:1px 1px 0;
  color:#fff;
  font-size:14pt;
  font-weight:normal;
  padding:8px;
  text-align:center;
}
h2 {
  color:#000;
  font-size:13pt;
}
h3 {
  color:#000;
  font-size:11pt;
}

a {
  color:#a08837;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  color:#f00;
  text-decoration:underline;
}
a img {
  border: 0;
}

p {
  margin:0;
  padding:3px 0 7px;
}
p.cdProductRow {
  height:70px;
}

img.floatPicCenter {
  display:block;
  margin:0.5em auto;
}

img.floatPicLeft {
  float:left;
  margin:0.5em 1em 0.3em 0;
}

img.floatPicRight {
  float:right;
  margin:0.5em 0 0.3em 1em;
}

ol li {
 list-style-position: inside;
 padding: 6px 4px 2px 10px;;
 margin-left: 15px;
 text-decoration: none;
 font-size: 90%;
 font-family: Verdana, Tahoma, Arial, Sans serif;
 font-weight: normal;
 color: #202020;
 text-align: left;
}

.showElement {
  display:block;
}
.hideElement {
  display:none;
}

.quote {
  color:#202060;
  font-style:italic;
}
.quoter {
  text-align:right;
}

.box-tiny {
  background:#000 url(/images/menubg.gif) repeat-x top;
  border:1px solid #fff;
  color:#fff;
  font-size:9pt;
  margin-bottom:10px;
  padding:5px;
}
.box-tiny a {
  color:#fff;
  font-weight:normal;
  text-decoration:underline;
}
.box-tiny a:hover {
  color:#f00;
}

.spartmail-subscribe {
  margin:0;
  padding:0;
}
.spartmail-subscribe .ea {
  border:1px solid #333333;
  color:#999999;
  height:20px;
  margin-top:4px;
  padding:3px;
  width:144px;
}

#header {
  float:left;
  height:120px;
  margin:0;
  padding:0;
  width:100%;
  z-index:1000;
}
#header img {
  margin:5px 10px;
}
#header p {
  color:#FFFFFF;
  font-family:Arial Narrow;
  font-size:16pt;
  left:95px;
  position:absolute;
  top:10px;
}
#header p strong {
  font-size:20pt;
}
#header p a,
#header p a:hover {
  color:#FFFFFF;
  text-decoration:none;
}

#menu {
  background:url(/images/menubg.gif) repeat-x top;
  border:1px solid #fff;
  font-size:9pt;
  margin:0 10px 10px;
  padding:5px;
  position:relative;
  text-align:center;
  white-space:nowrap;
  z-index:999;
}
#menu a {
  color:#fff;
  padding:0 0 7px 0;
}
#menu a:hover {
  text-decoration:none;
}
#menu a.selected {
  color:#9d91ef;
}
#menu ul {
  list-style:none;
  margin:0;
  padding:0;
  z-index:999;
}
#menu li {
  display:inline;
  margin:0;
  padding:0 5px;
  position:relative;
  z-index:999;
}
#menu li ul {
  background:#000000;
  border:1px solid #fff;
  border-top:1px solid #000000;
  display:none;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:19px;
  z-index:999;
}
#menu li ul li {
  border-bottom:1px solid #888;
  display:list-item;
  font-size:9pt;
  padding:0;
  text-align:left;
  white-space:nowrap;
  z-index:999;
}
#menu li ul li a.selected {
  background:#f6e4ab;
  color:#000;
  font-weight:bold;
}
#menu li ul li a {
  color:#ffffff;
  display:block;
  font-weight:normal;
  padding:5px 10px;
}
#menu li ul li a:hover {
  color:#fff;
  background:#a64686;
}
#menu li:hover ul,
#menu li.over ul {
  display: block;
}

#colmask {
  position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;     /* width of whole page */
  overflow:hidden;    /* This chops off any overhanging divs */
  /* Left column background colour */
}
#colmid {
  float:left;
  width:200%;
  position:relative;
  left:175px;
  /* Centre column background colour */
}
#colright {
  float:left;
  width:100%;
  position:relative;
  left:50%;
  margin-left:-185px;
  /* Right column background colour */
}
#col1wrap {
  float:right;
  width:50%;
  position:relative;
  right:100%;
}
#col1pad {
  margin:0 0 0 185px;
  overflow:hidden;
}
#col1 {
  width:100%;
  overflow:hidden;
}
#col2 {
  float:left;
  position:relative;
  margin-left:-50%;
  left:20px;
  overflow:hidden;
  width:155px;
}

#content {
  background:#fff;
  border-color:#fff;
  border-style:solid;
  border-width:0 1px 1px;
  min-height:400px;
  height:auto !important;
  height:400px;
  padding:5px 10px;
}

#footer {
  color:#f6e4ab;
  font-size:9pt;
  clear:both;
  float:left;
  width:100%;
  padding:0;
  margin:0;
}
#footer a {
  color:#f6e4ab
  font-weight:bold;
}
#footer p {
  margin:10px;
}

.spartpressPostHeading {
  background:#f6e4ab;
  border:1px solid #b8ae8e;
  border-bottom:0 none;
  color:#000;
}
.spartpressPostHeading a {
  color:#000;
  text-decoration:none;
}
.spartpressPostHeading a:hover {
  text-decoration:underline;
}
.spartpressPostHeading h2,
.spartpressPostHeading h3 {
  color:#000;
}
.spartpressPost {
  border:1px solid #b8ae8e;
}