body {
  background:#5e60ab;
  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:#333;
  border-style:solid;
  border-width:2px 2px 0;
  color:#fff;
  font-size:16pt;
  font-weight:normal;
  padding:8px;
  text-align:center;
}
h2 {
  color:#000;
  font-size:13pt;
}
h3 {
  color:#000;
  font-size:11pt;
}

a {
  color:#f2940f;
  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.important {
  color:#000099;
  font-family:helvetica;
  font-size:11pt;
  font-weight:bold;
  padding-bottom:20px;
}
p.important a {
  color:#0000ff;
  text-decoration:underline;
}
p.info {
  background:#FFFFCC;
  border:1px solid #FFCC66;
  margin:10px 0;
  padding:10px;
}

img.book-training {
  display:block;
  margin:10px auto;
}

div.training-strip {
  clear:both;
  height:210px;
  margin:0 auto;
  width:888px;
}
div.training-box {
  background:#FFFFFF;
  border:1px solid #333333;
  float:left;
  font-size:9pt;
  height:auto !important;
  margin:5px;
  min-height:185px;
  position:relative;
  width:210px;
}
div.training-box h2 {
  background:#2D2D4A;
  color:#FFFFFF;
  font-size:10pt;
  margin:0 0 3px;
  padding:4px 0 7px;
  text-align:center;
}
div.training-box h2 a {
  color:#fff;
}
div.training-box img {
  bottom:5px;
  left:11px;
  position:absolute;
}

#content ul, 
#content ol {
  margin-top:0;
  padding-top:0;
  padding-left:15px;
  margin-left:0;
}
#content li {
  list-style-position:inside;
}

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

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

.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:2px solid #333;
  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;
}

.calContainer {
  color:#000;
  margin:0;
  padding:0;
  width:680px;
}

.calHead {
  color:#000;
  font-size:7pt;
  font-weight:bold;
  letter-spacing:80%;
  margin:0;
  padding:1px;
  text-align:center;
  vertical-align:bottom;
  white-space:nowrap;
}

.calBlank {
  background:#bbb;
  border:1px solid #808080;
  font-size:7pt;
  padding:1px;
}

.calDay {
  background:#fff;
  border:1px solid #808080;
  font-size:8pt;
  margin:0;
  padding:1px;
  text-align:center;
  vertical-align:bottom;
  white-space:nowrap;
}

.calWE {
  background:#ddd;
  border:1px solid #808080;
  font-size:8pt;
  margin:0;
  padding:1px;
  text-align:center;
  vertical-align:bottom;
  white-space:nowrap;
}

.calAmerica, .calEurope, .calAfrica, .calAustralia, .calAsia {
  border-style:solid;
  border-width:1px;
  font-size:9pt;
  margin:0;
  padding:1px;
  text-align:center;
  vertical-align:bottom;
  white-space:nowrap;  
}

.calAmerica a, .calEurope a, .calAfrica a, .calAustralia a, .calAsia a {
  text-decoration:none;
}

.calAmerica {
  background:#c00;
  border-color:#900;
  color:#fff;
}
.calAmerica a { color:#fff; }

.calEurope {
  background:#0c0;
  border-color:#090;
  color:#fff;
}
.calEurope a { color:#fff; }

.calAfrica {
  background:#cc0;
  border-color:#990;
  color:#fff;
}
.calAfrica a { color:#fff; }

.calAustralia {
  background:#00c;
  border-color:#009;
  color:#fff;
}
.calAustralia a { color:#fff; }

.calAsia {
  background:#90c;
  border-color:#609;
  color:#fff;
}
.calAsia a { color:#fff; }

.prop-key {
  background: #eeeeee;
  border: 1px solid #ffffff;
  color: #404040;
  font-weight: bold;
  padding: 2px;
  vertical-align: top;
  white-space: nowrap;
  width: 15%;
}

.prop-val {
  color: #808080;
  vertical-align: top;
  padding: 2px;
  border: 0px solid #ffffff;
  background: #ffffff;
}

#header {
  float:left;
  height:120px;
  margin:0;
  padding:0;
  width:100%;
}
#header img {
  margin:5px 10px 0;
}

#contact-phone {
  color:#FFFFFF;
  font-size:15pt;
  position:absolute;
  right:10px;
  top:23px;
}
#contact-phone img {
  margin:0 5px 0 0;
  vertical-align:middle;
}

#menu {
  background:url(/images/menubg.gif) repeat-x top;
  border:2px solid #333;
  font-size:9pt;
  margin:0 10px 10px;
  padding:5px;
  position:relative;
  text-align:center;
  white-space:nowrap;
  z-index:999;
}
#menu a {
  color:#fff;
  font-weight:normal;
  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 {
  background:url(/images/menu-divide.gif) no-repeat right 3px;
  display:inline;
  margin:0;
  padding:0 8px;
  position:relative;
  z-index:999;
}
#menu li.menu-end {
  background:none;
}
#menu li ul {
  background:#000000;
  border:2px solid #333;
  border-top:1px solid #000000;
  display:none;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:21px;
  z-index:999;
}
#menu li ul li {
  background:none;
  border-bottom:1px solid #888;
  display:list-item;
  padding:0;
  text-align:left;
  white-space:nowrap;
  z-index:999;
}
#menu li ul li a.selected {
  background:#2b2b46;
  color:#ffffff;
  font-weight:bold;
}
#menu li ul li a {
  color:#ffffff;
  display:block;
  font-weight:normal;
  padding:5px 10px;
}
#menu li ul li a:hover {
  background:#808080;
}
#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:#e3d8ec;
  border-color:#333;
  border-style:solid;
  border-width:0 2px 2px;
  min-height:400px;
  height:auto !important;
  height:400px;
  padding:5px 10px;
}

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

.spartpressPostHeading {
  background:#2d2d4a;
  color:#fff;
  margin-top:5px;
}
.spartpressPostHeading a {
  color:#fff;
  text-decoration:none;
}
.spartpressPostHeading a:hover {
  text-decoration:underline;
}
.spartpressPostHeading h2 {
  color:#fff;
}
.spartpressPostHeading h3:before {
  content:none;
}

.spartpressPost {
  border:1px solid #2d2d4a;
}